:root{
 --bg:#f7f2ec;--paper:#fffaf5;--alt:#f3ebe4;--ink:#292522;--muted:#756c66;--line:#dfd3c9;
 --wine:#6f0f28;--wine2:#8d2441;--espresso:#39271f;--gold:#b9955b;--petrol:#285d61;
 --green:#2f6440;--greenbg:#eaf3ec;--amber:#8a5b28;--amberbg:#f8efe3;--red:#8a2636;--redbg:#f6e8ea;
 --blue:#315d78;--bluebg:#eaf1f6;--shadow:0 16px 44px rgba(57,39,31,.10)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.app{max-width:1120px;margin:auto;min-height:100vh;padding-bottom:92px}
.top{position:sticky;top:0;z-index:20;background:rgba(247,242,236,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.topactions{display:flex;gap:8px}
.brand{font-family:Georgia,serif;letter-spacing:.15em;text-transform:uppercase;font-size:23px;color:var(--espresso)}.brand span{color:var(--gold);font-size:12px;vertical-align:top}.iconbtn{border:0;background:var(--paper);width:43px;height:43px;border-radius:14px;color:var(--wine);font-size:20px;box-shadow:0 3px 12px rgba(57,39,31,.06)}
.view{display:none;padding:18px}.view.active{display:block}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 11px}.sectionhead h2{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:500}.sectionhead h3{margin:0}.link{border:0;background:none;color:var(--wine);font-weight:800;padding:7px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.tiny{font-size:10px}.hidden{display:none!important}
.hero{background:linear-gradient(145deg,#56101f,var(--wine));color:white;border-radius:28px;padding:22px;box-shadow:0 18px 42px rgba(111,15,40,.2);display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:center}.hero h1{font-family:Georgia,serif;font-size:33px;font-weight:500;margin:0 0 8px}.hero p{margin:0;color:#f8e6ec;line-height:1.55}.heroavatar{min-height:170px;display:grid;place-items:center}.avatar{width:145px;height:180px;border-radius:72px 72px 30px 30px;background:rgba(255,255,255,.11);display:grid;place-items:end center;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.avatar svg{width:145px;height:170px}.heroactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.kpi{background:rgba(255,255,255,.11);border-radius:15px;padding:10px}.kpi b{display:block;font-size:21px}.install{display:none;background:var(--espresso);color:white;border-radius:18px;padding:12px;margin:14px 0}.install.show{display:flex;align-items:center;justify-content:space-between;gap:10px}.offline{display:none;background:var(--amberbg);color:var(--amber);padding:9px 16px;text-align:center;font-size:12px;font-weight:800}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.q{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:14px 7px;text-align:center;color:var(--ink);min-height:94px}.q b{display:block;color:var(--wine);font-size:25px;margin-bottom:6px}.card{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:15px}.card+.card{margin-top:10px}.notice{border-left:4px solid var(--gold);background:var(--alt);padding:12px;border-radius:0 14px 14px 0;font-size:12px;line-height:1.55}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.good{background:var(--greenbg);color:var(--green)}.warn{background:var(--amberbg);color:var(--amber)}.bad{background:var(--redbg);color:var(--red)}.info{background:var(--bluebg);color:var(--blue)}
.btn{border:0;border-radius:14px;padding:13px 16px;background:var(--wine);color:white;font-weight:800}.btn.secondary{background:transparent;color:var(--wine);border:1px solid var(--wine)}.btn.ghost{background:var(--alt);color:var(--ink)}.btn.dark{background:#222}.btn.danger{background:var(--red)}.btn.full{width:100%}.btn:disabled{opacity:.45}.buttonrow{display:flex;gap:9px;flex-wrap:wrap}.buttonrow>*{flex:1}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px;margin:12px 0}.field label,.label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink)}.field textarea{min-height:84px}.checkrow{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:14px;background:white}.checkrow input{width:20px;height:20px;accent-color:var(--wine);flex:0 0 auto}
.filters{display:flex;gap:8px;overflow:auto;margin-bottom:12px;padding-bottom:3px}.chip{border:1px solid var(--line);background:var(--paper);padding:8px 12px;border-radius:999px;white-space:nowrap;color:var(--muted)}.chip.active{background:var(--wine);color:white;border-color:var(--wine)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.garment{background:var(--paper);border:1px solid var(--line);border-radius:19px;overflow:hidden;position:relative}.garment .photo{height:245px;background:white;display:grid;place-items:center;overflow:hidden}.garment img{width:100%;height:100%;object-fit:contain;background:white}.gbody{padding:11px}.gbody h3{font-size:14px;margin:0 0 5px}.meta{font-size:11px;color:var(--muted);line-height:1.55}.star{position:absolute;top:9px;right:9px;border:0;background:rgba(255,250,245,.94);border-radius:50%;width:37px;height:37px;font-size:19px;color:var(--wine);z-index:2}.photoStatus{position:absolute;left:8px;top:9px;z-index:2}.empty{text-align:center;padding:30px;border:1px dashed var(--line);border-radius:18px;background:var(--paper)}.empty b{display:block;margin-bottom:7px}
.bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(255,250,245,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:7px max(8px,calc((100vw - 1120px)/2));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.bottom button{border:0;background:transparent;color:var(--muted);padding:6px;font-size:10px;display:grid;gap:3px;place-items:center}.bottom button span{font-size:21px}.bottom button.active{color:var(--wine);font-weight:900}
.modal{position:fixed;inset:0;background:rgba(41,37,34,.48);z-index:60;display:none;align-items:flex-end}.modal.open{display:flex}.sheet{width:100%;max-width:720px;margin:0 auto;background:var(--paper);border-radius:28px 28px 0 0;padding:18px;max-height:92vh;overflow:auto}.sheet.full{max-width:none;height:100%;max-height:none;border-radius:0;padding:0;background:#f7f7f7}.sheethead{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheethead h2{font-family:Georgia,serif;font-weight:500;margin:0;font-size:30px}.close{border:0;background:var(--alt);border-radius:50%;width:39px;height:39px;font-size:22px}
.photoInput{border:1px dashed #baa89c;background:var(--alt);border-radius:18px;padding:16px;text-align:center}.editPreview{height:220px;background:white;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}.editPreview img{width:100%;height:100%;object-fit:contain}.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.tool{border:1px solid var(--line);background:white;border-radius:14px;padding:10px 6px;text-align:center;font-size:11px}.tool b{display:block;font-size:22px;color:var(--wine);margin-bottom:4px}
.editorTop{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:white;border-bottom:1px solid #ddd}.editorTop h2{font-size:20px;margin:0}.editorStage{background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/24px 24px;display:grid;place-items:center;height:min(62vh,660px);overflow:hidden;touch-action:none}.editorStage canvas{width:min(94vw,620px);height:min(94vw,620px);max-height:58vh;background:white;box-shadow:0 4px 18px rgba(0,0,0,.1)}.editorControls{padding:12px 16px;background:white;max-height:36vh;overflow:auto}.editorModes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.editorModes button{border:0;background:#f2f2f2;border-radius:12px;padding:9px 4px;font-size:11px}.editorModes button.active{background:var(--wine);color:white}.rangeRow{display:grid;grid-template-columns:90px 1fr 40px;gap:8px;align-items:center;margin:10px 0}.rangeRow input{width:100%;accent-color:var(--wine)}
.profileHero{background:linear-gradient(150deg,#fffaf5,#eee2d7);border:1px solid var(--line);border-radius:27px;padding:18px;display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:center;box-shadow:var(--shadow)}.profileAvatar{height:190px;border-radius:72px 72px 28px 28px;background:linear-gradient(180deg,#e8d8cc,#fff);display:grid;place-items:end center;overflow:hidden}.profileAvatar svg{width:145px;height:180px}.profileHero h1{font-family:Georgia,serif;font-size:31px;margin:0 0 6px}.profileHero p{margin:0;color:var(--muted)}.profileCards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.profileCard{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:14px;min-height:150px}.profileCard h3{font-family:Georgia,serif;font-weight:500;font-size:21px;margin:0 0 8px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--line)}.bodyIcon,.faceIcon{height:70px;display:grid;place-items:center}.bodyIcon svg,.faceIcon svg{height:68px;width:80px}.tasteList{display:flex;gap:7px;flex-wrap:wrap}.taste{border:1px solid var(--line);background:white;padding:8px 10px;border-radius:999px;font-size:12px}.taste.active{background:var(--wine);color:white;border-color:var(--wine)}
.calendarHead{display:flex;justify-content:space-between;align-items:center}.calendarHead h2{font-family:Georgia,serif;font-size:29px;font-weight:500}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:10px}.weekday{text-align:center;color:var(--muted);font-size:11px;padding:7px 0}.day{min-height:79px;border-radius:12px;padding:6px;background:#fff;border:1px solid transparent;position:relative}.day.other{opacity:.35}.day.today{border-color:var(--wine)}.daynum{font-size:12px;font-weight:800}.dayPlans{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:5px}.dayPlans img{width:100%;height:27px;object-fit:contain;background:white;border-radius:5px}.taskdot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.planCard{display:grid;grid-template-columns:86px 1fr auto;gap:11px;align-items:center}.planThumb{height:86px;background:white;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.planThumb img{width:100%;height:43px;object-fit:contain}.taskList{display:flex;gap:5px;flex-wrap:wrap}.taskTag{font-size:10px;padding:4px 6px;border-radius:999px;background:var(--amberbg);color:var(--amber)}
.look{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:start}.lookitems{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.lookitem{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.lookitem img{width:100%;aspect-ratio:1/1;object-fit:contain}.lookitem div{padding:7px;font-size:10px}.score{background:var(--greenbg);border:1px solid #cfe1d2;border-radius:18px;padding:15px;text-align:center}.score strong{display:block;font-size:34px;color:var(--green)}
.extractLayout{display:grid;grid-template-columns:1fr;gap:12px}.extractStage{height:340px;background:#222;display:grid;place-items:center;border-radius:18px;overflow:hidden}.extractStage canvas{max-width:100%;max-height:100%;background:white}.extractControls{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px}.progress{height:8px;background:var(--alt);border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:var(--wine)}
.onboard{position:fixed;inset:0;background:var(--paper);z-index:100;display:none}.onboard.open{display:block}.onboardWrap{max-width:600px;margin:auto;padding:26px 24px;min-height:100vh;display:flex;flex-direction:column}.onboardTop{display:flex;justify-content:space-between}.onboardStep{display:none;flex:1;padding-top:30px}.onboardStep.active{display:block}.onboardStep h1{font-family:Georgia,serif;font-size:38px;margin:0 0 10px}.optionList{display:grid;gap:10px;margin-top:22px}.option{border:1px solid var(--line);background:white;border-radius:17px;padding:17px;text-align:left}.option.selected{border-color:var(--wine);box-shadow:0 0 0 2px rgba(111,15,40,.12)}.onboardActions{display:flex;gap:10px}.onboardActions button{flex:1}
.labelPreview{height:180px;background:var(--alt);border:1px solid var(--line);border-radius:17px;display:grid;place-items:center;overflow:hidden}.labelPreview img{width:100%;height:100%;object-fit:contain}.purchase{display:grid;grid-template-columns:80px 1fr;gap:12px}.purchase img{width:80px;height:80px;object-fit:contain;border-radius:14px;background:white}
@media(min-width:720px){.view{padding:25px}.grid{grid-template-columns:repeat(4,1fr)}.quick{grid-template-columns:repeat(4,1fr)}.garment .photo{height:260px}.bottom{position:sticky;bottom:0;max-width:1120px;margin:auto;border:1px solid var(--line);border-radius:20px 20px 0 0}.app{padding-bottom:0}.profileCards{grid-template-columns:repeat(4,1fr)}.extractLayout{grid-template-columns:1.1fr .9fr}}
@media(max-width:520px){.hero{grid-template-columns:1.25fr .75fr;padding:18px}.hero h1{font-size:29px}.heroavatar{min-height:145px}.avatar{width:118px;height:150px}.avatar svg{width:118px;height:145px}.quick{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}.profileHero{grid-template-columns:110px 1fr}.profileAvatar{height:155px}.profileAvatar svg{width:110px;height:150px}.profileCards{grid-template-columns:1fr 1fr}.day{min-height:65px;padding:4px}.calendarGrid{padding:6px}.editorModes{grid-template-columns:repeat(4,1fr)}}


/* Siluetia v0.4 */
.categoryFilters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:2px;scrollbar-width:none}.categoryFilters::-webkit-scrollbar{display:none}.categoryChip{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;white-space:nowrap;color:var(--muted);font-size:12px}.categoryChip.active{background:var(--wine);border-color:var(--wine);color:#fff;font-weight:800}.closetNotice{margin-bottom:12px}.cleanClosetGrid{gap:1px;background:#ece8e4;border:1px solid #ece8e4;border-radius:20px;overflow:hidden}.cleanClosetGrid .garment{border:0;border-radius:0;background:#fff;box-shadow:none}.cleanClosetGrid .garment .photo{height:210px;padding:10px;background:#fff}.cleanClosetGrid .garment img{object-fit:contain}.cleanClosetGrid .gbody{padding:11px 12px 14px;min-height:112px}.cleanClosetGrid .gbody h3{font-size:13px;line-height:1.3;margin-bottom:7px}.cleanClosetGrid .meta{font-size:11px}.itemCategory{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:6px}.itemBrand{color:#8c8580;font-size:10px;margin-top:7px}.cleanClosetGrid .star{box-shadow:0 4px 14px rgba(57,39,31,.08)}.photoStatus{display:none}
.catalogEditorSheet{background:#f8f6f3}.editorCompare{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f3efeb}.editorPreviewCard{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:330px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative}.editorPreviewCard .previewLabel{padding:9px 12px;font-size:11px;font-weight:800;color:var(--muted);border-bottom:1px solid var(--line)}.editorPreviewCard img,.editorPreviewCard canvas{width:100%;height:100%;min-height:290px;object-fit:contain;background:#fff}.editorPreviewCard.after{box-shadow:0 10px 28px rgba(57,39,31,.09)}.simpleEditorControls{padding:14px 18px 30px}.editorQuickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.editorQuickActions button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 5px}.backgroundChooser{display:flex;gap:10px;align-items:center;margin:15px 0}.backgroundChooser>span{width:90px}.backgroundSwatch{width:38px;height:38px;border-radius:11px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.backgroundSwatch.selected{box-shadow:0 0 0 2px var(--wine)}.editorNotice{margin-top:14px}.weatherCard{background:linear-gradient(145deg,#fff,#f6eee8);border:1px solid var(--line);border-radius:22px;padding:15px;margin-bottom:14px;box-shadow:var(--shadow)}.weatherCardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.weatherCardHead b{display:block;font-family:Georgia,serif;font-size:20px;margin-top:3px}.eyebrow{font-size:9px;letter-spacing:.12em;color:var(--gold);font-weight:900}.weatherStrip{display:flex;gap:8px;overflow-x:auto;padding:13px 0 4px;scrollbar-width:none}.weatherStrip::-webkit-scrollbar{display:none}.weatherDay{flex:0 0 92px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center}.weatherDay.today{border-color:var(--wine);box-shadow:0 0 0 1px var(--wine)}.weatherDay b{display:block;font-size:12px}.weatherIcon{font-size:25px;margin:5px 0}.weatherTemps{font-size:11px}.weatherTemps strong{color:var(--wine)}.weatherRain{font-size:9px;color:var(--muted);margin-top:4px}.weatherLoading{padding:20px;color:var(--muted)}.weatherAttribution{text-align:right;font-size:8px;color:#aaa}.profileHero{background:linear-gradient(145deg,#fffaf5,#f1e5db)}.profileAvatar{background:radial-gradient(circle at 50% 35%,#fff 0,#f0dfd0 65%,#dbc2af 100%);border:1px solid rgba(185,149,91,.3)}.profileList{grid-template-columns:1fr}.profileList .profileCard{min-height:auto;display:grid;grid-template-columns:72px 1fr auto;gap:13px;text-align:left;align-items:center;padding:14px 15px}.profileList .profileCard h3{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:800;margin:0 0 5px}.profileList .profileCard b{font-size:12px}.profileCardIcon{width:64px;height:64px;border-radius:18px;background:#f5ece5;display:grid;place-items:center;overflow:hidden}.profileCardIcon svg{max-height:58px;max-width:58px}.profileCardIcon .swatches{justify-content:center;padding:6px;gap:3px}.profileCardIcon .swatch{width:20px;height:20px}.chevron{font-size:28px;color:#a69487}.tasteHeart{font-family:Georgia,serif;font-size:39px;color:var(--wine)}
@media(max-width:520px){.editorCompare{grid-template-columns:1fr}.editorPreviewCard{min-height:280px}.editorPreviewCard img,.editorPreviewCard canvas{min-height:240px}.cleanClosetGrid .garment .photo{height:190px}.profileList{grid-template-columns:1fr}.weatherDay{flex-basis:86px}}


/* Siluetia v0.5 floral editorial refresh */

:root{
 --bg:#f9f5f0;--paper:#fffdf9;--alt:#f3ede6;--ink:#2f2622;--muted:#7e756d;--line:#e7ddd3;
 --wine:#7a1732;--wine2:#8c2644;--espresso:#3b2722;--gold:#c49d64;--petrol:#36656a;
 --olive:#5E5C2D;--sage:#999A57;--apricot:#FC9C51;--peach:#FEC67C;--blush:#F9BDB0;--mauve:#A16A84;
 --shadow:0 18px 40px rgba(77,52,36,.10)
}
html,body{background:linear-gradient(180deg,#fcfaf7 0%,#f6efe8 100%)}
.top{background:rgba(252,249,245,.9);border-bottom:1px solid rgba(196,157,100,.18)}
.brand{font-size:25px;color:var(--wine);letter-spacing:.22em}
.iconbtn{background:rgba(255,253,249,.92);color:var(--wine);box-shadow:0 8px 24px rgba(90,59,43,.08);border:1px solid rgba(196,157,100,.15)}
.sectionhead h2,.sheethead h2,.calendarHead h2,.profileHero h1,.hero h1{font-family:Georgia, 'Times New Roman', serif;letter-spacing:-.02em}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf9 0%,#f8f1ea 48%,#f4ebe3 100%);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.hero:before{content:'';position:absolute;inset:0 0 0 42%;background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cg fill='none' stroke='%23d6c0a5' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M40 290c25-55 18-127 4-187'/%3E%3Cpath d='M56 238c15 4 23 13 31 27'/%3E%3Cpath d='M42 193c17-5 30-16 34-35'/%3E%3Cpath d='M110 298c26-68 22-123 9-193'/%3E%3Cpath d='M127 222c12 2 25 12 32 23'/%3E%3Cpath d='M150 298c18-42 16-79 7-129'/%3E%3Cpath d='M208 297c20-57 19-110 10-179'/%3E%3Cpath d='M228 207c18-3 28-12 34-27'/%3E%3Cpath d='M253 301c18-48 16-85 8-140'/%3E%3C/g%3E%3Cg%3E%3Cg fill='%23f1d3c8'%3E%3Ccircle cx='69' cy='165' r='13'/%3E%3Ccircle cx='81' cy='156' r='10'/%3E%3Ccircle cx='59' cy='153' r='9'/%3E%3C/g%3E%3Cg fill='%23f2b561'%3E%3Ccircle cx='126' cy='138' r='12'/%3E%3Ccircle cx='137' cy='130' r='9'/%3E%3Ccircle cx='116' cy='128' r='8'/%3E%3C/g%3E%3Cg fill='%23e8955b'%3E%3Ccircle cx='236' cy='126' r='12'/%3E%3Ccircle cx='245' cy='117' r='8'/%3E%3Ccircle cx='224' cy='118' r='8'/%3E%3C/g%3E%3Cg fill='%23b487a0'%3E%3Ccircle cx='180' cy='191' r='11'/%3E%3Ccircle cx='191' cy='184' r='8'/%3E%3Ccircle cx='169' cy='183' r='8'/%3E%3C/g%3E%3C/svg%3E") right bottom/contain no-repeat;
 opacity:.85;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero .badge{background:rgba(94,92,45,.12)!important;color:var(--olive)!important;border:1px solid rgba(94,92,45,.14)}
.hero h1{font-size:46px;line-height:.98;color:var(--wine);max-width:320px}
.hero p{color:#5e524c;font-size:18px;line-height:1.5;max-width:470px}
.heroavatar{align-self:end;min-height:210px}
.avatar,.profileAvatar{background:linear-gradient(180deg,#fffdfb 0%,#f1e5db 100%);border:1px solid rgba(196,157,100,.25);box-shadow:0 10px 30px rgba(72,50,36,.08)}
.avatar{width:170px;height:206px;border-radius:84px 84px 32px 32px}
.avatar svg{width:170px;height:206px}
.heroactions .btn:first-child{background:var(--olive);box-shadow:0 10px 20px rgba(94,92,45,.22)}
.heroactions .btn.secondary{color:var(--wine);border-color:rgba(122,23,50,.4);background:rgba(255,255,255,.5)}
.kpis .kpi{background:rgba(255,255,255,.55);border:1px solid rgba(196,157,100,.16);backdrop-filter:blur(8px)}
.quick .q,.card,.garment,.profileCard,.weatherCard,.calendarGrid,.sheet{background:rgba(255,253,249,.96);border-color:var(--line);box-shadow:var(--shadow)}
.q b{color:var(--wine)}
.btn{background:var(--wine)} .btn.secondary{color:var(--wine);border-color:rgba(122,23,50,.26)} .btn.ghost{background:#f7efe8}
.notice{background:#f8f0ea;border-left-color:var(--gold)}
.filters .chip.active,.categoryChip.active{background:var(--olive);border-color:var(--olive)}
.categoryChip{background:#fffdf9}
.cleanClosetGrid{gap:12px;background:transparent;border:0;border-radius:0;overflow:visible}
.cleanClosetGrid .garment{border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.cleanClosetGrid .garment .photo{height:235px;padding:14px;background:linear-gradient(180deg,#fff 0%,#fcfaf7 100%)}
.cleanClosetGrid .gbody{padding:12px 12px 16px;min-height:132px}
.cleanClosetGrid .gbody h3{font-size:15px;line-height:1.28;color:var(--ink)}
.itemCategory{display:inline-flex;background:#f7efe7;padding:5px 8px;border-radius:999px;color:var(--olive);font-size:10px;font-weight:700;letter-spacing:.03em}
.itemBrand{margin-top:8px;color:#96877d;font-size:11px}
.cleanClosetGrid .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.cleanClosetGrid .meta:before{content:'•';color:#d7c1b1}
.cleanClosetGrid .star{background:rgba(255,255,255,.95);color:var(--wine)}
.weatherCard{background:linear-gradient(135deg,#fffefb 0%,#f7f0e8 100%);position:relative;overflow:hidden}
.weatherCard:after{content:'';position:absolute;right:-8px;bottom:-8px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#f9bdb0 0%,rgba(249,189,176,0) 70%);opacity:.38}
.weatherCardHead b{color:var(--wine)} .eyebrow{color:var(--gold)}
.weatherDay.today{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive)}
.profileHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf9 0%,#f8efe7 100%);padding:20px 22px;border-radius:30px}
.profileHero:after{content:'';position:absolute;right:-30px;top:-10px;width:220px;height:220px;background:radial-gradient(circle at 30% 40%,rgba(254,198,124,.3),rgba(254,198,124,0) 62%),radial-gradient(circle at 70% 60%,rgba(161,106,132,.18),rgba(161,106,132,0) 58%)}
.profileHero>*{position:relative;z-index:1}
.profileAvatar{height:215px;border-radius:86px 86px 36px 36px}
.profileAvatar svg{width:170px;height:206px}
.profileHero h1{font-size:54px;color:var(--espresso)}
.profileHero p{font-size:20px;color:#6a5e57}
.profileCards.profileList{grid-template-columns:1fr 1fr}
.profileList .profileCard{border-radius:22px;background:linear-gradient(180deg,#fffdf9,#fff8f2)}
.profileList .profileCard h3{font-family:Georgia,serif;font-size:27px;font-weight:500;color:var(--espresso)}
.profileCardIcon{background:linear-gradient(180deg,#fff,#f8efe8);border:1px solid rgba(196,157,100,.18)}
#profileSwatches .swatch{width:18px;height:18px}
#homeProfileCard{background:linear-gradient(180deg,#fffdf9,#f9f2ea);border:1px solid var(--line)}
#homeProfileCard .swatches{margin-top:8px}
#homeProfileCard .swatch{width:24px;height:24px}
.profileCards:not(.profileList) .profileCard{position:relative;overflow:hidden}
.profileCards:not(.profileList) .profileCard:before,.colorimetryFloral:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 12% 15%,rgba(252,156,81,.16),transparent 12%),radial-gradient(circle at 75% 18%,rgba(161,106,132,.14),transparent 11%),radial-gradient(circle at 28% 82%,rgba(94,92,45,.12),transparent 12%),radial-gradient(circle at 85% 80%,rgba(249,189,176,.17),transparent 12%);pointer-events:none}
.bottom{background:rgba(255,253,249,.97)}
.bottom button.active{color:var(--wine)}
.field input,.field select,.field textarea{background:#fffdfb;border-color:#e8ddd0}
.modal .sheet{background:#fbf7f2}
.editorQuickActions button,.tool,.option,.checkrow,.weatherDay,.day,.lookitem,.planThumb{background:#fffdfb}
.day.today{border-color:var(--olive)}
.taskTag{background:#f9efe2;color:#8a6843}
.planCard{background:#fffdf9}
.calendarGrid{box-shadow:none}
#analysisContent .card{position:relative;overflow:hidden}
#analysisContent .card:before{content:'';position:absolute;inset:auto 0 0 auto;width:120px;height:120px;background:radial-gradient(circle,rgba(249,189,176,.28) 0, rgba(249,189,176,0) 70%)}
@media(max-width:720px){
 .hero{grid-template-columns:1fr;gap:18px}.hero h1{font-size:38px;max-width:none}.hero:before{inset:46% 0 0 0;background-position:center bottom;background-size:cover;opacity:.35}.heroavatar{justify-self:end}.profileHero{grid-template-columns:1fr;}.profileHero h1{font-size:42px}.profileCards.profileList{grid-template-columns:1fr}
}
@media(max-width:520px){
 .brand{font-size:22px}.hero{padding:20px}.hero p{font-size:16px}.avatar{width:142px;height:178px}.avatar svg{width:142px;height:178px}.profileAvatar{height:185px}.profileAvatar svg{width:150px;height:184px}.profileList .profileCard h3{font-size:23px}.cleanClosetGrid .garment .photo{height:180px}
}


/* Siluetia v0.6 neutral botanical seeds refresh */
:root{
 --bg:#fbf7f3;
 --paper:#fffdfa;
 --alt:#f6f0ea;
 --line:#e9dfd6;
 --ink:#2d2622;
 --muted:#7f756d;
 --wine:#7a1732;
 --espresso:#342723;
 --gold:#c7a66d;
 --olive:#5E5C2D;
 --sage:#999A57;
 --apricot:#FC9C51;
 --peach:#FEC67C;
 --blush:#F9BDB0;
 --mauve:#A16A84;
 --seedPattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='320' viewBox='0 0 480 320'%3E%3Crect width='480' height='320' fill='none'/%3E%3Cg fill='none' stroke='%23161515' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' opacity='.78'%3E%3Cpath d='M26 300C54 254 58 201 45 130'/%3E%3Cpath d='M45 230c18 0 30 8 38 20'/%3E%3Cpath d='M52 176c17-2 29-12 36-29'/%3E%3Cpath d='M120 304c29-55 31-113 20-190'/%3E%3Cpath d='M142 228c20 2 32 12 42 26'/%3E%3Cpath d='M160 178c18-6 28-18 35-36'/%3E%3Cpath d='M246 312c30-64 24-127 12-211'/%3E%3Cpath d='M263 232c18 3 30 14 40 28'/%3E%3Cpath d='M284 176c16-4 28-14 36-30'/%3E%3Cpath d='M356 300c24-51 25-103 12-176'/%3E%3Cpath d='M375 224c18 2 29 10 39 24'/%3E%3Cpath d='M394 171c13-1 24-8 32-21'/%3E%3C/g%3E%3Cg fill='%23161515' opacity='.86'%3E%3Cpath d='M51 229c12-11 23-10 33 0-12 15-23 15-33 0Z'/%3E%3Cpath d='M63 174c10-12 20-12 30 0-10 16-20 16-30 0Z'/%3E%3Cpath d='M142 230c13-11 24-11 36 0-12 15-24 15-36 0Z'/%3E%3Cpath d='M165 177c12-12 23-12 33 0-12 17-23 17-33 0Z'/%3E%3Cpath d='M263 234c14-12 27-12 38 0-14 17-25 17-38 0Z'/%3E%3Cpath d='M285 177c12-11 24-11 35 0-12 15-24 15-35 0Z'/%3E%3Cpath d='M374 225c12-11 24-11 34 0-12 14-24 14-34 0Z'/%3E%3Cpath d='M392 173c11-11 22-11 31 0-10 14-21 14-31 0Z'/%3E%3C/g%3E%3Cg opacity='.92'%3E%3Ccircle cx='99' cy='212' r='5.4' fill='%235E5C2D'/%3E%3Ccircle cx='110' cy='188' r='5.6' fill='%23999A57'/%3E%3Ccircle cx='205' cy='212' r='5.8' fill='%23FC9C51'/%3E%3Ccircle cx='224' cy='188' r='5.6' fill='%23FEC67C'/%3E%3Ccircle cx='323' cy='214' r='5.8' fill='%23F9BDB0'/%3E%3Ccircle cx='340' cy='187' r='5.6' fill='%23A16A84'/%3E%3Ccircle cx='430' cy='206' r='5.7' fill='%235E5C2D'/%3E%3Ccircle cx='440' cy='179' r='5.4' fill='%23FC9C51'/%3E%3C/g%3E%3C/svg%3E");
}
html,body{background:linear-gradient(180deg,#fffdfa 0%,#f8f1ea 100%)}
.top{background:rgba(255,252,248,.92)}
.hero,.profileHero,#homeProfileCard,.profileList .profileCard,.weatherCard,.quick .q,.garment,.card,.sheet,.calendarGrid{box-shadow:0 16px 34px rgba(67,48,38,.08)}
.hero,.profileHero{background:linear-gradient(135deg,#fffefb 0%,#f8f1ea 100%)}
.hero:before{inset:0 0 0 45%;background:var(--seedPattern) center/cover no-repeat;opacity:.24;filter:none}
.hero .badge{background:rgba(122,23,50,.09)!important;color:var(--wine)!important;border:1px solid rgba(122,23,50,.10)}
.hero h1{color:var(--wine)}
.heroactions .btn:first-child{background:var(--wine)}
.heroactions .btn.secondary{color:var(--olive);border-color:rgba(94,92,45,.38)}
.kpis .kpi{background:rgba(255,255,255,.64)}
.q{position:relative;overflow:hidden}
.q::after{content:'';position:absolute;right:-12px;bottom:-12px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(249,189,176,.24),rgba(249,189,176,0) 70%)}
.cleanClosetGrid .garment .photo{background:linear-gradient(180deg,#fff 0%,#fcf9f5 100%)}
.cleanClosetGrid .star{background:#fff;color:var(--wine);box-shadow:0 2px 10px rgba(65,48,42,.08)}
#homeProfileCard{position:relative;overflow:hidden;padding:18px;border-radius:24px}
#homeProfileCard::before{content:'';position:absolute;inset:0;background:var(--seedPattern) center/cover no-repeat;opacity:.18;pointer-events:none}
#homeProfileCard>*{position:relative;z-index:1}
.profileHero{position:relative}
.profileHero:before{content:'';position:absolute;inset:0;background:var(--seedPattern) right center/55% no-repeat;opacity:.18;pointer-events:none}
.profileHero:after{display:none}
.profileHero>*{position:relative;z-index:1}
.profileAvatar,.avatar{background:linear-gradient(180deg,#fffdfa 0%,#f2e7dc 100%);border:1px solid rgba(199,166,109,.24)}
.profileList .profileCard{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdfa,#fff8f2)}
.profileList .profileCard::before{content:'';position:absolute;right:-22px;bottom:-18px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,rgba(254,198,124,.18),rgba(254,198,124,0) 70%)}
.profileList .profileCard.colorimetryFloral{background:linear-gradient(180deg,#fffdfa,#fff9f4)}
.profileList .profileCard.colorimetryFloral::after{content:'';position:absolute;inset:0;background:var(--seedPattern) center/cover no-repeat;opacity:.14;pointer-events:none}
.profileCardIcon{background:linear-gradient(180deg,#fff,#faf3ea)}
#profileSwatches{position:relative;display:flex;align-items:center;gap:8px;padding:0 3px}
#profileSwatches::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent 0%,#1a1716 9%,#1a1716 91%,transparent 100%);transform:translateY(-50%);opacity:.58}
#profileSwatches .swatch{position:relative;z-index:1;width:16px;height:16px;border-radius:50% 50% 45% 45%;transform:rotate(-18deg);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(45,38,34,.07)}
.weatherCard{background:linear-gradient(135deg,#fffefb 0%,#f9f2ea 100%)}
.weatherCard:after{background:radial-gradient(circle,rgba(254,198,124,.26) 0%,rgba(254,198,124,0) 70%)}
.bottom{background:rgba(255,252,248,.98)}
.categoryChip.active,.filters .chip.active{background:var(--wine);border-color:var(--wine)}
@media(max-width:720px){.hero:before{inset:48% 0 0 0;background-size:cover;opacity:.18}.profileHero:before{background-position:center bottom;background-size:90% auto;opacity:.14}}


/* Siluetia v0.7 - fresh-account visual verification */
:root{
 --cream:#fffaf3; --cream2:#f7eee5; --charcoal:#211f1d; --burgundy:#76142d;
 --gold2:#c9a56c; --seed1:#5E5C2D; --seed2:#999A57; --seed3:#FC9C51;
 --seed4:#FEC67C; --seed5:#F9BDB0; --seed6:#A16A84;
}
.releaseRibbon{position:relative;z-index:19;text-align:center;padding:7px 12px;background:#211f1d;color:#fffaf3;font-size:10px;font-weight:900;letter-spacing:.14em}
body{background:linear-gradient(180deg,#fffdf9 0%,#f8eee5 100%);}
.top{background:rgba(255,250,243,.96);border-bottom:1px solid rgba(118,20,45,.10)}
.brand{color:var(--burgundy);letter-spacing:.25em;font-size:24px}
.hero{min-height:420px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,253,249,.98),rgba(247,238,229,.97));border:1px solid #eadbd0;border-radius:32px;color:var(--charcoal);box-shadow:0 22px 54px rgba(62,42,31,.12)}
.hero:before{content:'';position:absolute;inset:0 42% 0 0;background:url('./assets/patron-neutro-semillas.jpg') center/cover no-repeat;opacity:.13;filter:grayscale(.38) contrast(.98)}
.hero:after{content:'';position:absolute;right:-80px;top:-70px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(249,189,176,.28),rgba(249,189,176,0) 68%)}
.hero>div{position:relative;z-index:2}
.hero h1{font-family:Georgia,serif;color:var(--burgundy);font-size:50px;line-height:1.03;max-width:390px;margin-bottom:12px}
.hero p{font-size:18px;color:#5f534c;max-width:440px}
.hero .badge{background:rgba(118,20,45,.09)!important;color:var(--burgundy)!important;border:1px solid rgba(118,20,45,.13);letter-spacing:.07em}
.heroavatar{align-items:end;justify-items:end;min-height:330px}
.avatar{width:250px;height:330px;border-radius:130px 130px 38px 38px;background:#fff;box-shadow:0 20px 40px rgba(55,35,26,.14);border:1px solid #e7d5c7;overflow:hidden}
.avatar img,.profileAvatar img{width:100%;height:100%;object-fit:cover;object-position:center}
.heroactions .btn:first-child{background:var(--burgundy)}
.heroactions .btn.secondary{background:#fff;color:var(--burgundy);border-color:rgba(118,20,45,.35)!important}
.kpis .kpi{background:rgba(255,255,255,.78);border:1px solid #eadfd6;color:var(--charcoal)}
.quick{gap:12px}.quick .q{border-radius:22px;background:rgba(255,253,249,.97);box-shadow:0 12px 28px rgba(60,40,30,.08)}
.quick .q b{color:var(--burgundy)}
#homeProfileCard{min-height:176px;padding:22px 22px 20px 46%;position:relative;background:linear-gradient(90deg,rgba(255,253,249,.96),rgba(255,249,243,.98));overflow:hidden}
#homeProfileCard:before{content:'';position:absolute;left:0;top:0;bottom:0;width:44%;background:url('./assets/patron-neutro-semillas.jpg') center/cover no-repeat;opacity:.92}
#homeProfileCard:after{content:'COLORIMETRÍA PERSONAL';position:absolute;left:18px;bottom:14px;color:white;background:rgba(33,31,29,.78);padding:6px 9px;border-radius:999px;font-size:9px;letter-spacing:.10em;font-weight:800}
#homeProfileCard>*{position:relative;z-index:2}
#homeProfileCard .swatches{gap:10px;margin-top:15px}
#homeProfileCard .swatch{width:27px;height:27px;border-radius:50% 50% 42% 48%;transform:rotate(-18deg);box-shadow:0 0 0 3px #fff,0 4px 10px rgba(45,38,34,.13)}
.profileHero{min-height:390px;grid-template-columns:240px 1fr;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf9,#f7eee5);border-radius:34px;padding:28px;border:1px solid #eadbd0}
.profileBotanical{position:absolute;inset:0;background:url('./assets/patron-neutro-semillas.jpg') right center/58% 100% no-repeat;opacity:.18;filter:grayscale(.25)}
.profileHero>div:not(.profileBotanical){position:relative;z-index:2}
.profileAvatar{width:220px;height:300px;border-radius:110px 110px 36px 36px;overflow:hidden;background:#fff;border:1px solid #e7d4c4;box-shadow:0 18px 42px rgba(58,37,27,.13)}
.profileHero h1{font-size:58px;color:var(--burgundy)}
.profileHero p{font-size:21px}
.profileList .profileCard{min-height:130px;border-radius:24px;background:#fffdfa;border:1px solid #e9ddd3;box-shadow:0 12px 28px rgba(57,39,31,.07)}
.profileList .profileCard h3{font-size:25px;color:var(--charcoal)}
.seedCard{position:relative;overflow:hidden;isolation:isolate}
.seedCard:before{content:'';position:absolute;inset:0;background:url('./assets/patron-neutro-semillas.jpg') center/cover no-repeat;opacity:.18;z-index:-1}
#profileSwatches{display:flex;gap:7px;position:relative;padding:10px 6px}
#profileSwatches:before{content:'';position:absolute;left:4px;right:4px;top:50%;height:2px;background:#211f1d;opacity:.55}
#profileSwatches .swatch{position:relative;z-index:1;width:18px;height:18px;border-radius:50% 50% 40% 48%;transform:rotate(-20deg);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(33,31,29,.10)}
.cleanClosetGrid .garment{border-radius:24px;background:#fffdfa;border:1px solid #e8ddd3;box-shadow:0 14px 34px rgba(59,39,30,.08)}
.cleanClosetGrid .garment .photo{background:#fff;padding:15px}
.cleanClosetGrid .gbody{background:linear-gradient(180deg,#fffdfa,#fff7f0)}
.itemCategory{color:var(--burgundy);background:#f8e9ed}
.filters .chip.active,.categoryChip.active{background:var(--burgundy);border-color:var(--burgundy)}
.weatherCard{background:linear-gradient(135deg,#fffdf9,#f8eee5)}
.bottom{background:rgba(255,252,247,.98)}
.bottom button.active{color:var(--burgundy)}
@media(max-width:720px){
 .hero{grid-template-columns:1fr 150px;min-height:420px;padding:22px}.hero:before{inset:0 35% 0 0;opacity:.10}.hero h1{font-size:40px}.hero p{font-size:16px}.heroavatar{min-height:290px}.avatar{width:155px;height:285px;border-radius:86px 86px 30px 30px}
 .profileHero{grid-template-columns:150px 1fr;min-height:310px;padding:20px}.profileAvatar{width:145px;height:230px}.profileHero h1{font-size:42px}.profileHero p{font-size:17px}.profileBotanical{background-size:80% 100%}
 #homeProfileCard{padding-left:42%;}
}
@media(max-width:520px){
 .releaseRibbon{font-size:8px}.hero{grid-template-columns:1fr 118px;min-height:400px}.hero h1{font-size:35px}.heroavatar{min-height:255px}.avatar{width:120px;height:245px}.profileHero{grid-template-columns:115px 1fr;min-height:270px}.profileAvatar{width:110px;height:190px}.profileHero h1{font-size:34px}.profileList .profileCard h3{font-size:21px}#homeProfileCard{padding-left:47%;font-size:12px}
}

/* Siluetia v0.8 — estudio de imagen y looks */
.releaseRibbon{background:linear-gradient(90deg,#211f1d,#7a1732,#211f1d)}
.creationModeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 22px}
.creationMode{min-height:170px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fffdfa,#f8f1ea);padding:18px;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 30px rgba(58,39,30,.08);color:var(--ink)}
.creationMode:active{transform:scale(.985)}
.creationMode .modeArt{width:54px;height:54px;border-radius:18px;background:#f5e8eb;color:var(--wine);display:grid;place-items:center;font-size:26px}
.creationMode b{font-size:18px}.creationMode small{color:var(--muted);line-height:1.35}
.createTabs{margin-top:4px}
.photoPipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.photoPipeline span{padding:8px 5px;border-radius:999px;text-align:center;font-size:10px;font-weight:800;background:#f1ece7;color:#9a8f87;border:1px solid #ebe2db}
.photoPipeline span.active{background:var(--wine);color:#fff;border-color:var(--wine);box-shadow:0 7px 16px rgba(122,23,50,.18)}
.toolsGridV8{grid-template-columns:repeat(3,1fr)}
.editorV8{background:#fbf8f4}
.editorVersionTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 14px;position:sticky;top:72px;z-index:6;background:rgba(251,248,244,.94);backdrop-filter:blur(10px)}
.editorVersionTabs button{padding:10px 6px;border-radius:999px;border:1px solid #e5dbd2;background:#fff;color:#857b74;font-weight:800;font-size:12px}
.editorVersionTabs button.active{background:var(--wine);color:#fff;border-color:var(--wine)}
.editorCompareV8{grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.editorCompareV8 .editorPreviewCard{min-height:310px;position:relative;background:#fff}
.editorCompareV8 canvas,.editorCompareV8 img{width:100%;height:100%;object-fit:contain;max-height:440px}
.processingBadge{position:absolute;right:10px;bottom:10px;background:rgba(33,31,29,.8);color:#fff;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.05em}
.editorMainActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.btn.dark{background:#211f1d}
.promptBox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;margin:10px 0 16px}.promptBox label{font-size:12px;font-weight:800;display:block;margin-bottom:7px}.promptBox textarea{width:100%;min-height:95px;border:1px solid #e6ddd5;border-radius:12px;padding:10px;font:inherit;resize:vertical;background:#fffcf8}
.adjustmentGrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.adjustmentGrid .rangeRow{margin:8px 0}
.avatarSheet{max-width:940px}.avatarGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:12px 0 20px}.avatarOption{border:1px solid var(--line);border-radius:22px;background:#fffdfa;padding:10px;text-align:center;box-shadow:0 10px 22px rgba(55,39,31,.06)}.avatarOption div{height:165px}.avatarOption svg{width:100%;height:100%}.avatarOption b{display:block;font-size:12px;margin-top:4px}.avatarOption span{font-size:10px;color:var(--muted)}.avatarOption.selected{outline:3px solid rgba(122,23,50,.24);border-color:var(--wine);background:#fff6f8}
.catalogSearchPreview{height:260px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:14px}.catalogSearchPreview img{width:100%;height:100%;object-fit:contain}
.lookStudioSheet{height:100dvh;max-width:none;border-radius:0;padding:0;overflow:hidden;background:#f8f5f1;display:flex;flex-direction:column}.lookStudioTop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fffdfa;z-index:8}.lookStudioTop h2{margin:0;font-size:22px}.smallBtn{padding:10px 14px}
.studioCanvasWrap{position:relative;flex:1;min-height:420px;overflow:hidden;background:#fff}.studioCanvas{position:absolute;inset:0;background:linear-gradient(180deg,#fff,#fbfaf8);touch-action:none;overflow:hidden}.studioCanvas::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(122,23,50,.04) 0 1px,transparent 1px);background-size:28px 28px}.studioHint{position:absolute;inset:0;display:grid;place-items:center;color:#a3958b;font-size:14px;text-align:center;padding:40px}.studioItem{position:absolute;touch-action:none;user-select:none;transform-origin:center;filter:drop-shadow(0 12px 12px rgba(43,34,28,.12))}.studioItem img{width:100%;display:block;object-fit:contain;pointer-events:none}.studioItem.selected{outline:2px dashed var(--wine);outline-offset:5px}.studioItem .pinDot,.studioItem .resizeHandle{position:absolute;width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#222;display:grid;place-items:center;font-size:12px}.studioItem .pinDot{right:-14px;top:-14px}.studioItem .resizeHandle{right:-14px;bottom:-14px;background:var(--wine);color:#fff}
.studioFloatingTools{position:absolute;right:12px;top:12px;display:none;gap:6px;z-index:7}.studioFloatingTools.show{display:flex}.studioFloatingTools button{border:0;border-radius:999px;background:rgba(33,31,29,.88);color:#fff;padding:8px 10px;font-size:10px}
.studioCategoryBar{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 6px;background:#fff;border-top:1px solid var(--line)}.studioCategoryBar button{white-space:nowrap;border:0;background:#f2efec;border-radius:999px;padding:9px 12px;color:#6f6660;font-weight:700}.studioCategoryBar button.active{background:#211f1d;color:#fff}
.studioCarousel{display:flex;gap:10px;overflow-x:auto;padding:8px 12px 12px;background:#fff;min-height:124px}.studioThumb{min-width:96px;width:96px;border:1px solid #e9e1db;border-radius:16px;background:#fff;padding:6px}.studioThumb img{width:100%;height:75px;object-fit:contain}.studioThumb span{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studioBottomActions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
.articleAnchor{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:12px}.articleAnchor img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:14px}.articleAnchor div{display:flex;flex-direction:column;gap:4px}.articleAnchor span{color:var(--muted);font-size:12px}.autoLookGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.autoLookCard{border:1px solid var(--line);border-radius:22px;background:#fff;padding:10px;text-align:left;box-shadow:0 12px 25px rgba(58,39,30,.06)}.autoLookCard>div{display:grid;grid-template-columns:repeat(3,1fr);height:200px;gap:2px}.autoLookCard img{width:100%;height:100%;object-fit:contain}.autoLookCard b{display:block;margin-top:8px}.autoLookCard span{font-size:11px;color:var(--muted)}
@media(max-width:760px){.creationModeGrid{grid-template-columns:1fr 1fr}.avatarGrid{grid-template-columns:1fr 1fr}.editorCompareV8{grid-template-columns:1fr}.editorCompareV8 .editorPreviewCard:first-child{display:none}.adjustmentGrid{grid-template-columns:1fr}.editorMainActions{grid-template-columns:1fr}.toolsGridV8{grid-template-columns:1fr 1fr}.autoLookGrid{grid-template-columns:1fr 1fr}.studioCanvasWrap{min-height:48dvh}}
@media(max-width:440px){.creationMode{min-height:150px;padding:14px}.creationMode b{font-size:15px}.creationMode small{font-size:11px}.avatarOption div{height:150px}.autoLookCard>div{height:160px}.editorVersionTabs{top:66px}.studioBottomActions{grid-template-columns:1fr 1.4fr}.studioBottomActions #planStudioLook{grid-column:1/-1}}


/* v0.8.1 launcher-first creation flow */
.createIntro{padding:10px 2px 4px}.createIntro .eyebrow{color:var(--wine);font-weight:800;letter-spacing:.12em;font-size:11px}.createIntro h2{font-family:Georgia,serif;font-size:34px;font-weight:500;line-height:1.08;margin:8px 0}.createIntro p{color:var(--muted);margin:0;max-width:650px}.creationLauncher{margin-top:18px}.creationMode{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;padding:18px;text-align:left}.creationMode b{font-size:20px;line-height:1.12}.creationMode small{margin-top:7px;color:var(--muted);line-height:1.35}.modeIllustration{position:absolute;inset:15px 14px auto 14px;height:90px;border-radius:20px;background:linear-gradient(145deg,#f5ece5,#fff);display:block;overflow:hidden}.modeIllustration i{position:absolute;display:block;border-radius:12px;background:#d6c0ad;box-shadow:0 5px 12px rgba(56,39,31,.12)}.freeMode i:nth-child(1){width:42px;height:67px;left:24%;top:12px;transform:rotate(-8deg)}.freeMode i:nth-child(2){width:34px;height:58px;left:47%;top:20px;transform:rotate(5deg);background:#7a1732}.freeMode i:nth-child(3){width:30px;height:25px;right:16%;bottom:10px;background:#5e5c2d}.categoryMode i:nth-child(1){width:31px;height:56px;left:18%;top:18px;background:#a16a84}.categoryMode i:nth-child(2){width:35px;height:67px;left:43%;top:11px;background:#5e5c2d}.categoryMode i:nth-child(3){width:32px;height:32px;right:15%;bottom:12px;background:#fec67c}.suggestedMode i:nth-child(1){width:44px;height:66px;left:17%;top:12px;background:#c49d64}.suggestedMode i:nth-child(2){width:34px;height:68px;left:46%;top:13px;background:#2e3546}.suggestedMode i:nth-child(3){width:32px;height:22px;right:13%;bottom:12px;background:#7a1732}.styleMode{display:grid;place-items:center;font-size:42px;color:#7a1732}.createSecondaryActions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.createSecondaryActions .btn{flex:1;min-width:180px}.createPanel{scroll-margin-top:105px}.avatarModal.open{display:flex!important}.avatarOption{cursor:pointer}.avatarOption.selected::after{content:'✓';position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:50%;background:var(--wine);color:white;display:grid;place-items:center;font-weight:800}.avatarOption{position:relative}.avatarSheet .sheethead{padding:18px 18px 0}.avatarSheet #saveAvatarBtn{margin:0 18px 18px;width:calc(100% - 36px)}
@media(max-width:760px){.creationMode{min-height:190px}.createIntro h2{font-size:31px}.creationLauncher{grid-template-columns:1fr 1fr}.avatarGrid{padding:0 14px}.lookStudioSheet{height:100dvh}}
@media(max-width:420px){.creationLauncher{grid-template-columns:1fr 1fr;gap:10px}.creationMode{min-height:178px;padding:13px}.creationMode b{font-size:17px}.creationMode small{font-size:11px}.modeIllustration{height:76px}.createSecondaryActions{display:grid;grid-template-columns:1fr}.createSecondaryActions .btn{min-width:0}}

/* Siluetia v0.9 — muñeca de papel y análisis guiado */
.releaseRibbon{background:#2d2622;letter-spacing:.13em}
.avatar,.profileAvatar{display:grid;place-items:center;background:linear-gradient(180deg,#fffdfa,#f3e8df);overflow:hidden}
.avatar svg,.profileAvatar svg{width:100%;height:100%;object-fit:contain}
.profileAvatar{border-radius:34px}
.avatar{border-radius:34px}
.avatarOption div{height:220px;background:linear-gradient(180deg,#fffdfa,#f7efe8);border-radius:18px;overflow:hidden}
.avatarOption svg{width:100%;height:100%;object-fit:contain}

.garmentColorCircles{display:grid;grid-template-columns:repeat(6,38px);gap:9px;padding:7px 0 5px}
.garmentColorCircle{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d9cec5;cursor:pointer}
.garmentColorCircle.selected{box-shadow:0 0 0 3px var(--wine),0 5px 14px rgba(73,42,38,.14);transform:scale(1.07)}
.selectedColorLabel{font-size:12px;font-weight:800;color:var(--wine);margin-top:4px}
.metadataHint{display:flex;flex-direction:column;gap:3px;background:#f8f1e9;border-left:4px solid var(--gold);border-radius:14px;padding:12px 14px;margin:4px 0 14px}
.metadataHint b{font-size:13px}.metadataHint span{font-size:12px;color:var(--muted);line-height:1.4}

.analysisUploadGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}
.analysisPhotoBox{display:block;font-weight:800;color:var(--ink)}
.analysisPhotoBox>span{display:block;margin-bottom:7px}
.analysisPhotoPreview{height:255px;border:1.5px dashed #cdbeb2;border-radius:22px;background:#fffaf6;display:grid;place-items:center;overflow:hidden;color:var(--wine)}
.analysisPhotoPreview img{width:100%;height:100%;object-fit:cover}
.analysisPhotoPreview b{font-size:44px;font-weight:300}.analysisPhotoPreview small{display:block;color:var(--muted)}
.analysisEstimate{display:flex;flex-direction:column;gap:5px;background:linear-gradient(135deg,#f8f1e9,#fff);border:1px solid var(--line);border-radius:20px;padding:16px;margin:14px 0}
.analysisEstimate b{font-family:Georgia,serif;font-size:28px;color:var(--wine)}
.analysisEstimate span{font-size:12px;color:var(--muted)}
.confirmRow{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:10px}

.colorTestStage{position:relative;width:min(390px,86vw);aspect-ratio:1;margin:12px auto 24px}
.faceOval{position:absolute;left:24%;top:14%;width:52%;height:69%;border-radius:50% 50% 46% 46%;background:#f4ebe4;overflow:hidden;display:grid;place-items:center;text-align:center;color:var(--muted);transition:.2s;box-shadow:0 16px 34px rgba(58,38,31,.12)}
.faceOval img{width:100%;height:100%;object-fit:cover}
.colorSeed{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px rgba(47,38,34,.15),0 7px 16px rgba(54,37,30,.11)}
.colorReaction{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 16px}
.colorReaction>span{font-weight:800;color:var(--espresso)}
.colorReaction>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.colorReaction button{border:1px solid var(--line);background:#fffdfa;border-radius:999px;padding:9px 12px}
.colorReaction button.selected{background:var(--wine);color:#fff;border-color:var(--wine)}

.facePhotoLarge{width:190px;height:230px;border-radius:50% 50% 45% 45%;margin:10px auto 18px;background:#fff7f1;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}
.facePhotoLarge img,.facePhotoLarge svg{width:100%;height:100%;object-fit:cover}
.faceShapeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}
.faceShapeChoices button{background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:10px;color:var(--ink)}
.faceShapeChoices button svg{width:65px;height:65px;display:block;margin:auto}
.faceShapeChoices button span{font-size:11px;font-weight:800}
.faceShapeChoices button.selected{border-color:var(--wine);box-shadow:0 0 0 2px rgba(122,23,50,.15);background:#fff6f7}
.profileMiniPhoto{width:100%;height:100%;object-fit:cover;border-radius:18px}.profileMiniPhoto.faceCrop{border-radius:50% 50% 45% 45%}

.paperDollCanvas{position:relative;background:radial-gradient(circle at 50% 42%,#fff 0,#fff 43%,#f7f1eb 100%);min-height:68dvh;overflow:hidden}
.paperDollCanvas:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#d9cec5 1px,transparent 1px);background-size:18px 18px;opacity:.22}
.studioPaperDoll{position:absolute;left:34%;top:3%;width:32%;height:91%;z-index:1;pointer-events:none;display:grid;place-items:center;opacity:.92}
.studioPaperDoll svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(55,39,31,.08))}
.studioItem{z-index:3;background:transparent!important;box-shadow:none!important;border:0!important;touch-action:none}
.studioItem img{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 5px 6px rgba(30,20,18,.10))}
.studioItem.selected{outline:2px dashed var(--wine);outline-offset:4px}
.studioRemove{display:none;position:absolute;right:-12px;top:-12px;width:30px;height:30px;border-radius:50%;background:#2d2927;color:#fff;border:2px solid #fff;font-size:20px;line-height:1}
.studioItem.selected .studioRemove{display:grid;place-items:center}
.resizeHandle{width:34px;height:34px;border-radius:50%;background:var(--wine);color:#fff;display:none;place-items:center;position:absolute;right:-14px;bottom:-14px}
.studioItem.selected .resizeHandle{display:grid}
.studioHint{z-index:2;max-width:210px;text-align:center;left:50%;top:8%;transform:translateX(-50%);background:rgba(255,253,249,.92);border-radius:18px;padding:10px 14px}
.studioFloatingTools{display:none!important}
.studioCategoryBar{background:#fffdfa;border-top:1px solid var(--line);padding-top:8px}
.studioCarousel{background:#fffdfa}

@media(max-width:600px){
 .analysisUploadGrid{grid-template-columns:1fr 1fr}.analysisPhotoPreview{height:210px}.garmentColorCircles{grid-template-columns:repeat(6,32px)}.garmentColorCircle{width:32px;height:32px}.colorSeed{width:38px;height:38px}.faceShapeChoices{grid-template-columns:repeat(3,1fr)}.studioPaperDoll{left:30%;width:40%}.paperDollCanvas{min-height:62dvh}
}
