:root{font-family:Inter,Arial,sans-serif;color:#26352c;background:#f6f5f0;font-synthesis:none;--green:#263d32;--muted:#71776f;--line:#dedfd5;--cream:#eeeee5;--lime:#dce8bc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #93af67;outline-offset:4px}button{border:0;background:none;color:inherit}input,select{max-width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--green);min-height:45px}label{display:grid;gap:8px;font-size:13px;font-weight:600}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:44px;letter-spacing:-1.5px;line-height:1.08}h2{font-size:31px;letter-spacing:-.7px}h3{font-size:16px;line-height:1.4}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:10px;min-height:46px;font-size:13px;font-weight:600;text-decoration:none}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.danger{color:#a43229;background:#fff1ed}.link{padding:10px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:18px}.icon{width:19px;height:19px;flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:32px;letter-spacing:-1.5px}.logo b{font-family:Arial;font-size:20px;background:var(--green);color:var(--lime);padding:5px 9px;border-radius:9px;letter-spacing:0}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#efefe7;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;z-index:5}.nav{display:grid;gap:8px;margin-top:53px}.nav button{display:flex;align-items:center;gap:12px;padding:14px;border-radius:9px;text-align:left;font-size:13px}.nav button.active{background:#dce5ca;font-weight:700}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.privacy{display:flex;gap:8px;align-items:center;font-size:11px}.main{margin-left:224px;padding:28px 46px 60px;max-width:1640px}.topbar{border-bottom:1px solid var(--line);padding-bottom:23px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.avatar{border-radius:50%;background:#e4e5db;width:33px;height:33px;display:grid;place-items:center;font-size:12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:35px 0 26px}.heading h1{margin-bottom:10px}.heading p{font-size:14px;margin:0}.hero{display:grid;grid-template-columns:1.35fr 1fr;background:#e6e9da;border-radius:17px;overflow:hidden;margin-bottom:32px;min-height:228px}.hero-copy{padding:30px 34px}.hero h2{font-size:32px;margin:12px 0}.hero p{font-size:13px;max-width:410px}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;padding:25px;isolation:isolate;background:radial-gradient(ellipse at center,#cdd8b7 0,transparent 66%)}.mini-garment{width:132px;height:162px;background:#f9f8f1;border:7px solid #fff;box-shadow:0 10px 22px #344c2520;border-radius:6px;transform:rotate(-9deg);display:grid;place-items:center}.mini-garment+ .mini-garment{transform:rotate(10deg);margin-left:-10px;margin-top:24px}.mini-garment svg{width:105px;height:120px}.art-caption{position:absolute;bottom:12px;font-size:9px;letter-spacing:2px}.tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:25px;padding:9px 14px;font-size:12px;background:transparent;min-height:36px}.chip.selected{background:var(--green);color:white;border-color:var(--green)}.search{width:200px;background:transparent;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{min-width:0;position:relative}.photo{background:#ecece4;border-radius:13px;aspect-ratio:4/4.5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain}.photo svg{height:72%;width:80%;filter:drop-shadow(0 6px 3px #0000000b)}.item-edit{width:100%;text-align:left;padding:0}.tag{position:absolute;left:10px;top:10px;background:#ffffffda;padding:5px 8px;border-radius:6px;font-size:9px;letter-spacing:.5px}.card h3{font-size:13px;margin:13px 0 6px}.card p{font-size:11px;margin:0;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #0002;margin-right:5px;vertical-align:middle}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--line)}.empty{text-align:center;border:1px dashed #c6cdba;background:#f0f1e8;border-radius:14px;padding:45px 20px;grid-column:1/-1}.empty h2{margin:13px 0}.empty p{max-width:460px;margin:0 auto 20px;font-size:14px}.empty .icon{width:32px;height:32px}.section-label{font-size:11px;color:var(--muted);margin:10px 0 24px}.banner{padding:13px 17px;background:#edf0df;border:1px solid #dce3cc;border-radius:10px;font-size:12px;margin-bottom:22px;line-height:1.6}.filters{background:#efefe7;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.filters .primary{grid-column:1/-1;width:max-content}.outfits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.outfit{padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.outfit-images{display:flex;gap:8px;margin-bottom:17px}.outfit-images .photo{flex:1;aspect-ratio:3/4;border-radius:8px;min-width:0}.outfit h3{margin-bottom:6px}.outfit p,.outfit li{font-size:12px;line-height:1.6;color:var(--muted)}.outfit ul{padding-left:17px;min-height:40px}.settings{max-width:760px;display:grid;gap:22px}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:15px}.panel h2{font-size:25px}.panel p{font-size:13px}.gate{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.gate-form{padding:45px clamp(25px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.gate .logo{margin-bottom:65px}.gate h1{font-size:53px;margin-bottom:22px}.gate-form>p{font-size:14px;max-width:390px}.gate form{max-width:400px;margin-top:15px}.gate-visual{background:#dce3cf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;overflow:hidden}.gate-visual .hero-art{width:100%;min-height:290px}.gate-visual .mini-garment{width:180px;height:230px}.gate-visual .mini-garment svg{width:140px;height:160px}.gate-visual h2{text-align:center;font-size:37px;margin-top:40px}.gate-visual p{font-size:13px;text-align:center;max-width:320px}.error{color:#a23428;font-size:13px;line-height:1.5;min-height:20px}.hidden{display:none!important}dialog{border:1px solid var(--line);border-radius:17px;padding:28px;width:min(650px,94vw);max-height:90dvh;color:var(--green);background:#f9f9f4}dialog::backdrop{background:#14271db3;backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:13px}legend{font-size:12px;font-weight:bold}fieldset label{display:inline-flex;align-items:center;margin:5px 12px 5px 0;font-size:12px;gap:7px}fieldset input{min-height:18px;accent-color:var(--green)}.editor-photo{max-height:160px;width:100%;object-fit:contain;background:#ecece4;border-radius:12px}.modal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:22px;flex-wrap:wrap}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:12px;padding:14px 22px;font-size:13px;z-index:20;box-shadow:0 5px 25px #0002;max-width:90vw;display:none}#toast.show{display:block}.file-label{display:inline-flex;cursor:pointer}.mobile-logo{display:none}.settings .row{flex-wrap:wrap}.text-wrap{overflow-wrap:anywhere}.lock-note{font-size:11px;margin-top:22px;color:var(--muted)}
@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.sidebar{width:190px;padding:30px 16px}.main{margin-left:190px;padding:25px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:25px}.hero-art .mini-garment{width:110px;height:140px}}
@media(max-width:760px){h1{font-size:35px}.sidebar{inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#f5f5ecf5;backdrop-filter:blur(16px);border-top:1px solid var(--line);border-right:0}.sidebar>.logo,.sidebar-foot{display:none}.nav{display:flex;margin:0;justify-content:space-around;gap:2px}.nav button{flex:1;flex-direction:column;gap:6px;justify-content:center;font-size:10px;padding:9px 2px;border-radius:9px}.nav .icon{height:19px;width:19px}.main{margin:0;padding:19px 20px 110px}.mobile-logo{display:flex;font-size:27px}.topbar{padding-bottom:17px;margin-bottom:22px}.topbar>.eyebrow{display:none}.heading{margin:25px 0 23px;align-items:flex-start}.heading h1{margin-bottom:8px}.heading p{font-size:12px}.heading .primary{padding:12px;font-size:11px;white-space:nowrap}.hero{grid-template-columns:1fr;min-height:0;margin-bottom:25px}.hero-copy{padding:23px}.hero h2{font-size:29px}.hero-copy p{margin-bottom:15px}.hero-art{display:none}.hero .primary{font-size:12px;padding:10px 14px;min-height:42px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}.tools{gap:14px}.tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.chip{white-space:nowrap;padding:8px 13px}.search{width:100%;font-size:14px}.photo{border-radius:10px}.card h3{font-size:12px}.outfits{grid-template-columns:1fr}.filters{padding:18px;gap:14px}.filters label{font-size:11px}.filters select{font-size:13px;width:100%}.gate{grid-template-columns:1fr}.gate-form{padding:32px 25px}.gate .logo{margin-bottom:50px}.gate h1{font-size:44px}.gate-visual{display:none}input,select{font-size:16px}.gate form{max-width:none}.panel{padding:20px}.form-grid{gap:13px}dialog{padding:20px}.error{min-height:0}.outfit ul{min-height:0}#toast{bottom:100px;width:max-content;max-width:calc(100vw - 32px)}.banner{font-size:11px}.section-label{font-size:10px}.topbar .small{font-size:10px}}
