@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Space+Mono:wght@400;700&display=swap";.gallery{height:calc(100vh - var(--header-h));flex-direction:row;display:flex}.gallery__map-section{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:1.5rem;transition:flex .4s;display:flex;overflow:hidden}.world-map-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.world-map{border:1px solid var(--border);background:#c4875a04;border-radius:6px;width:100%;height:100%}.world-map__controls{flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:.8rem;right:.8rem}.world-map__zoom-btn{background:var(--bg);border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-ui);color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:all .15s;display:flex}.world-map__zoom-btn:hover{border-color:var(--accent);color:var(--accent)}.world-map__zoom-btn--reset{text-transform:uppercase;letter-spacing:.06em;width:auto;padding:0 .5rem;font-size:.55rem}@keyframes mapPulse{0%,to{opacity:.4}50%{opacity:.15}}.world-map__pulse{animation:2s ease-in-out infinite mapPulse}.gallery__hint{font-family:var(--font-display);color:var(--muted);margin-top:.8rem;font-size:.78rem;font-style:italic}.gallery__pieces{background:var(--bg);opacity:0;border-left:1px solid #0000;width:0;min-width:0;transition:width .4s,min-width .4s,border-color .4s,opacity .3s;overflow:hidden}.gallery__pieces--open{border-left-color:var(--border);opacity:1;width:380px;min-width:380px}.gallery__pieces-inner{height:100%;padding:1.5rem;animation:.35s .15s both fadeSlideIn;overflow-y:auto}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.gallery__city-name{font-family:var(--font-display);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:600}.gallery__pieces-list{flex-direction:column;gap:2.5rem;display:flex}.piece-card{flex-direction:column;gap:1rem;display:flex}.piece-card__visual{gap:.75rem;display:flex}.piece-card__placeholder{aspect-ratio:3/4;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;font-size:.55rem;display:flex}.piece-card__placeholder--photo{background:#c4875a14}.piece-card__placeholder--stitch{background:#c4875a1f}.piece-card__placeholder-label{opacity:.6;font-size:.45rem}.piece-card__img{aspect-ratio:3/4;object-fit:cover;border-radius:4px;flex:1;min-width:0}.piece-card__text{padding-top:.2rem}.piece-card__title{font-family:var(--font-display);color:var(--text);margin-bottom:.1rem;font-size:1.2rem;font-style:italic;font-weight:400}.piece-card__subject{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.8rem;font-size:.55rem}.piece-card__poem{font-family:var(--font-display);color:var(--text);white-space:pre-line;font-size:.9rem;line-height:1.8}@media (width<=1024px){.gallery{height:auto;min-height:calc(100vh - var(--header-h));flex-direction:column}.gallery__map-section{min-height:50vh;padding:1rem}.gallery__pieces{border-top:1px solid #0000;border-left:none;height:0;transition:height .4s,border-color .4s,opacity .3s;width:100%!important;min-width:0!important}.gallery__pieces--open{border-top-color:var(--border);height:auto}}@media (width<=600px){.gallery__map-section{min-height:40vh;padding:.75rem}.gallery__pieces-inner{padding:1rem}.gallery__city-name{font-size:1.2rem}.piece-card__visual{max-width:280px}.piece-card__poem{font-size:.85rem}.world-map__zoom-btn{width:32px;height:32px}}.add-piece{max-width:520px;margin:0 auto;padding:2rem 1.5rem}.add-piece__title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600}.add-piece__msg{font-family:var(--font-display);color:var(--muted);text-align:center;padding-top:4rem;font-size:.9rem;font-style:italic}.add-piece__form{flex-direction:column;gap:1.2rem;display:flex}.add-piece__city-search{position:relative}.add-piece__dropdown{background:var(--bg);border:1px solid var(--border);z-index:10;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #3d2e2414}.add-piece__dropdown-item{border:none;border-bottom:1px solid var(--border);width:100%;font-family:var(--font-ui);color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.5rem .6rem;font-size:.68rem;transition:background .1s;display:flex}.add-piece__dropdown-item:last-child{border-bottom:none}.add-piece__dropdown-item:hover{background:#c4875a0f}.add-piece__dropdown-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.add-piece__dropdown-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#c4875a1a;border-radius:3px;flex-shrink:0;margin-left:.5rem;padding:.1rem .35rem;font-size:.5rem}.add-piece__dropdown-loading{color:var(--muted);padding:.4rem .6rem;font-size:.6rem;font-style:italic}.add-piece__city-selected{color:var(--accent);margin-top:.25rem;font-size:.58rem;display:block}.add-piece__label{flex-direction:column;gap:.3rem;display:flex}.add-piece__label>span{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.6rem;font-weight:700}.add-piece__input{border:1px solid var(--border);width:100%;font-family:var(--font-ui);background:var(--bg);color:var(--text);border-radius:4px;padding:.45rem .5rem;font-size:.72rem}.add-piece__input:focus{border-color:var(--accent);outline:none}.add-piece__input--small{width:90px}.add-piece__textarea{font-family:var(--font-display);resize:vertical;min-height:100px;font-size:.9rem;line-height:1.7}.add-piece__uploads{gap:1rem;display:flex}.add-piece__file-label{flex-direction:column;flex:1;gap:.3rem;display:flex}.add-piece__file-label>span:first-child{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.6rem;font-weight:700}.add-piece__file-label input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.add-piece__file-drop{border:1.5px dashed var(--border);cursor:pointer;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;padding:1.2rem .8rem;font-size:.58rem;transition:border-color .15s,background .15s;display:flex}.add-piece__file-drop:hover{border-color:var(--accent);background:#c4875a0a}.add-piece__file-drop--has-file{border-style:solid;border-color:var(--accent);color:var(--accent);background:#c4875a0a}.add-piece__file-name{color:var(--accent);word-break:break-all;margin-top:.2rem;font-size:.58rem}.add-piece__error{color:#b42828;background:#b428280f;border-radius:3px;padding:.4rem .5rem;font-size:.68rem}.add-piece__submit{background:var(--accent);color:#fff;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:4px;padding:.6rem;font-size:.68rem;font-weight:700;transition:background .15s}.add-piece__submit:hover:not(:disabled){background:var(--accent-hover)}.add-piece__submit:disabled{opacity:.5;cursor:not-allowed}:root{--bg:#fbf8f3;--accent:#c4875a;--accent-hover:#b07546;--text:#3d2e24;--border:#3d2e2414;--muted:#3d2e2466;--crop-bg:#1c1714;--header-h:56px;--step-bar-h:40px;--sidebar-w:220px;--right-panel-w:200px;--crop-sidebar-w:200px;--font-ui:"Space Mono", monospace;--font-display:"Cormorant Garamond", serif}@media (width>=1440px){:root{--sidebar-w:248px;--right-panel-w:230px;--crop-sidebar-w:210px}}@media (width>=1680px){:root{--sidebar-w:270px;--right-panel-w:250px;--crop-sidebar-w:220px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-header{height:var(--header-h);border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:0 1.5rem;display:flex}.app-header h1{font-family:var(--font-display);letter-spacing:.02em;font-size:1.5rem;font-weight:600;line-height:var(--header-h)}.app-nav{gap:1.2rem;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);height:var(--header-h);border-bottom:2px solid #0000;align-items:center;padding-bottom:2px;font-size:.65rem;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.nav-link:hover{color:var(--text)}.nav-link--active{color:var(--accent);border-bottom-color:var(--accent)}.auth-btn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.3rem 0;font-size:.58rem;transition:color .15s}.auth-btn:hover{color:var(--accent)}.step-indicator{height:var(--step-bar-h);border-bottom:1px solid var(--border);background:var(--bg);justify-content:center;align-items:center;gap:0;display:flex}.step-item{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0 .6rem;font-size:.65rem;transition:color .15s;display:flex}.step-item:disabled{cursor:default;opacity:.3}.step-item--active{color:var(--accent);font-weight:700}.step-item--done{color:var(--muted);cursor:pointer}.step-item--done:hover{color:var(--text)}.step-item__number{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;font-weight:700;display:flex}.step-item--active .step-item__number{background:var(--accent);color:#fff;border-color:var(--accent)}.step-item--done .step-item__number{border-color:var(--muted);font-size:.7rem}.step-item__label{white-space:nowrap}.step-line{background:var(--border);width:40px;height:1px;margin:0 .3rem}.app-main{overflow:hidden}.step-view{animation:.18s fadeIn}.step-view--crop,.step-view--pattern{height:100%}@keyframes fadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.upload-fullscreen{height:calc(100vh - var(--header-h));justify-content:center;align-items:center;display:flex}.landing{text-align:center;flex-direction:column;align-items:center;max-width:440px;display:flex}.landing__title{font-family:var(--font-display);color:var(--text);margin-bottom:.6rem;font-size:2.2rem;font-style:italic;font-weight:400;line-height:1.3}.landing__desc{color:var(--muted);max-width:340px;margin-bottom:1.5rem;font-size:.72rem;line-height:1.6}.landing .upload-zone{width:100%;padding:2.5rem 2rem}.landing__features{gap:1.5rem;margin-top:1.5rem;display:flex}.landing__feature{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:.35rem;font-size:.6rem;display:flex}.landing__feature-icon{color:var(--accent);opacity:.5;font-size:.6rem}.upload-zone{text-align:center;cursor:pointer;border:1.5px dashed #c4875a4d;border-radius:6px;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--accent);background:#c4875a0a}.upload-icon{color:var(--accent);opacity:.6;margin-bottom:.5rem;font-size:1.4rem;display:block}.upload-text{font-family:var(--font-display);opacity:.45;letter-spacing:.02em;font-size:.8rem;font-style:italic}.crop-step{grid-template-columns:var(--crop-sidebar-w) 1fr;height:calc(100vh - var(--header-h) - var(--step-bar-h));background:var(--crop-bg);color:#e0d8ce;display:grid;overflow:hidden}.crop-step__sidebar{background:#241e19;border-right:1px solid #ffffff0f;flex-direction:column;padding:1.2rem 1rem;display:flex;overflow-y:auto}.crop-step__sidebar-top{flex-direction:column;flex:1;gap:.6rem;display:flex}.crop-step__tip{color:#b0a89e;font-size:.72rem;line-height:1.5;font-family:var(--font-display);font-style:italic}.crop-step__btn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.65rem;font-weight:700;transition:background .15s;display:flex}.crop-step__btn--primary{background:var(--accent);color:#fff}.crop-step__btn--primary:hover{background:var(--accent-hover)}.crop-step__btn--secondary{color:#e0d8ce;background:#ffffff14}.crop-step__btn--secondary:hover{background:#ffffff24}.crop-step__btn--ghost{color:#b0a89e;background:0 0}.crop-step__btn--ghost:hover{background:#ffffff0f}.crop-step__rotate-row{gap:.3rem;display:flex}.crop-step__rotate-row .crop-step__btn{flex:1;padding:.35rem .4rem;font-size:.58rem}.crop-step__presets{margin-top:.2rem}.crop-step__preset-label{text-transform:uppercase;letter-spacing:.08em;color:#887e74;margin-bottom:.3rem;font-size:.55rem;font-weight:700;display:block}.crop-step__preset-grid{grid-template-columns:1fr 1fr;gap:.25rem;display:grid}.crop-step__preset-card{cursor:pointer;font-family:var(--font-ui);color:#b0a89e;background:0 0;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;padding:.3rem .4rem;transition:all .15s;display:flex}.crop-step__preset-card:hover{color:#e0d8ce;border-color:#ffffff40}.crop-step__preset-card--active{background:var(--accent);color:#fff;border-color:var(--accent)}.crop-step__preset-name{font-size:.6rem;font-weight:700}.crop-step__preset-dims{opacity:.65;margin-top:.05rem;font-size:.5rem}.crop-step__preset-card--active .crop-step__preset-dims{opacity:.85}.crop-step__center{background:var(--crop-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.crop-step__center .crop-tool{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.crop-step__center .crop-tool canvas{max-width:calc(100% - 2rem);max-height:calc(100% - 60px)}.crop-step__center .crop-actions{display:none}.crop-step__bottom-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#1a1410d9;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.crop-step__dimensions{color:#b0a89e;font-variant-numeric:tabular-nums;font-size:.7rem}.crop-step__aspect{color:#887e74}.ps-layout{grid-template-columns:var(--sidebar-w) 1fr var(--right-panel-w);height:calc(100vh - var(--header-h) - var(--step-bar-h));display:grid;overflow:hidden}.ps-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;font-size:.7rem;display:flex;overflow-y:auto}.ps-sidebar>:not(.ps-generate){padding:0 .8rem}.ps-thumbnail{margin:.8rem .8rem 0;position:relative}.ps-thumbnail img{border:1px solid var(--border);border-radius:3px;width:100%;display:block}.ps-recrop{color:#e0d8ce;font-family:var(--font-ui);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1410bf;border:none;border-radius:3px;padding:.25rem .5rem;font-size:.58rem;position:absolute;top:.4rem;left:.4rem}.ps-recrop:hover{background:#1a1410e6}.ps-section{margin-top:.8rem}.ps-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem;font-size:.6rem;font-weight:700;display:block}.ps-preset-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.ps-preset-card{border:1px solid var(--border);cursor:pointer;font-family:var(--font-ui);text-align:left;background:0 0;border-radius:4px;flex-direction:column;padding:.4rem .5rem;transition:all .15s;display:flex}.ps-preset-card:hover{border-color:var(--accent)}.ps-preset-card--active{background:var(--accent);color:#fff;border-color:var(--accent)}.ps-preset-name{font-size:.68rem;font-weight:700}.ps-preset-dims{opacity:.6;margin-top:.1rem;font-size:.55rem}.ps-preset-card--active .ps-preset-dims{opacity:.8}.ps-preset-desc{font-size:.52rem;font-family:var(--font-display);opacity:.55;margin-top:.15rem;font-style:italic}.ps-preset-card--active .ps-preset-desc{opacity:.75}.ps-custom-inputs{align-items:center;gap:.3rem;margin-top:.4rem;display:flex}.ps-custom-inputs label{text-transform:uppercase;color:var(--muted);align-items:center;gap:.2rem;font-size:.6rem;font-weight:700;display:flex}.ps-custom-inputs input{border:1px solid var(--border);width:48px;font-family:var(--font-ui);background:var(--bg);color:var(--text);text-align:center;border-radius:3px;padding:.25rem .3rem;font-size:.65rem}.ps-custom-inputs input:focus{border-color:var(--accent);outline:none}.ps-times{color:var(--muted);font-size:.65rem}.ps-color-toggle{border:1px solid var(--border);border-radius:3px;display:flex;overflow:hidden}.ps-color-toggle button{font-family:var(--font-ui);cursor:pointer;color:var(--text);background:0 0;border:none;flex:1;padding:.35rem;font-size:.6rem;transition:all .15s}.ps-color-toggle button:first-child{border-right:1px solid var(--border)}.ps-color-toggle button.active{background:var(--accent);color:#fff}.ps-stepper{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.ps-stepper button{border:1px solid var(--border);width:24px;height:24px;font-family:var(--font-ui);cursor:pointer;color:var(--text);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.ps-stepper button:hover{border-color:var(--accent)}.ps-stepper button:disabled{opacity:.3;cursor:default}.ps-stepper span{text-align:center;min-width:3em;font-size:.65rem}.ps-text-input{border:1px solid var(--border);width:100%;font-family:var(--font-ui);background:var(--bg);color:var(--text);border-radius:3px;padding:.3rem .4rem;font-size:.65rem}.ps-text-input:focus{border-color:var(--accent);outline:none}.ps-hint{color:var(--muted);margin-top:.15rem;font-size:.52rem;display:block}.ps-finetune{border:1px solid var(--border);border-radius:3px;margin:.8rem .8rem 0}.ps-finetune summary{text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--muted);padding:.4rem .6rem;font-size:.62rem;font-weight:700;list-style:none}.ps-finetune summary:before{content:"▸"}.ps-finetune[open] summary:before{content:"▾"}.ps-finetune-body{padding:.4rem .6rem .6rem}.ps-slider-group{margin-bottom:.5rem}.ps-slider-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;margin-bottom:.2rem;font-size:.58rem;display:flex}.ps-slider-val{color:var(--text);font-weight:700}.ps-checkbox label{cursor:pointer;align-items:center;gap:.3rem;font-size:.62rem;display:flex}.ps-checkbox input{accent-color:var(--accent)}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000026}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:12px;height:12px}.ps-generate{background:var(--accent);color:#fff;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:4px;margin:auto .8rem .8rem;padding:.6rem;font-size:.68rem;font-weight:700;transition:background .15s;position:sticky;bottom:.8rem}.ps-generate:hover:not(:disabled){background:var(--accent-hover)}.ps-generate:disabled{opacity:.4;cursor:not-allowed}.ps-center{background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.ps-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:0 .8rem;display:flex}.ps-tabs-left{gap:0;display:flex}.ps-tabs-left button{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:.55rem .7rem;font-size:.62rem;transition:all .15s}.ps-tabs-left button:hover{color:var(--text)}.ps-tab--active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}.ps-tabs-hint{font-family:var(--font-display);color:var(--muted);margin-left:auto;font-size:.68rem;font-style:italic}.ps-canvas-area{flex:1;padding:.8rem;overflow:auto}.pattern-grid-wrapper,.symbol-chart-wrapper,.fabric-preview-wrapper{border:1px solid var(--border);border-radius:3px;overflow:auto}.pattern-canvas,.symbol-canvas{image-rendering:pixelated;display:block}.fabric-canvas{display:block}.canvas-loading{border-bottom:1px solid var(--border);background:#c4875a0f;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.canvas-loading__bar{background:var(--border);border-radius:2px;flex-shrink:0;width:80px;height:3px;overflow:hidden}.canvas-loading__fill{background:var(--accent);height:100%;transition:width .15s}.canvas-loading__text{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.6rem;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ps-empty,.ps-right-empty{justify-content:center;align-items:center;height:100%;min-height:200px;display:flex}.ps-empty p,.ps-right-empty p{text-transform:uppercase;letter-spacing:.12em;opacity:.25;font-size:.65rem}.ps-error{color:#b42828;background:#b4282814;border:1px solid #b42828;border-radius:3px;margin:.5rem .8rem;padding:.5rem .6rem;font-size:.65rem}.ps-processing-overlay{z-index:20;background:#faf7f2e0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.ps-processing-content{flex-direction:column;align-items:center;gap:.5rem;width:200px;display:flex}.ps-progress-track{background:var(--border);border-radius:2px;width:100%;height:3px;overflow:hidden}.ps-progress-fill{background:var(--accent);height:100%;transition:width .3s}.ps-progress-label{color:var(--accent);font-size:.7rem;font-weight:700}.ps-progress-stage{color:var(--muted);font-size:.6rem}.ps-right{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;font-size:.65rem;display:flex;overflow-y:auto}.ps-info-pills{flex-wrap:wrap;gap:.4rem;padding:.8rem;display:flex}.ps-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:#c4875a1a;border-radius:10px;padding:.2rem .5rem;font-size:.58rem;font-weight:700}.ps-warning{border:1px solid var(--accent);color:var(--accent);background:#c4875a14;border-radius:3px;margin:0 .8rem .5rem;padding:.4rem .5rem;font-size:.6rem;line-height:1.4}.ps-palette-list{flex:1;padding:0 .6rem;overflow-y:auto}.ps-palette-list h3{font-family:var(--font-display);margin-bottom:.5rem;padding:0 .2rem;font-size:.85rem;font-weight:600}.ps-palette-row{border-bottom:1px solid var(--border);align-items:center;gap:.35rem;padding:.3rem .2rem;display:flex}.ps-swatch{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:14px;height:14px}.ps-dmc-code{flex-shrink:0;min-width:2.2em;font-size:.6rem;font-weight:700}.ps-dmc-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.55rem;overflow:hidden}.ps-dmc-pct{color:var(--muted);text-align:right;flex-shrink:0;min-width:2.5em;font-size:.55rem}.ps-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.3rem;padding:.6rem;display:flex}.ps-footer button{border:1px solid var(--accent);width:100%;color:var(--accent);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:3px;padding:.4rem;font-size:.55rem;transition:all .15s}.ps-footer button:hover{background:var(--accent);color:#fff}@media (width<=1000px){.ps-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.ps-sidebar,.ps-right{border:none;border-bottom:1px solid var(--border);max-height:none}.crop-step{grid-template-rows:auto 1fr;grid-template-columns:1fr}.crop-step__sidebar{flex-direction:row;gap:.5rem;padding:.5rem 1rem}}