:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--paper: #f3ead9;--paper-light: #fffaf0;--paper-deep: #dfcbaa;--paper-shadow: rgba(43, 52, 52, .18);--ink: #12324a;--ink-soft: #3e6678;--ink-faint: rgba(27, 52, 69, .28);--coral: #c86758;--coral-soft: #e7b09b;--brass: #a87835;--brass-light: #e2bd73;--brass-deep: #684620;--ocean: #08263c;--ocean-mid: #0a5063;--ocean-deep: #006d7a;--seafoam: #b8e4dd;--seafoam-deep: #006d7a;--mustard: #b8791c;--mustard-ink: #8a5a00;--line-strong: #4d8693;--line: rgba(18, 50, 74, .24);--tab-pink: #d88883;--tab-peach: #e3a36e;--tab-blue: #799aa4;--tab-teal: #65958b;--tab-brown: #a77b56;--focus: #a65300;--note-font: "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;--display-font: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--paper-deep)}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden;background:var(--paper)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;content:"";opacity:.2;background-image:repeating-linear-gradient(0deg,rgba(27,52,69,.06) 0 1px,transparent 1px 5px)}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px #fffaf0f2}button:disabled{cursor:not-allowed}[data-action],[data-option-id],[data-remove-option-id]{touch-action:manipulation}[hidden]{display:none!important}.app-shell{position:relative;isolation:isolate;width:min(1240px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(18px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left));display:flex;flex-direction:column;gap:16px}.page-ink-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;min-height:760px;pointer-events:none;opacity:.38;overflow:visible}.page-ink-decor path,.page-ink-decor circle{fill:none;stroke:var(--ink);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.page-ink-decor .decor-shell path:first-child,.page-ink-decor .decor-shell circle{fill:#fffaf033}.page-ink-decor .decor-coral{stroke:var(--coral);opacity:.62}.page-ink-decor .decor-dots{stroke:var(--tab-teal);stroke-dasharray:2 8;opacity:.7}.page-ink-decor .decor-dots circle{fill:var(--tab-teal);stroke:none}.app-header,.editor-layout,.app-footer{position:relative;z-index:1}.app-header{position:relative;display:flex;align-items:center;gap:15px;min-height:76px;padding:1px 3px 14px;border-bottom:1px dashed var(--ink)}.app-header:after{position:absolute;right:17%;bottom:-2px;width:92px;height:3px;content:"";background:var(--coral);transform:rotate(-1deg)}.brand-mark{position:relative;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--ink);background:var(--paper-light);box-shadow:4px 4px 0 var(--paper-shadow);transform:rotate(-2deg)}.brand-mark:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--brass);content:""}.brand-mark-icon{width:40px;height:40px;fill:none;stroke:var(--brass-deep);stroke-width:1.6;stroke-linecap:round}.brand-copy{min-width:0}.brand-name{margin-bottom:3px;color:var(--brass-deep)}.eyebrow{margin:0 0 4px;color:var(--tab-teal);font-family:var(--note-font);font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display-font);font-weight:700}h1{margin-bottom:2px;font-size:clamp(1.7rem,4vw,2.35rem);letter-spacing:-.045em;line-height:1.04}h2{margin-bottom:0;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.035em;line-height:1.1}h3{margin:0;font-size:1.14rem;letter-spacing:-.025em}h4{margin:0;font-size:1rem}.intro{margin:4px 0 0;color:var(--ink-soft);font-family:var(--note-font);font-size:.96rem}.ready-badge{position:relative;min-height:38px;margin-left:auto;display:inline-flex;align-items:center;padding:5px 10px 7px;border:0;border-bottom:2px solid var(--ink);color:var(--ink);background:transparent;font-family:var(--note-font);font-size:.9rem;font-weight:700;white-space:nowrap;transform:rotate(1.5deg)}.ready-badge:before{position:absolute;top:2px;right:-4px;bottom:5px;left:-4px;z-index:-1;border:1px solid var(--ink-faint);content:"";transform:rotate(-2deg)}.ready-badge[data-ready=true]{color:var(--tab-teal);border-bottom-color:var(--tab-teal)}.ready-badge[data-ready=true]:before{border-color:var(--tab-teal)}.editor-layout{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(390px,1.12fr);gap:28px;align-items:start;flex:1}.preview-column,.controls-column{min-width:0}.preview-column{display:flex;flex-direction:column;gap:12px}.controls-column{display:flex;flex-direction:column;gap:13px;min-height:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 4px 9px;border-bottom:2px solid var(--ink)}.controls-heading{border-bottom-color:var(--tab-teal)}.native-size,.drawer-index{color:var(--ink-soft);font-family:var(--note-font);font-size:.76rem;white-space:nowrap}.drawer-index{color:var(--brass-deep)}.porthole-frame{position:relative;width:min(100%,530px);margin:3px auto 0;padding:29px 24px 27px;border:7px solid var(--brass-deep);border-radius:47% 47% 43% 43%/8% 8% 7% 7%;background:radial-gradient(circle at 8% 18%,var(--brass-light) 0 3px,var(--brass-deep) 3.5px 5px,transparent 5.5px),radial-gradient(circle at 92% 18%,var(--brass-light) 0 3px,var(--brass-deep) 3.5px 5px,transparent 5.5px),radial-gradient(circle at 8% 82%,var(--brass-light) 0 3px,var(--brass-deep) 3.5px 5px,transparent 5.5px),radial-gradient(circle at 92% 82%,var(--brass-light) 0 3px,var(--brass-deep) 3.5px 5px,transparent 5.5px),linear-gradient(145deg,#e8c987,#a87634 28%,#d5ad63 51%,#7b5027 76%,#c69548);box-shadow:8px 9px 0 var(--paper-shadow),inset 0 0 0 2px #fff5cd99,inset 0 0 0 7px #4d2f136b,inset 0 0 18px #3b2512b8;isolation:isolate}.porthole-frame:before,.porthole-frame:after{position:absolute;pointer-events:none;content:"";border:1px solid rgba(255,232,161,.72);border-radius:50%}.porthole-frame:before{top:12px;right:4%;bottom:12px;left:4%}.porthole-frame:after{top:19px;right:9%;bottom:19px;left:9%;border-color:#533112b3}.porthole-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:320px;overflow:hidden;border:4px solid #c39148;border-radius:43% 43% 38% 38%/7% 7% 6% 6%;background:radial-gradient(ellipse at 50% 40%,rgba(88,181,190,.34),transparent 50%),radial-gradient(ellipse at 50% 98%,rgba(19,123,135,.52),transparent 54%),linear-gradient(180deg,#071e33,#092c43 64%,#0a5665);box-shadow:inset 0 0 0 2px #ffeba26b,inset 0 0 28px #000000ad}#preview-canvas{position:relative;z-index:1;display:block;width:min(100%,370px);height:auto;aspect-ratio:444 / 700}.porthole-ring,.porthole-contour{position:absolute;z-index:0;pointer-events:none;border-radius:50%}.porthole-ring{border:1px solid rgba(232,201,135,.72)}.ring-one{top:7%;right:4%;bottom:7%;left:4%}.ring-two{top:14%;right:9%;bottom:14%;left:9%;border-color:#663e18cc}.porthole-contour{width:96px;height:40px;border:1px solid rgba(255,226,139,.74);border-left-color:transparent;border-bottom-color:transparent}.contour-one{top:22px;right:24px;transform:rotate(26deg)}.contour-two{bottom:22px;left:23px;transform:rotate(205deg)}.registration-mark{position:absolute;z-index:2;width:16px;height:16px;color:var(--coral)}.registration-mark:before,.registration-mark:after{position:absolute;inset:7px 0 auto;height:1px;content:"";background:currentColor}.registration-mark:after{transform:rotate(90deg)}.registration-top{top:9px;right:16px}.registration-bottom{bottom:9px;left:16px;color:var(--brass-light)}.feedback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.feedback:before,.feedback:after{position:absolute;opacity:0;content:""}.feedback[data-kind=sparkle]:before,.feedback[data-kind=sparkle]:after{width:18px;height:18px;background:var(--brass-light);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.feedback[data-kind=sparkle]:before{left:24%;top:22%;animation:sparkle .72s ease-out}.feedback[data-kind=sparkle]:after{right:22%;top:34%;animation:sparkle .72s .12s ease-out}.feedback[data-kind=bubble]:before{left:22%;bottom:30%;width:16px;height:16px;border:2px solid var(--coral-soft);border-radius:50%;animation:bubble .75s ease-out}.feedback[data-kind=pulse]:before{left:50%;top:48%;width:40px;height:40px;border:3px solid var(--coral);border-radius:50%;transform:translate(-50%,-50%);animation:pulse .55s ease-out}@keyframes sparkle{0%{opacity:0;transform:translateY(7px) scale(.65) rotate(-14deg)}25%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.08) rotate(18deg)}}@keyframes bubble{0%{opacity:0;transform:translateY(7px) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-35px) scale(1.2)}}@keyframes pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.foundation-caption{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 11px;border:1px solid var(--ink-faint);border-left:4px solid var(--brass);background:#fffaf0bf;transform:rotate(.25deg)}.caption-pin{width:10px;height:10px;flex:0 0 auto;border:1px solid var(--ink);border-radius:50%;background:var(--coral)}.preview-note{margin:0;color:var(--ink-soft);font-family:var(--note-font);font-size:.8rem;line-height:1.35}.mode-switch{display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid var(--ink);border-bottom:0;background:#dfcbaa75}.mode-switch-label{flex:0 0 auto;color:var(--brass-deep);font-family:var(--note-font);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mode-switch-buttons{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mode-button{min-height:48px;border:1px solid var(--ink-faint);border-top:4px solid var(--tab-teal);border-radius:2px 2px 0 0;color:var(--ink);background:#fffaf0b8;cursor:pointer;font-family:var(--note-font);font-size:.82rem;font-weight:700;touch-action:manipulation;transform:rotate(-.45deg)}.mode-button+.mode-button{border-top-color:var(--tab-pink);transform:rotate(.65deg)}.mode-button:hover{background:var(--paper-light)}.mode-button.is-active{z-index:1;border-color:var(--ink);background:var(--paper-light);box-shadow:3px -2px #1b344529;transform:translateY(2px) rotate(0)}.browse-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px 0;border:1px solid var(--ink);border-bottom:0;background:#dfcbaa61}.group-button{--group-color: var(--tab-teal);min-width:48px;min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:5px 7px;border:1px solid var(--ink-faint);border-top:4px solid var(--group-color);color:var(--ink);background:#fffaf0b8;cursor:pointer;font-family:var(--note-font);font-size:.71rem;font-weight:700;line-height:1.05;text-align:left;touch-action:manipulation;transform:rotate(-.35deg)}.group-button:nth-child(2){--group-color: var(--tab-pink);transform:rotate(.45deg)}.group-button:nth-child(3){--group-color: var(--tab-peach);transform:rotate(-.55deg)}.group-button:nth-child(4){--group-color: var(--tab-blue);transform:rotate(.3deg)}.group-button:nth-child(5){--group-color: var(--tab-brown);transform:rotate(-.45deg)}.group-button:nth-child(6){--group-color: var(--tab-pink);transform:rotate(.5deg)}.group-button:nth-child(7){--group-color: var(--tab-teal);transform:rotate(-.25deg)}.group-button:nth-child(8){--group-color: var(--tab-peach);transform:rotate(.4deg)}.group-button:hover{background:var(--paper-light)}.group-button.is-active{z-index:1;border-color:var(--ink);background:var(--paper-light);box-shadow:3px -2px #1b344526;transform:translateY(2px) rotate(0)}.group-number{align-self:flex-start;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.57rem}.group-icon{flex:0 0 auto;color:var(--group-color);line-height:1}.subcategory-controls{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px 7px;border:1px solid var(--ink);border-top:0;background:#dfcbaa4d}.subcategory-button{min-width:48px;min-height:48px;flex:1 1 auto;padding:6px 9px;border:1px solid var(--ink-faint);border-bottom:3px solid var(--tab-teal);color:var(--ink);background:#fffaf0c7;cursor:pointer;font-family:var(--note-font);font-size:.72rem;font-weight:700;line-height:1.05;text-align:center;touch-action:manipulation}.subcategory-button:hover{background:var(--paper-light)}.subcategory-button.is-active{z-index:1;border-color:var(--ink);border-bottom-color:var(--coral);background:var(--paper-light);box-shadow:2px 2px #1b344524}.line-icon{width:1.15em;height:1.15em;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.option-panel{position:relative;min-height:270px;padding:19px 18px 16px;border:1px solid var(--ink);border-radius:1px 8px 3px 3px;background:#fffaf0e6;box-shadow:8px 8px 0 var(--paper-shadow)}.option-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:14px}.drawer-eyebrow{margin:0 0 3px;color:var(--brass-deep);font-family:var(--note-font);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.option-heading p:not(.drawer-eyebrow){margin:3px 0 0;color:var(--ink-soft);font-family:var(--note-font);font-size:.82rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px 10px;max-height:min(390px,46vh);padding:7px 4px 5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--tab-teal) transparent}.empty-options{grid-column:1 / -1;margin:18px 8px;color:var(--ink-soft);font-family:var(--note-font);font-size:.82rem;line-height:1.35;text-align:center}.option-hint{margin:11px 2px 0;color:var(--ink-soft);font-family:var(--note-font);font-size:.74rem;line-height:1.3}.option-card{--card-tilt: 0deg;position:relative;min-width:0;min-height:168px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 8px 9px;border:1px solid rgba(27,52,69,.48);border-radius:1px;background:#fffdf7;box-shadow:3px 4px #1b344524;cursor:pointer;text-align:center;touch-action:manipulation;transform:rotate(var(--card-tilt));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease,opacity .16s ease}.option-card:before{position:absolute;top:-8px;left:20%;width:60%;height:16px;border:1px solid rgba(106,78,42,.22);content:"";background:#dcb8779e;clip-path:polygon(2% 8%,98% 0,96% 86%,78% 100%,56% 88%,34% 100%,4% 91%);transform:rotate(-2deg)}.option-card:hover{border-color:var(--tab-teal);background:#fffaf0;transform:translateY(-2px) rotate(var(--card-tilt))}.option-card[aria-selected=true]{border:2px solid var(--ink);background:#fffaf0;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--coral),4px 5px #1b34452e}.option-card[aria-selected=true]:after{position:absolute;top:-7px;right:8px;width:13px;height:13px;border:1px solid var(--ink);border-radius:50%;content:"";background:var(--coral);box-shadow:2px 2px #1b344540}.option-card:disabled{opacity:.52;filter:saturate(.35);transform:rotate(var(--card-tilt))}.option-card:focus-visible{z-index:2}.option-thumb{position:relative;width:86px;height:91px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(27,52,69,.38);border-radius:0;background:#e8eee5}.option-thumb img{width:100%;height:100%;object-fit:contain}.option-thumb .thumbnail-image{--thumbnail-scale: 1;position:absolute;max-width:none;object-fit:fill;transform-origin:top left}.unavailable-thumb .line-icon{width:2rem;height:2rem}.unavailable-thumb{color:var(--coral);background:#fae7df}.option-label{display:-webkit-box;min-height:1.65em;max-width:100%;overflow:visible;color:var(--ink);font-family:var(--note-font);font-size:.78rem;font-weight:700;line-height:1.05;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.selected-specimens{margin:0;padding:12px;border:1px solid var(--tab-teal);border-left:4px solid var(--coral);background:#65958b1f;transform:rotate(.2deg)}.selected-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.selected-summary-heading h3{margin:0}.selected-count{color:var(--tab-teal);font-family:var(--note-font);font-size:.74rem;font-weight:700;white-space:nowrap}.selected-layer-list{display:grid;gap:6px;max-height:min(286px,30vh);overflow-y:auto;padding:2px 2px 4px 1px;overscroll-behavior:contain;scrollbar-color:var(--tab-teal) transparent}.selected-empty{margin:8px 2px;color:var(--ink-soft);font-family:var(--note-font);font-size:.74rem}.selected-layer-row{min-height:56px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 7px;border:1px solid var(--ink-faint);color:var(--ink);background:#fffaf0c7;cursor:pointer;text-align:left}.selected-layer-row:hover,.selected-layer-row.is-current{border-color:var(--ink);background:var(--paper-light)}.selected-layer-row:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.selected-layer-order{width:2em;flex:0 0 auto;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.selected-layer-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.selected-layer-label{overflow-wrap:anywhere;font-family:var(--note-font);font-size:.78rem;line-height:1.05}.selected-layer-copy small{color:var(--ink-soft);font-family:var(--note-font);font-size:.68rem;line-height:1.1}.remove-selected{min-width:76px;min-height:48px;flex:0 0 auto;border:1px solid var(--ink);color:var(--ink);background:var(--paper-deep);cursor:pointer;font-family:var(--note-font);font-size:.7rem;font-weight:700}.remove-selected:hover{color:#fff;background:var(--coral)}.remove-selected:disabled{color:var(--ink-soft);background:#dfcbaa8c;cursor:not-allowed}.layer-movement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.layer-movement .secondary-button:disabled{color:var(--ink-soft);background:#dfcbaa7a;cursor:not-allowed}.export-button{width:100%;margin-top:8px}.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.secondary-button,.primary-button,.icon-button{min-height:48px;border-radius:1px;cursor:pointer;font-family:var(--note-font);font-size:.82rem;font-weight:700;touch-action:manipulation}.secondary-button,.icon-button{border:1px solid var(--ink);background:var(--paper-light)}.secondary-button:hover,.icon-button:hover{background:#65958b33}.primary-button{border:1px solid var(--ink);color:#fffaf0;background:var(--ink);box-shadow:4px 4px #1b34453d}.primary-button:hover{background:var(--coral)}.action-row>:nth-child(1){transform:rotate(-1deg)}.action-row>:nth-child(2){transform:rotate(1.2deg)}.action-row>:nth-child(3){transform:rotate(-.7deg)}.action-row>:nth-child(4){transform:rotate(1.5deg)}.action-row .line-icon{display:inline-block;width:1.05em;height:1.05em;margin-right:3px;vertical-align:-.18em}.lookbook-button{border-style:dashed}.icon-button{width:48px;min-width:48px;display:grid;place-items:center;font-size:1.55rem;line-height:1}.lookbook-panel{padding:17px;border:1px solid var(--ink);border-left:4px solid var(--tab-teal);border-radius:1px 8px 3px 3px;background:#fffaf0eb;box-shadow:8px 8px 0 var(--paper-shadow)}.lookbook-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.lookbook-copy{margin:8px 0 13px;color:var(--ink-soft);font-family:var(--note-font);font-size:.82rem}.lookbook-slots{display:grid;gap:8px}.lookbook-slot{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--ink-faint);background:#e3a36e1f}.lookbook-slot>div:first-child{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.lookbook-slot strong{font-family:var(--display-font);font-size:.86rem}.lookbook-slot small{color:var(--ink-soft);font-family:var(--note-font);font-size:.7rem}.lookbook-name-input{width:100%;min-width:0;min-height:48px;padding:7px 8px;border:1px solid var(--ink);color:var(--ink);background:var(--paper-light);font:inherit}.lookbook-name-input:focus{outline:3px solid var(--focus);outline-offset:2px}.lookbook-name-hint{color:var(--coral)}.slot-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}.slot-actions .secondary-button{min-width:58px;min-height:48px;font-size:.75rem}.degraded-panel{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--coral);color:var(--ink);background:#fff2ed;font-family:var(--note-font);font-size:.82rem}.degraded-panel strong{color:var(--ink);font-family:var(--display-font);font-size:.98rem}.degraded-panel .primary-button{align-self:start;min-height:48px}.app-footer{display:flex;justify-content:center;gap:9px;padding:3px 0 1px;color:var(--ink-soft);font-family:var(--note-font);font-size:.74rem}.footer-rule{width:18px;align-self:center;border-top:1px solid var(--coral)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(orientation:portrait)and (max-width:699px){.editor-layout{display:flex;flex-direction:column;gap:22px}.preview-column,.controls-column{width:100%}.porthole-frame{max-width:540px}}@media(orientation:landscape)and (min-width:700px){.editor-layout{grid-template-columns:minmax(300px,.86fr) minmax(390px,1.14fr);align-items:stretch}.preview-column{min-height:0}.porthole-frame{max-width:520px}.controls-column,.option-panel{min-height:0}.option-grid{max-height:min(420px,46vh)}}@media(min-width:700px)and (min-height:700px){.app-shell{height:100dvh;min-height:0;overflow:hidden;gap:10px}.editor-layout{min-height:0;align-items:stretch}.preview-column{min-height:0;gap:8px}.porthole-frame{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;max-width:520px}.porthole-stage{flex:1 1 auto;min-height:0;position:relative}#preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:444 / 700}.controls-column{height:100%;min-height:0;gap:7px;overflow-x:hidden;overflow-y:auto}.controls-heading{padding-bottom:6px}.mode-switch{gap:7px;padding:4px 6px}.browse-groups{gap:4px;padding:4px 6px 0}.group-button{min-height:48px;padding:4px 6px}.subcategory-controls{gap:4px;padding:4px 6px 5px}.option-panel{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;padding:10px 12px}.option-heading{flex:0 0 auto;margin-bottom:6px}.option-grid{flex:1 1 auto;min-height:0;max-height:none;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;padding:4px}.option-card{min-height:74px;padding:4px;gap:2px}.option-card:before{top:-5px;height:10px}.option-thumb{width:44px;height:44px}.option-thumb .thumbnail-image{--thumbnail-scale: .4835}.option-label{min-height:1em;font-size:.7rem;line-height:1;-webkit-line-clamp:1}.option-hint{display:none}.selected-specimens{flex:0 1 auto;min-height:0;overflow:hidden;padding:7px 8px}.selected-summary-heading{margin-bottom:6px}.selected-layer-list{max-height:min(124px,18dvh)}.selected-layer-row{min-height:52px}.layer-movement{gap:6px;margin-top:6px}.export-button{margin-top:6px}.action-row{gap:7px}.option-panel{flex:1 1 0;min-height:148px}}@media(orientation:landscape)and (min-width:700px)and (min-height:700px)and (max-height:850px){.app-shell{padding-top:max(8px,var(--safe-top));padding-bottom:max(8px,var(--safe-bottom));gap:8px}.app-header{min-height:56px;gap:9px;padding-bottom:8px}.app-header:after{width:52px}.brand-mark{width:44px;height:44px}.brand-mark-icon{width:31px;height:31px}h1{font-size:1.45rem}.intro{font-size:.74rem}.editor-layout{gap:14px}.section-heading{padding-bottom:5px}.porthole-frame{padding:12px;border-radius:43% 43% 39% 39%/8% 8% 7% 7%}.selected-layer-list{max-height:min(64px,8dvh)}.app-footer{display:none}}@media(orientation:landscape)and (max-height:600px){.editor-layout{display:flex;flex-direction:column;gap:22px}.preview-column,.controls-column{width:100%}.app-shell{padding-top:max(8px,var(--safe-top));padding-bottom:max(8px,var(--safe-bottom));gap:8px}.app-header{min-height:56px;gap:9px;padding-bottom:8px}.app-header:after{width:52px}.brand-mark{width:44px;height:44px}.brand-mark-icon{width:31px;height:31px}h1{font-size:1.45rem}.intro{font-size:.74rem}.editor-layout{gap:14px}.section-heading{padding-bottom:5px}.porthole-frame{padding:12px;border-radius:43% 43% 39% 39%/8% 8% 7% 7%}.porthole-stage{min-height:0}#preview-canvas{width:auto;height:min(58dvh,285px);max-width:100%}.foundation-caption{min-height:30px;padding:4px 7px}.preview-note{font-size:.7rem}.controls-column{height:auto;min-height:0;gap:7px}.mode-switch{padding-top:4px;padding-bottom:4px}.option-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:10px}.option-heading{flex:0 0 auto;margin-bottom:6px}.option-heading p:not(.drawer-eyebrow){display:none}.selected-specimens{flex:0 1 auto;min-height:0;margin-bottom:0;padding:7px 8px}.selected-layer-list{max-height:min(190px,22dvh)}.selected-layer-row{min-height:52px}.option-grid{flex:1 1 auto;min-height:0;max-height:none;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.option-card{min-height:74px;padding:4px;gap:2px}.option-card:before{top:-5px;height:10px}.option-thumb{width:44px;height:44px}.option-thumb .thumbnail-image{--thumbnail-scale: .4835}.option-label{min-height:1em;font-size:.7rem;line-height:1;-webkit-line-clamp:1}.option-hint{display:none}.action-row{flex:0 0 auto}.lookbook-panel{max-height:none;overflow:visible}.app-footer{display:none}}@media(max-width:560px){.app-shell{padding-left:max(13px,var(--safe-left));padding-right:max(13px,var(--safe-right));gap:12px}.app-header{min-height:62px;gap:10px;padding-bottom:10px}.brand-mark{width:48px;height:48px}.brand-mark-icon{width:34px;height:34px}.brand-name{font-size:.72rem}h1{font-size:1.55rem}.intro{font-size:.84rem}.ready-badge{min-height:38px;padding:4px 7px 6px;font-size:.78rem}.editor-layout{gap:17px}.porthole-frame{padding:17px 12px 15px;border-radius:44% 44% 40% 40%/7% 7% 6% 6%}.porthole-stage{min-height:0}#preview-canvas{width:min(100%,330px)}.native-size{font-size:.65rem}.mode-switch{gap:6px;padding-left:6px;padding-right:6px}.mode-switch-label{font-size:.64rem}.mode-button{font-size:.75rem}.browse-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px 6px 0}.group-button{min-height:52px;font-size:.69rem}.subcategory-controls{gap:4px;padding-left:6px;padding-right:6px}.subcategory-button{flex:1 1 calc(33.333% - 4px);padding-left:5px;padding-right:5px;font-size:.68rem}.option-panel{padding:14px 11px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px;gap:12px 9px}.option-card{min-height:170px}.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-layer-label{font-size:.74rem}.remove-selected{min-width:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.feedback:before,.feedback:after{animation:none!important;opacity:0!important}.option-card:hover{transform:rotate(var(--card-tilt))}}