:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#393c36;background:#f6f2e9;font-synthesis:none;--paper: #f6f2e9;--ink: #303e36;--green: #38594c;--muted: #626f59;--line: #deded1;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.35;cursor:default}button[aria-disabled=true]{cursor:help}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3c6554;outline-offset:4px}button:hover{color:var(--green)}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(1px)}.header{height:82px;max-width:1400px;margin:auto;padding:0 44px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-family:var(--serif);font-size:35px;letter-spacing:-1.6px;color:var(--green)}.brand-dot{color:#ac945e}.brand svg{stroke-width:1.2}.collection-label{font-size:9px;letter-spacing:2.2px;color:#626f59;flex:1}.header nav{display:flex;gap:24px;align-items:center}.header nav button{display:flex;gap:7px;align-items:center;font-size:12px;padding:12px 0}.header nav b{font-size:9px;background:#e5e9df;border-radius:50%;min-width:18px;line-height:18px}.icon-btn{display:inline-flex;justify-content:center;align-items:center;min-height:40px;min-width:40px}main{max-width:1230px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#626f59;margin:0 0 10px}.intro h1{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.8px;margin:0 0 12px;color:var(--ink)}.italic{font-style:italic;color:#587163}.intro p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.intro-flower{font-family:var(--serif);font-size:72px;color:#b8bea9;margin-right:30px}.workspace{display:grid;grid-template-columns:minmax(320px,445px) minmax(340px,1fr);gap:54px;align-items:start}.atelier{position:sticky;top:18px}.scene-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#697364;padding:0 1px 12px;letter-spacing:.2px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7b906c;margin-right:5px}.scene-heading button{display:flex;gap:5px;align-items:center;font-size:10px;padding:6px}.painting-wrap{border:1px solid #cec9b8;padding:9px;background:#eee9dc;box-shadow:0 9px 30px #3b40380a}.stage{aspect-ratio:2/3;position:relative;background:#e6dfd0;width:100%;overflow:hidden;isolation:isolate}.backdrop{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}.figure{position:absolute;width:84%;height:84%;left:8%;top:3.90625%}.figure img{position:absolute;object-fit:fill;pointer-events:none;user-select:none}.stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;font-size:12px;text-align:center;background:#e9e3d6}.stage-loading button{border-bottom:1px solid var(--green);padding:10px}.ornament{font-family:var(--serif);font-size:27px;color:#9eaa8e}.painting-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#626f59;padding:10px 3px 1px}.painting-caption span:last-child{letter-spacing:1px;font-family:var(--serif);font-style:italic}.scene-controls{display:flex;justify-content:center;gap:6px;margin:14px 0}.scene-controls button{font-size:10px;color:#626f59;padding:8px 12px;border-radius:3px}.scene-controls button[aria-pressed=true]{background:#e6e8dc;color:#3d5e4d}.atelier-actions{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:6px;align-items:center;justify-content:space-between}.history{display:flex;gap:2px;margin-right:auto}.history button{min-width:34px;min-height:40px;display:grid;place-items:center}.save-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;border-radius:3px;padding:12px 21px;font-size:11px}.save-status{font-size:9px;letter-spacing:.1px;text-align:center;color:#626f59;margin:12px 0 0}.save-status span{color:#626f59}.wardrobe{outline:none;padding-top:2px}.wardrobe-heading{display:flex;justify-content:space-between;align-items:center}.wardrobe h2{font-family:var(--serif);font-weight:400;letter-spacing:-.4px;font-size:26px;margin:0;color:var(--ink)}.piece-count{font-size:11px;text-align:right;line-height:1.7;color:#626f59}.piece-count small{font-size:9px;color:#626f59}.inspiration{background:#eceee3;border:1px solid #e1e5d8;border-radius:4px;display:flex;gap:14px;align-items:center;margin:23px 0;color:#627658;padding:14px 17px}.inspiration>div{flex:1}.inspiration span{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;display:block;margin-bottom:3px}.inspiration select{color:#4a5946;border:none;background:transparent;font-family:var(--serif);font-size:16px;outline-offset:2px;max-width:100%;cursor:pointer;appearance:none}.categories{display:flex;flex-wrap:wrap;gap:2px 16px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:15px}.categories button{font-size:11px;padding:10px 0;position:relative;color:#626f59;min-height:40px}.categories button[aria-pressed=true]{color:var(--green)}.categories button[aria-pressed=true]:after{content:"";position:absolute;height:2px;bottom:-9px;left:0;right:0;background:#56725b}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 0}.search{display:flex;align-items:center;gap:7px;color:#9a9e8e;flex:1;min-width:0}.search input{border:0;background:none;max-width:155px;width:100%;font-size:11px;min-height:34px;color:var(--ink)}.search input::placeholder{color:#626f59}.notes-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#626f59;white-space:nowrap;min-height:34px;cursor:pointer}.notes-toggle input{accent-color:var(--green);width:13px;height:13px}.garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.garment-card{background:#f8f5ee;border:1px solid #deded2;border-radius:4px;position:relative;overflow:hidden;padding:0 0 12px}.garment-card.selected{border-color:#83967a;box-shadow:0 0 0 1px #83967a}.garment-choose{display:block;width:100%;padding:0;text-align:left}.garment-picture{height:190px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#eae4d7,#f1ede4 70%);position:relative;margin:0 0 12px;padding:20px 28px}.garment-picture img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #5047350a)}.selected-check{position:absolute;top:10px;right:10px;border-radius:50%;background:#647d5b;color:#fff;display:grid;place-items:center;width:22px;height:22px}.garment-name{display:block;font-family:var(--serif);font-size:15px;margin:0 33px 6px 14px;min-height:18px;line-height:1.3}.garment-meta{display:flex;align-items:center;gap:6px;margin:0 14px;font-size:9px;color:#626f59;min-height:15px}.garment-meta i{display:block;height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 1px #0000000d}.piece-info{position:absolute;right:6px;bottom:28px;color:#626f59;width:32px;height:32px;display:grid;place-items:center}.card-note{font-size:9px;line-height:1.5;color:#626f59;margin:8px 14px 0;max-width:85%}.fit-note{font-size:9px;color:#927d60;margin:8px 14px 0;line-height:1.5}.remove-piece{font-size:10px;text-decoration:underline;padding:8px 14px 0;color:#626f59}.wardrobe-foot{display:flex;justify-content:center;align-items:center;gap:15px;padding:28px 0}.wardrobe-foot p{font-family:var(--serif);font-size:15px;line-height:1.8;color:#626f59}.wardrobe-foot small{font-family:inherit;font-size:12px;color:#626f59}footer{max-width:1166px;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin:34px auto 0;padding:22px 0 28px;gap:16px;font-size:9px;color:#626f59}footer button{display:flex;gap:3px;align-items:center;font-size:9px}.toast{position:fixed;z-index:60;bottom:22px;left:50%;transform:translate(-50%);background:#344f41;color:#fff;padding:14px 22px;border-radius:5px;box-shadow:0 8px 30px #0002;font-size:12px;line-height:1.6;max-width:90vw;min-width:250px;visibility:hidden;pointer-events:none}.toast[data-visible=true]{visibility:visible}.skip-link{position:fixed;top:-100px;left:20px;background:var(--green);color:#fff;z-index:80;padding:12px}.skip-link:focus{top:10px}dialog{border:1px solid #d5d6c6;border-radius:7px;background:var(--paper);color:inherit;max-height:88svh;width:min(600px,92vw);padding:25px 32px 34px;box-shadow:0 20px 100px #1f302833;overscroll-behavior:contain}dialog::backdrop{background:#263c3580;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-head .eyebrow{margin:0}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--ink);margin:0 0 18px;letter-spacing:-.6px}dialog h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:26px 0 12px}dialog p{font-size:13px;line-height:1.8;color:#626f59}dialog .lede{font-family:var(--serif);font-style:italic;font-size:18px;color:#65795e}.primary{background:var(--green);color:#fff!important;border-radius:3px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;padding:14px 22px;margin-top:22px;min-height:44px}.text-field{width:100%;border:1px solid #ccd2bf;background:#fcfaf4;padding:13px;color:var(--ink);border-radius:3px;font-size:13px;min-height:46px}.field-label{display:block;font-size:11px;color:#6e7b65;margin:19px 0 9px}.fine-print{font-size:10px!important;line-height:1.7!important;color:#626f59!important}.detail-art{background:#ede9dd;border-radius:4px;text-align:center;margin:0 0 22px;padding:20px}.detail-art img{object-fit:contain;height:190px;max-width:100%}.detail-meta{font-size:10px!important}.source-box{background:#e9ede1;padding:17px;border-radius:3px;margin:20px 0}.source-box>span{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:9px;color:#626f59}.source-box a{font-size:12px;line-height:1.7;color:#3d634f}.source-box p{font-size:10px;margin:9px 0 0;line-height:1.7}.backup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.backup-actions button,.storage-recovery button{display:flex;align-items:center;gap:7px;font-size:11px;background:#e9eddf;padding:12px 14px;border-radius:3px}.looks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.saved-card{position:relative;border:1px solid var(--line);border-radius:3px;padding:8px;background:#faf7ef}.saved-open{display:block;width:100%;padding:0;text-align:left}.saved-open strong{font-family:var(--serif);display:block;font-weight:400;font-size:15px;margin:12px 24px 5px 2px;overflow-wrap:anywhere}.saved-open small{display:block;font-size:9px;color:#626f59;margin:0 2px 6px}.delete-look{position:absolute;right:5px;bottom:14px;color:#626f59;width:32px;height:32px;display:grid;place-items:center}.delete-confirm{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;padding:12px 0;line-height:1.6}.delete-confirm span{width:100%}.delete-confirm button{background:#e4e9d8;padding:8px}.empty-state{text-align:center;padding:35px 12px;font-size:12px;color:#626f59;line-height:1.7}.empty-state .primary{margin:22px auto 0}fieldset{border:0;padding:0;margin:23px 0}legend{font-size:11px;color:#6f7d64;margin-bottom:13px}.complexions{display:flex;gap:10px;flex-wrap:wrap}.complexions button{display:flex;gap:9px;align-items:center;font-size:11px;padding:10px 13px;border:1px solid #d9decd;border-radius:3px}.complexions button[aria-pressed=true]{border-color:#70855c}.complexions i{height:19px;width:19px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.settings-notes{margin:20px 0}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.source-list{border-top:1px solid var(--line)}.source-list a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--line);padding:13px 0;font-family:var(--serif);font-size:15px}.source-list small{display:block;font-family:Inter,system-ui,sans-serif;font-size:9px;color:#626f59;margin-top:6px}.storage-recovery{padding:14px;background:#f1e9d6}.storage-recovery button{margin:10px 0;background:#e4ddca}@media(min-width:1400px){.garment-picture{height:205px}}@media(max-width:1000px){.header{padding:0 26px}.collection-label{display:none}.header nav{margin-left:auto}.workspace{gap:28px;grid-template-columns:minmax(290px,.95fr) minmax(310px,1fr)}.intro h1{font-size:29px}.garment-picture{height:170px;padding:20px}.garment-name{font-size:14px}.categories{gap:1px 12px}.wardrobe h2{font-size:23px}footer{margin-left:32px;margin-right:32px}.piece-count{display:none}}@media(max-width:720px){.header{height:64px;padding:0 20px;gap:12px}.brand{font-size:29px;gap:8px}.brand svg{width:21px}.header nav{gap:16px}.header nav button{font-size:10px;gap:5px}.header nav button svg{width:15px}.header nav .icon-btn{min-width:26px}.intro{padding:25px 0 23px}.intro h1{font-size:27px;line-height:1.25;max-width:340px}.intro p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:280px}.intro-flower{display:none}main{padding:0 18px}.workspace{display:flex;flex-direction:column;gap:24px}.atelier{width:100%;position:sticky;top:-33px;background:var(--paper);z-index:10;padding-bottom:10px;border-bottom:1px solid var(--line);box-shadow:0 10px 14px #f6f2e9}.scene-heading{padding-bottom:6px}.painting-wrap{display:flex;justify-content:center;padding:6px;background:#e6e0d2;border-color:#d4cbb8}.stage{width:auto;height:clamp(220px,33svh,300px);aspect-ratio:2/3;flex-shrink:0}.painting-caption{display:none}.scene-controls{margin:5px 0;gap:5px}.scene-controls button{font-size:9px;padding:8px 11px;min-height:34px}.atelier-actions{padding-top:6px}.history button{min-height:36px}.save-button{padding:11px 17px}.save-status{margin:5px 0 0;font-size:8px}.wardrobe{width:100%}.wardrobe-heading{margin-top:4px}.wardrobe h2{font-size:25px}.inspiration{margin:18px 0}.garment-grid{gap:13px}.garment-picture{height:190px;padding:22px}.garment-name{font-size:15px}.piece-count{display:block;font-size:10px}.piece-count small{font-size:8px}.filter-row{margin:13px 0}.categories{gap:0 18px}.categories button{font-size:11px}.notes-toggle{font-size:9px}.wardrobe-foot{padding:18px 0}footer{margin:20px 18px 0;flex-direction:column;gap:12px;padding:20px 0 25px}.toast{bottom:12px;font-size:11px;width:max-content;max-width:calc(100vw - 24px)}dialog{padding:18px 22px 26px;max-height:90svh}dialog h2{font-size:27px}.looks-grid{gap:11px}.looks-grid .stage{height:auto;width:100%}.complexions{gap:7px}.complexions button{padding:9px}.garment-card .piece-info{min-width:36px;min-height:36px}}@media(max-width:380px){.header nav{gap:9px}.header nav button>span{display:none}.garment-picture{height:165px}.garment-name{font-size:14px}.wardrobe h2{font-size:23px}.categories{gap:0 15px}}@media(max-height:580px)and (max-width:900px){.atelier{position:static}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stage{width:100%;height:auto}.header{height:58px}.intro{padding:20px 0}.garment-picture{height:145px}.painting-wrap{display:block}.piece-count{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:721px){.painting-wrap{display:flex;flex-wrap:wrap;justify-content:center}.painting-wrap>.stage{height:min(620px,calc(100svh - 180px));width:auto;max-width:100%}.painting-caption{width:100%}}.dialog-message{padding:12px 15px;background:#e7ebdc;border-radius:3px;color:#52694b!important;font-size:11px!important}.stage-notice{inset:auto 0 0;background:#f6f2e9ed;padding:12px;gap:4px;font-size:11px}.stage-notice .ornament{display:none}.stage-notice p{margin:0}.scene-tools{display:flex;gap:8px}.scene-tools button{min-height:36px}.occasion-filter{display:flex;align-items:center;gap:8px;font-size:10px;color:#6c785e;margin:0 0 17px}.occasion-filter select{border:1px solid var(--line);background:#faf7ee;border-radius:3px;padding:9px;color:#52664a;max-width:70%;font-size:11px;min-height:38px}.look-preview{max-height:57svh;overflow:auto;background:#e8e2d5;border:1px solid #d8d0be}.look-preview .stage{width:min(100%,36svh);height:auto;margin:0 auto}.look-preview.zoomed .stage{width:180%;max-width:none;margin:0}.zoom-button{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:11px;min-height:44px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:12px}.glossary>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0}.glossary dt{font-family:var(--serif);color:#38594c}.glossary dd{margin:0;color:#737e67;font-size:11px}@media(max-width:720px){.scene-tools{gap:4px}.scene-tools button{font-size:9px}.garment-card .piece-info{width:44px;height:44px;right:0;bottom:21px}.categories button{min-height:44px}}.opening-wardrobe{min-height:80svh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);gap:16px}.opening-wardrobe h1{font-family:var(--serif);font-size:42px;font-weight:400;margin:0}.opening-wardrobe p{font-size:13px;color:#626f59}.mobile-categories{display:none}@media(max-width:720px){.desktop-categories{display:none}.mobile-categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:18px;margin:8px 0 0;padding:0 3px 3px;border-bottom:0;scrollbar-width:thin}.mobile-categories button{flex-shrink:0;min-height:44px}.mobile-categories button[aria-pressed=true]:after{bottom:0}}