:root{--import-ivory:#f4f0e7;--import-paper:#fbf8f1;--import-ink:#24231f;--import-muted:#77736a;--import-line:#24231f29;--import-shadow:0 18px 55px #2a251c24;--import-ease:cubic-bezier(.22, 1, .36, 1)}.import-drop-overlay{z-index:90;color:var(--import-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;background:#f4f0e7e6;place-items:center;padding:28px;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.import-drop-overlay.is-active,.import-drop-overlay[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}.import-drop-target{text-align:center;width:min(700px,100%);min-height:min(430px,62vh);transition:transform .36s var(--import-ease), background .2s ease;background:#fbf8f19e;border:1px dashed #24231f6b;border-radius:28px;align-content:center;place-items:center;gap:12px;padding:48px;display:grid;transform:scale(.985)}.import-drop-overlay.is-active .import-drop-target,.import-drop-overlay[data-active=true] .import-drop-target{transform:scale(1)}.import-drop-target.is-over{background:#fffdf7e6}.import-drop-target h2{letter-spacing:-.035em;margin:0;font:500 clamp(24px,4vw,42px)/1.05 Instrument Sans,sans-serif}.import-drop-target p{max-width:40ch;color:var(--import-muted);margin:0;font-size:14px}.import-setup-warning code{color:var(--import-ink);background:#24231f12;border-radius:4px;padding:2px 5px;font-size:.92em}.import-tray{z-index:70;width:auto;max-width:calc(100vw - 36px);min-height:48px;color:var(--import-paper);background:var(--import-ink);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:0;padding:4px;transition:box-shadow .22s;display:flex;position:fixed;bottom:18px;left:18px;overflow:hidden;box-shadow:0 8px 28px #19171233}.import-tray:hover,.import-tray:focus-within,.import-tray.is-expanded{box-shadow:0 12px 36px #19171242}.import-tray__button,.import-icon-button{width:40px;height:40px;color:inherit;cursor:pointer;transition:background .16s ease, transform .22s var(--import-ease);background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;padding:0;display:grid}.import-tray__button:hover,.import-tray__button:focus-visible,.import-icon-button:hover,.import-icon-button:focus-visible{background:#ffffff1f;outline:none}.import-tray__button:active,.import-icon-button:active{transform:scale(.94)}.import-tray__actions{opacity:0;pointer-events:none;min-width:0;max-width:0;transition:max-width .42s var(--import-ease), opacity .18s ease 40ms, transform .32s var(--import-ease);align-items:center;gap:2px;display:flex;overflow:hidden;transform:translate(-8px)}.import-tray:hover .import-tray__actions,.import-tray:focus-within .import-tray__actions,.import-tray.is-expanded .import-tray__actions{opacity:1;pointer-events:auto;max-width:min(420px,100vw - 92px);transform:none}.import-tray__label{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;min-width:0;max-width:min(240px,42vw);padding:0 10px 0 4px;font-size:12px;overflow:hidden}.import-tray__preview{object-fit:contain;opacity:0;width:0;height:34px;transition:width .32s var(--import-ease), opacity .18s ease;background:#ffffff1a;border-radius:999px}.import-tray:hover .import-tray__preview,.import-tray:focus-within .import-tray__preview,.import-tray.is-expanded .import-tray__preview{opacity:1;width:34px}.import-popover-backdrop{z-index:75;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;background:#23211c40;place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.import-popover-backdrop.is-open,.import-popover-backdrop[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.import-popover{width:min(620px,100%);max-height:min(760px,100dvh - 48px);color:var(--import-ink);background:var(--import-paper);border:1px solid var(--import-line);box-shadow:var(--import-shadow);transform-origin:0 100%;opacity:0;transition:transform .52s var(--import-ease), opacity .18s ease;border-radius:26px;padding:24px;overflow:auto;transform:translate(-36vw,42vh)scale(.16)}.import-popover-backdrop.is-open .import-popover,.import-popover-backdrop[data-open=true] .import-popover{opacity:1;transform:none}.import-popover__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.import-popover__eyebrow{color:var(--import-muted);text-transform:uppercase;letter-spacing:.13em;margin:0 0 6px;font-size:10px}.import-popover__title{letter-spacing:-.035em;margin:0;font:500 clamp(24px,4vw,36px)/1.06 Instrument Sans,sans-serif}.import-progress{gap:10px;margin:20px 0;display:grid}.import-progress.is-reviewing{margin-bottom:24px}.import-progress__meta{color:var(--import-muted);justify-content:space-between;gap:16px;font-size:12px;display:flex}.import-progress__track{background:#24231f1a;border-radius:99px;height:3px;overflow:hidden}.import-progress__bar{width:var(--import-progress,0%);background:var(--import-ink);border-radius:inherit;height:100%;transition:width .5s var(--import-ease)}.import-progress.is-indeterminate .import-progress__bar{width:36%;animation:import-progress 1.2s var(--import-ease) infinite}.import-status{color:var(--import-muted);align-items:center;gap:9px;font-size:13px;display:flex}.import-status:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:7px;height:7px}.import-status.is-processing:before{animation:1.2s ease-in-out infinite import-pulse}.import-status.is-complete{color:#49604b}.import-status.is-error{color:#8a3f35}.import-card-list{gap:10px;display:grid}.import-editor__stage{color:var(--import-muted);letter-spacing:.13em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:10px}.import-editor+.import-card-list,.import-cleanup-editor+.import-card-list,.import-card-list+.import-actions{margin-top:28px}.import-card{border:1px solid var(--import-line);background:#ffffff61;border-radius:16px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.import-card__image{aspect-ratio:4/5;object-fit:contain;background:var(--import-ivory);border-radius:10px;width:88px}.import-card__body{min-width:0}.import-card__title{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:500;overflow:hidden}.import-card__detail{color:var(--import-muted);margin:0;font-size:12px}.import-card__detail--status{align-items:center;gap:8px;display:flex}.import-card__detail--status:before{content:"";opacity:.42;background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.import-card__detail--status[data-tone=processing]:before{animation:1.2s ease-in-out infinite import-pulse}.import-card__detail--status[data-tone=error]{color:#8a3f35}.import-card__detail--status[data-tone=complete]{color:#49604b}.import-card__actions{gap:4px;display:flex}.import-card__delete{color:#7c4038}.import-card__delete:hover,.import-card__delete:focus-visible{background:#7c40381a}.import-card__retry{min-height:34px;padding-inline:12px}.import-card.is-approved{border-color:#49604b61}.import-card.is-rejected{opacity:.55}.import-card.is-selected{background:#ffffffb3;border-color:#24231f7a}.import-editor{grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.import-editor__preview{object-fit:contain;background:var(--import-ivory);border-radius:16px;width:100%;max-height:360px}.import-cleanup-editor{gap:14px;display:grid}.import-cleanup-editor>.import-card__detail{max-width:680px;line-height:1.45}.import-cleanup-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.import-cleanup-comparison figure{border:1px solid var(--import-line);background-color:var(--import-ivory);background-image:linear-gradient(45deg,#24231f0b 25%,#0000 25%),linear-gradient(-45deg,#24231f0b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#24231f0b 75%),linear-gradient(-45deg,#0000 75%,#24231f0b 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:14px;margin:0;overflow:hidden}.import-cleanup-comparison img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.import-cleanup-comparison figcaption{border-top:1px solid var(--import-line);color:var(--import-muted);letter-spacing:.06em;text-transform:uppercase;background:#f4f0e8eb;padding:9px 11px;font-size:10px}.import-cleanup-strength label{justify-content:space-between;gap:16px;display:flex}.import-cleanup-strength label strong{color:var(--import-ink);font-weight:600}.import-cleanup-strength input[type=range]{accent-color:var(--import-ink);border:0;padding-inline:0}.import-cleanup-scale{color:var(--import-muted);justify-content:space-between;gap:16px;font-size:10px;display:flex}.import-fields{align-content:start;gap:14px;display:grid}.import-field{gap:6px;display:grid}.import-field label{color:var(--import-muted);font-size:11px}.import-field input,.import-field select,.import-field textarea{box-sizing:border-box;width:100%;color:var(--import-ink);border:1px solid var(--import-line);font:inherit;background:0 0;border-radius:10px;padding:11px 12px}.import-field input:focus,.import-field select:focus,.import-field textarea:focus{outline:1px solid var(--import-ink);outline-offset:1px}.import-color-row{grid-template-columns:52px 1fr;gap:8px;display:grid}.import-color-row input[type=color]{cursor:pointer;height:44px;padding:5px}.import-field-error{color:#8a3f35;font-size:10px;line-height:1.35}.import-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.import-button{border:1px solid var(--import-line);min-height:40px;color:var(--import-ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font:500 12px/1 Instrument Sans,sans-serif;display:inline-flex}.import-button--primary{color:var(--import-paper);background:var(--import-ink);border-color:var(--import-ink)}.import-button:disabled{cursor:default;opacity:.42}@keyframes import-progress{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes import-pulse{50%{opacity:.22;transform:scale(1.65)}}@keyframes import-spin{to{transform:rotate(360deg)}}.import-spinner{animation:.9s linear infinite import-spin}@media (max-width:640px){.app-shell.has-selection .import-tray{display:none}.import-tray{left:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.import-tray__actions{max-width:0}.import-tray:focus-within .import-tray__actions,.import-tray.is-expanded .import-tray__actions{max-width:calc(100vw - 68px)}.import-popover-backdrop{align-items:end;padding:0}.import-popover{width:100%;max-height:min(88dvh,760px);padding:20px 16px calc(18px + env(safe-area-inset-bottom));transform-origin:bottom;border-radius:24px 24px 0 0;transform:translateY(100%)scale(.96)}.import-drop-overlay{padding:12px}.import-drop-target{border-radius:20px;min-height:50vh;padding:28px 20px}.import-card{grid-template-columns:68px minmax(0,1fr)}.import-card__image{width:68px}.import-card__actions{grid-column:2}.import-editor+.import-card-list,.import-cleanup-editor+.import-card-list,.import-card-list+.import-actions{margin-top:22px}.import-editor{grid-template-columns:1fr}.import-editor__preview{max-height:240px}}@media (hover:none) and (pointer:coarse){.import-tray:not(.is-expanded):hover .import-tray__actions{opacity:0;pointer-events:none;max-width:0;transform:translate(-8px)}.import-tray:not(.is-expanded):hover .import-tray__preview{opacity:0;width:0}}@media (prefers-reduced-motion:reduce){.import-drop-overlay,.import-drop-target,.import-tray,.import-tray__actions,.import-tray__preview,.import-popover-backdrop,.import-popover,.import-progress__bar,.import-tray__button,.import-icon-button{transition-duration:.01ms!important}.import-progress.is-indeterminate .import-progress__bar,.import-status.is-processing:before,.import-spinner{animation:none!important}}
:root{--paper:#f4f0e8;--ink:#191919;--muted:#66625d;--line:#cfc8bc;--accent:#6e302e;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Instrument Sans Variable,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}body.viewer-open{overflow:hidden}button{font:inherit}.app-shell{background:var(--paper);min-height:100vh}.gallery-pane{min-width:0}.gallery-header{padding:60px 56px 0}.gallery-meta-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.piece-count{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500;line-height:1}.category-nav{width:max-content;max-width:100%;box-shadow:none;scrollbar-width:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;align-items:center;gap:0;margin:48px 0 0;padding:0;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav button{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:40px;color:var(--muted);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;flex:none;padding:10px 18px;font-size:12px;font-weight:520;transition:background-color .16s,color .16s,box-shadow .16s;position:relative}.category-nav button:first-child,.category-nav button+button{border-left:1px solid var(--line)}.category-nav button:last-child{border-right:1px solid var(--line);border-right:1px solid var(--line)}.category-nav button:after{content:none}.category-nav button:hover,.category-nav button:focus-visible{color:var(--ink);background:#19191912}.category-nav button.active{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.category-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:22px 26px;padding:43px 52px 70px;display:grid}.gallery-item{appearance:none;aspect-ratio:.78;cursor:zoom-in;background:0 0;border:1px solid #0000;place-items:center;width:100%;padding:10px;transition:border-color .16s;display:grid}.gallery-item img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;transition:transform .22s cubic-bezier(.2,.7,.2,1);transform:scale(.94)}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1)}.gallery-item.selected{border-color:var(--accent)}.gallery-item:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.status{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:70px 56px;font-size:13px}.status.error{color:var(--accent)}.viewer-overlay{z-index:20;background:#19181647;justify-content:flex-end;animation:.18s ease-out both overlay-in;display:flex;position:fixed;inset:0}.viewer-entry{width:clamp(390px,34vw,520px);height:100vh;animation:.24s cubic-bezier(.22,.8,.22,1) both viewer-in}.viewer{border-left:1px solid var(--line);background:var(--paper);flex-direction:column;width:100%;min-width:0;height:100%;padding:42px 34px 46px;display:flex;position:relative;overflow:auto;box-shadow:-18px 0 50px #19181614}.viewer.has-modeled-image{padding:0}.modeled-hero{isolation:isolate;flex:0 0 410px;width:100%;height:410px;position:relative;overflow:hidden}.modeled-hero-photo{z-index:0;object-fit:cover;object-position:51% 43%;width:100%;height:370px;position:absolute;inset:0 0 auto}.modeled-hero:before,.modeled-hero:after{content:"";pointer-events:none;position:absolute;bottom:0;left:0;right:0}.modeled-hero:before{z-index:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);height:170px;-webkit-mask-image:linear-gradient(#0000 0%,#000 68%);mask-image:linear-gradient(#0000 0%,#000 68%)}.modeled-hero:after{z-index:2;background:linear-gradient(to bottom, #f6f1e800, var(--paper) 82%);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);height:124px;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}@keyframes overlay-in{0%{background:#19181600}}@keyframes viewer-in{0%{transform:translate(24px)}}.viewer.shake{animation:.36s ease-in-out viewer-shake}@keyframes viewer-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.viewer-icon-close{width:42px;height:42px;color:var(--ink);cursor:pointer;z-index:8;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:38px;right:38px}.viewer-icon-close:hover,.viewer-icon-close:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.viewer-heading{flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:0 62px 0 0;display:flex}.viewer-heading h2{letter-spacing:.05em;text-transform:uppercase;max-width:calc(100% - 48px);margin:0;font-size:16px;font-weight:500}.modeled-heading{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e8e0;max-width:calc(100% - 108px);padding:13px 16px 14px;position:absolute;top:24px;left:24px}.modeled-heading h2{letter-spacing:-.015em;text-transform:none;max-width:none;font-size:18px;font-weight:520}.has-modeled-image .viewer-icon-close{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e8e0;top:24px;right:24px}.viewer-swatch{border:1px solid #1919191f;width:24px;height:24px;margin-top:2px;display:block}.viewer-art{flex:0 0 min(30vh,300px);place-items:center;width:100%;height:min(30vh,300px);min-height:210px;padding:12px 0 18px;display:grid;position:relative}.viewer-art img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.viewer-art.sampling img{cursor:crosshair;outline:1px solid var(--accent);outline-offset:8px}.viewer-art.viewer-art-floating{--piece-rotation:-2deg;z-index:5;filter:drop-shadow(0 18px 18px #271f1729);width:36%;height:178px;min-height:0;transform:rotate(var(--piece-rotation));transform-origin:62% 72%;flex:none;padding:0;transition:transform .28s cubic-bezier(.2,.75,.2,1),filter .28s;position:absolute;bottom:2px;right:20px}.viewer-art-floating:hover,.viewer-art-floating:focus-within{filter:drop-shadow(0 24px 23px #271f1736);transform:translateY(-5px) scale(1.1) rotate(calc(var(--piece-rotation) + 2deg))}.viewer-art-floating.sampling{transform:rotate(var(--piece-rotation))}.viewer-art-floating.sampling img{outline-offset:2px}.viewer-art-floating .sample-hint{bottom:8px;left:auto;right:0;transform:none}.sample-hint{background:var(--ink);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;white-space:nowrap;padding:7px 10px;font-size:10px;font-weight:500;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.viewer-details{flex:none;padding-top:22px}.viewer-details.editing{padding-top:8px}.has-modeled-image .viewer-details.editing{padding:12px 34px 46px}.details-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:12px}.detail-tags{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 34px;padding-bottom:30px;display:flex}.detail-tags span{color:var(--muted);text-transform:lowercase;font-size:14px}.viewer-actions{align-items:center;gap:10px;margin-top:24px;display:flex}.unsaved-notice{color:var(--accent);text-align:right;margin:14px 0 -8px;font-size:11px;line-height:1.4}.viewer-text-close{border:0;border-bottom:1px solid var(--accent);color:var(--accent);text-transform:uppercase;cursor:pointer;background:0 0;padding:0 0 3px;font-size:14px;font-weight:600}.viewer-text-close:hover,.viewer-text-close:focus-visible{color:var(--ink);border-color:var(--ink);outline:none}.edit-button,.primary-button,.secondary-button,.delete-button,.sample-button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.edit-button{margin-right:auto}.primary-button{border-color:var(--ink);background:var(--ink);color:var(--paper)}.delete-button{color:var(--accent);border-color:#0000;padding-left:0}.sample-button.active{border-color:var(--accent);color:var(--accent)}.action-spacer{flex:1}.edit-button:hover,.edit-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.sample-button:hover,.sample-button:focus-visible{border-color:var(--ink);outline:none}.primary-button:hover,.primary-button:focus-visible{background:var(--accent);border-color:var(--accent);outline:none}.delete-button:hover,.delete-button:focus-visible{outline:none;text-decoration:underline}.item-editor{grid-template-columns:1fr 1fr;gap:20px 14px;display:grid}.field,.color-field{border:0;min-width:0;margin:0;padding:0}.field>span,.color-field legend{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500;display:block}.field input,.field select,.tag-input-row input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);font:inherit;background:#ffffff2e;border-radius:0;padding:9px 10px;font-size:13px}.field input:focus,.field select:focus,.tag-input-row input:focus{border-color:var(--ink);outline:none}.color-field,.details-field{grid-column:1/-1}.colors-editor{grid-template-columns:1fr 1fr;gap:24px;display:grid}.color-slot{min-width:0;padding:2px 0 0}.color-slot+.color-slot{border-left:1px solid var(--line);padding-left:24px}.color-slot-heading{justify-content:space-between;align-items:baseline;gap:8px;min-height:20px;margin-bottom:10px;display:flex}.color-slot-heading>span{color:var(--ink);font-size:11px;font-weight:500}.color-slot-heading small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.color-slot-heading button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.color-slot-heading button:hover,.color-slot-heading button:focus-visible{outline:none;text-decoration:underline}.selected-color-control{cursor:pointer;align-items:center;gap:10px;width:fit-content;padding:0;display:flex}.selected-color-control:focus-within .selected-color-copy strong{text-decoration:underline}.selected-color-control input{cursor:pointer;background:0 0;border:0;flex:0 0 40px;width:40px;height:40px;padding:0}.selected-color-control input::-webkit-color-swatch-wrapper{padding:0}.selected-color-control input::-webkit-color-swatch{border:1px solid #19191933}.selected-color-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-color-copy small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:500}.selected-color-copy strong{color:var(--ink);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:12px;font-weight:500}.suggestion-heading{justify-content:space-between;align-items:baseline;gap:8px;margin:14px 0 8px;display:flex}.suggestion-heading span{color:var(--muted);font-size:10px}.suggestion-heading small{color:var(--muted);font-size:9px}.empty-color-slot{flex-direction:column;align-items:flex-start;display:flex}.empty-color-slot p{color:var(--muted);margin:10px 0 18px;font-size:11px;line-height:1.4}.add-secondary-button{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:0 0;padding:0 16px;font-size:11px}.add-secondary-button:hover,.add-secondary-button:focus-visible{border-color:var(--ink);outline:none}.palette{gap:8px;min-height:32px;margin-bottom:12px;display:flex}.palette button{cursor:pointer;border:1px solid #19191929;width:30px;height:30px;padding:0}.palette button.active{outline:2px solid var(--ink);outline-offset:2px}.palette button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.color-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.color-slot .color-controls{flex-direction:column;align-items:stretch}.color-slot .sample-button{width:100%}.native-color{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:inline-flex}.native-color input{border:1px solid var(--line);cursor:pointer;background:0 0;width:30px;height:30px;padding:2px}.color-help{min-height:16px;color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.4}.tag-editor{min-width:0}.editable-tags{flex-wrap:wrap;gap:6px;min-height:28px;margin-bottom:8px;display:flex}.editable-tag{border:1px solid var(--line);color:var(--ink);align-items:center;gap:5px;padding:5px 7px 5px 9px;font-size:11px;display:inline-flex}.editable-tag button{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.editable-tag button:hover,.editable-tag button:focus-visible{color:var(--accent);outline:none}.tag-input-row{display:flex}.tag-input-row input{border-right:0;min-width:0}.tag-input-row button{border:1px solid var(--line);width:40px;color:var(--ink);cursor:pointer;background:0 0}.tag-input-row button:disabled{color:var(--line);cursor:default}.tag-input-row button:not(:disabled):hover,.tag-input-row button:not(:disabled):focus-visible{background:var(--ink);color:var(--paper);outline:none}@media (max-width:1180px){.gallery-header{padding-inline:34px}.gallery-grid{gap-inline:18px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));padding-inline:32px}.category-nav{max-width:100%}.viewer,.has-modeled-image .viewer-details.editing{padding-inline:30px}}@media (max-width:860px){.gallery-header{padding:38px 24px 0}.category-nav{width:100%;margin:38px 0 0}.category-nav button{min-height:38px;padding:9px 15px;font-size:11px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;padding:30px 20px 50px}.gallery-item{padding:5px}.viewer-overlay{background:#19181657}.viewer-entry{width:100%;height:100dvh}.viewer{background:var(--paper);border:0;padding:30px 30px 36px}.viewer-heading{padding-top:0}.viewer-icon-close{top:18px;right:18px}.has-modeled-image .viewer-icon-close{top:20px;right:20px}.has-modeled-image .viewer-details.editing{padding:14px 30px 38px}.viewer-art{flex-basis:min(32vh,300px);height:min(32vh,300px);min-height:210px}.viewer-art.viewer-art-floating{flex-basis:auto;width:36%;height:178px;min-height:0}.item-editor{grid-template-columns:1fr}.color-field,.details-field{grid-column:auto}.colors-editor{grid-template-columns:1fr}.color-slot+.color-slot{border-top:1px solid var(--line);border-left:0;padding-top:22px;padding-left:0}}@media (max-width:520px){.gallery-header{padding:max(24px, env(safe-area-inset-top)) 18px 0}.piece-count{font-size:12px}.category-nav{margin:24px 0 0}.category-nav button{min-height:44px;padding:9px 14px;font-size:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding:22px 12px 40px}.gallery-item{aspect-ratio:.72}.viewer{padding:max(24px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom))}.modeled-hero{flex-basis:360px;height:360px}.modeled-hero-photo{object-position:49% 43%;height:326px}.modeled-hero:before{height:150px}.modeled-hero:after{height:112px}.modeled-heading{padding:11px 13px 12px;top:20px;left:20px}.modeled-heading h2{font-size:17px}.has-modeled-image .viewer-icon-close{top:20px;right:20px}.viewer-art.viewer-art-floating{flex-basis:auto;width:40%;height:158px;min-height:0;padding:0;bottom:0;right:15px}.has-modeled-image .viewer-details.editing{padding:12px 22px 30px}.viewer-heading{padding-top:0}.viewer-art{flex-basis:min(30vh,260px);height:min(30vh,260px);min-height:190px;padding-block:10px 8px}.viewer-details{padding-top:10px}.details-label{margin-bottom:16px}.detail-tags{gap:8px 22px;padding-bottom:20px}.viewer-text-close{margin-top:20px}.viewer-actions{margin-top:18px}.color-controls{flex-direction:column;align-items:flex-start}.sample-button{width:100%}.gallery-meta-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.gallery-item img,.category-nav button:after,.viewer-art-floating{transition:none}.viewer-overlay,.viewer-entry{animation:none}.viewer.shake{box-shadow:inset 3px 0 0 var(--accent), -18px 0 50px #19181614;animation:none}}
:root{--paper:#f7f7f2;--ink:#263329;--muted:#777e71;--line:#e0e3d8;--accent:#4a6347}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #71875b}.fio-shell{background:var(--paper);min-height:100vh}.fio-sidebar{border-right:1px solid var(--line);z-index:10;background:#f0f2e9;flex-direction:column;width:218px;padding:44px 25px 23px;display:flex;position:fixed;inset:0 auto 0 0}.fio-wordmark{letter-spacing:-7px;color:var(--ink);padding:0 12px;font:italic 78px/.85 Georgia,serif;text-decoration:none;display:block}.fio-wordmark span{letter-spacing:1.15px;margin-top:24px;font:9px/1.6 Instrument Sans Variable,sans-serif;display:block}.main-nav{gap:8px;margin-top:58px;display:grid}.main-nav button{color:#6b7365;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:14px 13px;font-size:13px;display:flex}.main-nav button.active{color:#263b28;background:#e1e7d5}.main-nav small{margin-left:auto;font-size:11px}.sidebar-note{margin-top:auto;padding:38px 13px 28px}.mini-fio{letter-spacing:-2px;font:italic 32px Georgia}.sidebar-note>.mini-fio{color:#8e9b7b;font-size:43px}.sidebar-note p{margin:14px 0;font:21px/1.35 Georgia}.sidebar-note small{color:#89917d;font-size:11px;line-height:1.8}.sidebar-footer{color:#858c7d;border-top:1px solid #dfe4d7;align-items:center;gap:8px;padding:18px 4px 0;font-size:9px;display:flex}.local-dot{background:#8d9e6f;border-radius:50%;flex-shrink:0;width:5px;height:5px}.fio-main{max-width:1600px;margin-left:218px;padding:0 50px}.topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:87px;display:flex}.eyebrow{color:#8c9382;letter-spacing:1.35px;text-transform:uppercase;margin:0;font-size:10px;font-weight:520}.quiet-button,.icon-button{color:var(--ink);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:12px;display:inline-flex}.quiet-button:hover:not(:disabled),.icon-button:hover{background:#e9ede0}.primary-button{letter-spacing:0;border-radius:7px;gap:9px;min-height:45px;padding:14px 20px;font-size:12px}.primary-button:hover:not(:disabled){background:#405c3c;border-color:#405c3c}.app-error{background:#f4e6dd;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:10px 15px;font-size:13px;display:flex}.closet-intro{grid-template-columns:1.25fr 1fr;align-items:center;gap:45px;padding:50px 0 53px;display:grid}.closet-intro h1,.section-heading h1{letter-spacing:-2px;margin:18px 0;font:400 54px/1.08 Georgia,Times New Roman,serif}.closet-intro h1 em,.section-heading h1 em{color:#6f8058;font-weight:400}.section-description{color:#7a8173;margin:0 0 25px;font-size:13px;line-height:1.75}.intro-board{text-align:left;background:#ebeee2;border:1px solid #dce1d1;border-radius:10px;justify-self:end;width:100%;max-width:352px;padding:19px 18px 0;transition:transform .2s;transform:rotate(2deg);box-shadow:0 15px 25px -24px #354a28}.intro-board:hover{transform:rotate(0)}.intro-board-label{color:#81916c;letter-spacing:1.7px;margin-bottom:10px;font-size:8px;display:block}.intro-board .outfit-art{background:#ebeee2;height:244px;padding:5px}.intro-board-footer{color:#5f7150;border-top:1px solid #dce1d1;justify-content:space-between;align-items:center;padding:14px 0;font-size:11px;display:flex}.intro-empty-art{text-align:center;color:#96a381;place-content:center;height:215px;display:grid}.intro-empty-art svg{margin:auto}.intro-empty-art p{font:20px/1.5 Georgia}.closet-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.closet-heading h2,.section-label h2{letter-spacing:-.3px;margin:0;font-size:17px;font-weight:500}.closet-heading h2 span{vertical-align:middle;background:#e9ecdf;border-radius:4px;margin-left:8px;padding:4px 7px;font-size:10px;display:inline-block}.closet-heading p{color:#969c8c;margin:9px 0 0;font-size:11px}.closet-search{color:#8a937f;background:#efefe8;border:1px solid #e4e5dd;border-radius:6px;align-items:center;gap:9px;padding:11px 12px;display:flex}.closet-search input{width:144px;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.fio-shell .category-nav{gap:7px;margin:27px 0 23px;padding:1px 1px 6px}.fio-shell .category-nav button{letter-spacing:0;text-transform:none;background:0 0;border:1px solid #e4e6dc;border-radius:5px;min-height:32px;padding:8px 13px;font-size:10px}.fio-shell .category-nav button.active{box-shadow:none;color:#495f3b;background:#e6eadb;border-color:#dbe2ce}.fio-shell .category-nav button:hover{background:#eaede3}.fio-shell .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 18px;padding:0}.closet-card{min-width:0}.fio-shell .gallery-item{aspect-ratio:.93;cursor:pointer;background:#eeefe7;border-radius:8px;padding:18px}.fio-shell .gallery-item img{transform:scale(.94)}.closet-card-info{justify-content:space-between;gap:8px;padding:13px 2px 0;display:flex}.closet-card-info h3{margin:0;font-size:11px;font-weight:520;line-height:1.4}.closet-card-info p{color:#939988;align-items:center;gap:5px;margin:6px 0 0;font-size:10px;display:flex}.color-dot{border:1px solid #26332912;border-radius:50%;width:6px;height:6px}.piece-style-button{color:#7a8669;background:0 0;border:1px solid #dfe3d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.piece-style-button:hover{background:#e0e6d1}.closet-empty{text-align:center;color:#8c947f;padding:65px 20px}.closet-empty h3{color:var(--ink);font:26px Georgia}.closet-empty p{font-size:13px;line-height:1.8}.fio-footer{border-top:1px solid var(--line);color:#989f8e;justify-content:space-between;gap:18px;margin-top:60px;padding:29px 0;font-size:10px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:28px;padding:42px 0 12px;display:flex}.section-heading h1{font-size:51px}.occasion-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.occasion-tabs{gap:5px;display:flex}.occasion-tabs button{color:#7e8872;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:9px 14px;font-size:11px}.occasion-tabs button.active{color:#486236;background:#e5ead9}.section-label{justify-content:space-between;align-items:center;gap:15px;margin:31px 0 20px;display:flex}.section-label span{color:#8b957f;align-items:center;gap:7px;font-size:10px;display:flex}.looks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.look-card{min-width:0}.look-card-art{background:#edf0e4;border:1px solid #e1e6d7;border-radius:8px;width:100%;height:312px;padding:17px;display:block;overflow:hidden}.look-card:nth-child(2) .look-card-art{background:#efede5}.look-card:nth-child(3) .look-card-art{background:#e9eee8}.outfit-art{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1.4fr 1fr;gap:8px;width:100%;height:100%;display:grid}.outfit-art-piece{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.outfit-art-piece img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 5px 3px #35412b08);width:100%;height:100%;transition:transform .25s}.outfit-art .piece-0{grid-row:1/-1}.outfit-art.pieces-1{grid-template-columns:1fr}.outfit-art.pieces-2 .piece-1{grid-row:1/-1}.outfit-art.pieces-3 .piece-1{grid-row:1/3}.outfit-art.pieces-5,.outfit-art.pieces-6{grid-template-columns:repeat(3,minmax(0,1fr))}.outfit-art.pieces-5 .piece-0,.outfit-art.pieces-6 .piece-0{grid-area:1/1/3/3}.look-card-art:hover .piece-0 img{transform:rotate(-2deg)scale(1.025)}.outfit-art-placeholder{color:#99a28d;text-align:center;grid-area:1/1/-1/-1;margin:auto;font:24px Georgia}.look-card-info{justify-content:space-between;align-items:center;gap:7px;margin-top:13px;display:flex}.look-card-info p{color:#8e9880;margin:0 0 6px;font-size:9px}.look-title{text-align:left;color:var(--ink);background:0 0;border:0;padding:0;font-size:12px;display:block}.look-save{color:#9ca58f;background:0 0;border:1px solid #dfe5d4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.look-save:hover,.look-save.is-saved{color:#688252;background:#e7ecdd}.saved-heading{margin-top:45px}.saved-empty{color:#98a18b;border:1px dashed #d7ddcb;border-radius:7px;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex}.saved-empty p{font-size:12px}.empty-outfits{text-align:center;color:#899578;background:#eef1e7;border-radius:7px;padding:40px 20px}.empty-outfits h3{color:var(--ink);font:24px Georgia}.empty-outfits p{max-width:380px;margin:auto;font-size:12px;line-height:1.8}.missing-pieces{color:#a67d59;font-size:10px}.form-error{color:#a35037;font-size:12px;line-height:1.5}.form-notice{color:#64804d;font-size:12px;line-height:1.5}.composer-overlay{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e2b2466;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.composer{background:var(--paper);border:1px solid #dce2d1;border-radius:12px;flex-direction:column;width:min(1010px,100%);max-height:calc(100dvh - 52px);display:flex;overflow:hidden;box-shadow:0 25px 100px #18261840}.composer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 30px;display:flex}.composer-header h2{letter-spacing:-.8px;margin:8px 0 0;font:29px Georgia}.composer-body{grid-template-columns:1fr 1fr;gap:32px;padding:26px 30px;display:grid;overflow:auto}.composer-preview .outfit-art{background:#e9eee1;border-radius:8px;height:385px;padding:22px}.board-caption{color:#849474;justify-content:space-between;align-items:center;gap:20px;padding:13px 8px 9px;font-size:10px;display:flex}.board-caption .mini-fio{color:var(--ink)}.export-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.export-controls label{color:#929b84;align-items:center;gap:5px;margin-right:auto;font-size:10px;display:flex}.export-controls select{color:#667b57;background:0 0;border:1px solid #dfe5d6;border-radius:5px;padding:7px;font-size:10px}.composer-controls .field{margin-bottom:17px}.composer-controls .field>span{color:#7c896c;margin-bottom:8px;font-size:10px}.composer-controls .field input,.composer-controls .field select{color:var(--ink);background:#fdfdf9;border:1px solid #dfe5d5;border-radius:5px;padding:12px;font-size:12px}.selected-pieces{flex-wrap:wrap;gap:6px;margin:23px 0;display:flex}.selected-pieces .eyebrow{width:100%;margin-bottom:6px}.selected-pieces button{color:#6b8055;background:#eaf0e0;border:1px solid #dce4ce;border-radius:4px;align-items:center;gap:7px;max-width:100%;padding:6px 8px;font-size:9px;display:flex}.selected-pieces button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-picker-heading{justify-content:space-between;align-items:center;gap:15px;margin:25px 0 12px;display:flex}.composer-picker-heading select{color:#7c8b6b;background:0 0;border:0;padding:5px;font-size:10px}.piece-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:255px;margin:-4px;padding:4px;display:grid;overflow:auto}.piece-picker button{color:#7d8970;text-align:left;background:#eeefe7;border:1px solid #e1e5d7;border-radius:6px;min-width:0;padding:8px;position:relative}.piece-picker button.selected{background:#e5ebd9;border-color:#99ac7d}.piece-picker img{object-fit:contain;width:100%;height:78px}.piece-picker button>span:not(.piece-check){white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;display:block;overflow:hidden}.piece-check{color:#f8fbf0;background:#839b66;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 30px;display:flex}.composer-footer p{color:#8b987e;margin:0;font-size:10px}.composer-footer>div:last-child{align-items:center;gap:10px;display:flex}.danger{color:#a8755a}.import-preferences{text-align:left;gap:11px;width:fit-content;margin:22px auto;display:grid}.import-preferences label{color:#6c7d5a;align-items:center;gap:8px;font-size:12px;display:flex}.import-preferences input{accent-color:#748e56}.import-preferences small{color:#949c87;max-width:280px;font-size:10px;line-height:1.6}.fio-shell .import-tray:not(.is-expanded){display:none}.fio-shell .import-popover{border-radius:11px}.viewer{border-radius:10px}.viewer-actions{flex-wrap:wrap}.viewer .secondary-button{border-radius:5px;font-size:10px}.viewer .field input,.viewer .field select{border-radius:5px}@media (min-width:1450px){.fio-main{padding:0 70px}.fio-shell .gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.closet-intro{padding:60px 0}}@media (max-width:1100px){.fio-sidebar{width:186px;padding:38px 20px 20px}.fio-main{margin-left:186px;padding:0 30px}.closet-intro{gap:25px}.closet-intro h1{font-size:45px}.fio-shell .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.looks-grid{gap:14px}.look-card-art{height:264px;padding:10px}.composer-body{gap:22px}}@media (max-width:780px){.fio-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;width:auto;height:75px;padding:16px 22px;position:sticky}.fio-wordmark{letter-spacing:-4px;padding:0;font-size:48px}.fio-wordmark span,.sidebar-note,.sidebar-footer{display:none}.main-nav{gap:5px;margin-top:0;display:flex}.main-nav button{gap:6px;padding:10px;font-size:11px}.main-nav small{display:none}.main-nav svg{width:17px}.fio-main{margin-left:0;padding:0 24px}.topline{height:60px}.topline .eyebrow{font-size:8px}.closet-intro{padding:32px 0}.closet-intro h1{font-size:43px}.intro-board .outfit-art{height:209px}.intro-board-label{font-size:7px}.intro-board-footer{font-size:9px}.intro-board{padding:15px 12px 0}.section-heading h1{font-size:43px}.section-label span{font-size:9px}.composer-overlay{padding:15px}.composer{max-height:calc(100dvh - 30px)}.composer-body{padding:20px}.composer-header{padding:19px 20px}.composer-header h2{font-size:24px}.composer-preview .outfit-art{height:320px}.piece-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-footer{padding:15px 20px}}@media (max-width:520px){.fio-main{padding:0 20px}.closet-intro{grid-template-columns:1fr;gap:28px}.closet-intro h1{font-size:47px}.closet-intro>div .section-description br{display:none}.intro-board{justify-self:center;width:94%;max-width:100%;transform:rotate(1deg)}.intro-board .outfit-art{height:230px}.closet-heading{flex-wrap:wrap;gap:17px}.closet-search,.closet-search input{width:100%}.fio-shell .category-nav{margin-top:20px}.fio-shell .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.fio-shell .gallery-item{padding:12px}.closet-card-info h3{font-size:10px}.closet-card-info p{font-size:9px}.section-heading{flex-wrap:wrap;gap:0;padding:29px 0 14px}.section-heading h1{font-size:46px}.section-heading .primary-button{margin-bottom:20px}.occasion-toolbar{flex-wrap:wrap;gap:9px;padding:12px 0}.occasion-tabs{justify-content:space-between;gap:0;width:100%}.occasion-tabs button{padding:9px 12px;font-size:10px}.occasion-toolbar>.quiet-button{margin-left:auto;padding:4px 0}.section-label{align-items:baseline}.section-label h2{font-size:14px}.section-label span{font-size:8px}.looks-grid{grid-template-columns:1fr;gap:25px}.look-card-art{height:360px;padding:25px}.look-card-info p{font-size:10px}.look-title{font-size:14px}.saved-empty{padding:22px 14px}.saved-empty p{line-height:1.7}.composer-overlay{padding:0}.composer{border-radius:0;height:100dvh;max-height:100dvh}.composer-body{grid-template-columns:1fr;gap:25px}.composer-preview .outfit-art{height:345px}.composer-footer{gap:10px}.composer-footer>div:first-child>p{max-width:115px;font-size:9px}.composer-footer .primary-button{padding:12px 14px;font-size:11px}.composer-footer .danger{font-size:10px}.piece-picker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:265px}.fio-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}