:root{--yellow:#e2b866;--gold-soft:#e2b86624;--red:#c4452f;--red-hover:#d65740;--navy:#09090c;--paper:#f1ece3;--sheet:#efe9dc;--sheet-ink:#1b1915;--sheet-muted:#1b1915a8;--sheet-line:#1b191533;--bg:#09090c;--panel:#0e0e12;--card:#131318;--card-2:#1b1b22;--line:#f1ece314;--text:#f1ece3;--muted:#9a958c;--radius:14px;--radius-sm:10px;--ease:cubic-bezier(.2, .8, .2, 1);--font:var(--font-th-sans), var(--font-arabic), var(--font-latin), system-ui, "Segoe UI", Tahoma, sans-serif;--display:var(--font-th-display), var(--font-th-sans), var(--font-arabic), serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=en]{--font:var(--font-th-sans), var(--font-latin), var(--font-arabic), system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.6}body{background:radial-gradient(70% 50% at 60% -10%, #f1ece30d, transparent 70%), var(--bg);background-attachment:fixed}h1,h2,h3{margin:0 0 12px;font-weight:600;line-height:1.3}h1,h2{font-family:var(--display);font-weight:500}h1{font-size:24px}h2{font-size:18px}a{color:var(--yellow);text-decoration:none}p{margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#ff8a8f;font-weight:600}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shell,.public{z-index:1;position:relative}.board{border-radius:var(--radius);border:1px solid var(--line);padding:22px;position:relative;overflow:hidden}.board>*{z-index:1;position:relative}.board-ink{background:linear-gradient(160deg,#141419,#0b0b0e)}.board-ink .topo-texture{z-index:0;fill:none;stroke:#f1ece312;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.board-ink .topo-texture .index{stroke:#e2b8662e;stroke-width:1.4px}.board-paper{background:var(--paper);color:var(--navy);border-color:#0000}.board-paper .muted,.board-paper .cell-label{color:#5f5a52}.board-paper .stat-icon,.board-paper .icon{color:var(--red);background:#09090c14}.board-signal{background:var(--yellow);color:var(--navy);border-color:#0000}.board-signal .muted{color:#09090cb3}.board-signal .icon{color:var(--navy);background:#09090c1f}.board-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131318b8}.cross:before,.cross:after{content:"+";z-index:2;font:300 16px/1 var(--font-latin), sans-serif;color:var(--yellow);opacity:.75;position:absolute}.cross:before{top:8px;inset-inline-start:10px}.cross:after{bottom:8px;inset-inline-end:10px}.board-paper.cross:before,.board-paper.cross:after,.board-signal.cross:before,.board-signal.cross:after{color:var(--red)}.hint-chip{color:inherit;opacity:.9;border:1px solid;border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.hint-chip:hover{opacity:1}.hint-chip svg{width:15px;height:15px}html[dir=rtl] .hint-chip .arrow-ne{transform:scaleX(-1)}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-inline-end:1px solid var(--line);flex-direction:column;gap:28px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0;overflow:hidden}.logo{color:var(--text);align-items:center;gap:10px;padding-inline:8px;display:flex}.logo img{width:34px;height:auto}.logo-text{flex-direction:column;line-height:1.05;display:flex}.logo-ar{font-family:var(--display);font-size:22px;font-weight:500}.logo-en{color:var(--yellow);letter-spacing:.32em;text-transform:uppercase;margin-top:3px;font-size:10px}.side-nav,.side-bottom{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.side-bottom{margin-top:auto}.side-link{border-radius:var(--radius-sm);color:var(--muted);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:10px 14px;transition:color .2s,background .2s;display:flex;position:relative}.side-link svg{width:20px;height:20px}.side-link:hover{color:var(--text);background:#f1ece308}.side-link.active{color:var(--text);background:linear-gradient(90deg,#e2b8661a,#0000 80%)}html[dir=rtl] .side-link.active{background:linear-gradient(270deg,#e2b8661a,#0000 80%)}.side-link.active:before{content:"";inset-inline-start:0;background:var(--yellow);border-radius:2px;width:2px;position:absolute;top:9px;bottom:9px}.side-link.active svg{color:var(--yellow)}.side-orbit{z-index:0;inset-inline:10px;pointer-events:none;width:calc(100% - 20px);height:auto;position:absolute;top:52%;overflow:visible}.side-orbit-ring{fill:none;stroke:#f1ece324;stroke-width:1px;stroke-dasharray:2 5}.side-orbit-light{fill:var(--yellow);filter:drop-shadow(0 0 5px var(--yellow))}.side-star{fill:var(--text);opacity:.5;animation:4s ease-in-out infinite side-twinkle;animation-delay:var(--d)}@keyframes side-twinkle{50%{opacity:.1}}@media (prefers-reduced-motion:reduce){.side-star{animation:none}.side-orbit-light{display:none}}.content{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1380px;margin-inline:auto;padding:22px 32px 8px;display:flex}.who{font-weight:600}.page{width:100%;max-width:1380px;margin-inline:auto;padding:16px 32px 56px}.impact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.impact-hero{flex-direction:column;grid-column:span 2;gap:10px;min-height:190px;display:flex}.impact-hero .icon,.impact-small .icon{background:var(--card-2);width:40px;height:40px;color:var(--yellow);border-radius:12px;place-items:center;display:grid}.board-paper.impact-hero .icon{color:var(--red);background:#09090c14}.impact-big{font-size:40px;font-weight:600;line-height:1.1}.impact-hero .hint-chip{background:0 0;align-self:flex-start}.impact-small{flex-direction:column;gap:8px;display:flex}.impact-value{font-size:26px;font-weight:600}@media (max-width:1000px){.impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.impact-grid{grid-template-columns:minmax(0,1fr)}.impact-hero{grid-column:auto}}.public{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:28px 0 16px;padding-bottom:10px;display:flex;position:relative}.section-title:after{content:none;bottom:-10px;color:var(--yellow);font:300 16px/1 var(--font-latin), sans-serif;position:absolute;inset-inline-start:-5px}.section-title h2{margin:0}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat{flex-direction:column;gap:10px;display:flex}.stat .icon{background:var(--card-2);width:40px;height:40px;color:var(--yellow);border-radius:12px;place-items:center;display:grid}.stat .value{font-size:34px;font-weight:600;line-height:1}.overview{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.product-card{border-radius:var(--radius);min-height:210px;color:var(--paper);background:radial-gradient(circle at 15% 15%,#e2b866bf,#0000 45%),radial-gradient(circle at 85% 80%,#c4452fe6,#0000 55%),linear-gradient(135deg,#1c1b20,#131318);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #c4452f8c}.product-card:after{content:"";background:linear-gradient(#0000 40%,#09090c8c);position:absolute;inset:0}.product-card>*{z-index:1;position:relative}.product-card .mark{opacity:.95;width:44px}.product-card .label{opacity:.85;font-size:13px}.product-card .big{font-size:30px;font-weight:600;line-height:1.15}.ring{place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0}.ring-label{flex-direction:column;align-items:center;line-height:1.2;display:flex}.ring-label strong{font-size:24px}.ring-label span{color:var(--muted);font-size:13px}.list{flex-direction:column;gap:6px;display:flex}.list-row{color:var(--text);border-radius:18px;grid-template-columns:52px 1.6fr 1fr 1fr 1.2fr auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.list-row:hover{background:var(--card-2)}.list-row .avatar{background:var(--card-2);width:44px;height:44px;color:var(--yellow);border-radius:50%;place-items:center;display:grid}.list-row:hover .avatar{background:var(--card)}.cell-label{color:var(--muted);font-size:12px}.cell-value{font-weight:500}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill.you,.pill.confirm{color:var(--yellow);background:#e2b86624}.pill.draft{color:var(--paper);background:#f1ece314;border:1px dashed #f1ece34d}.link-btn{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:13px;text-decoration:underline}.link-btn:hover{color:#ff8a8f}.pill.factories{color:#ff8a8f;background:#c4452f2e}.pill.done{color:var(--muted);background:#f1ece314}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:11px 14px}input::placeholder,textarea::placeholder{color:#6f6b64}input:focus,select:focus,textarea:focus{border-color:#0000;outline:2px solid #e2b8668c}textarea{resize:vertical;min-height:96px}label{margin-bottom:6px;font-weight:500;display:block}.hint{color:var(--muted);margin-top:6px;font-size:13px}.field-error{color:#ff8a8f;margin-top:6px;font-size:13px}button{font:inherit;cursor:pointer;border:0}.btn{background:var(--yellow);color:var(--navy);outline-offset:-5px;transition:background .2s, transform .2s var(--ease);border-radius:4px;outline:1px dashed #09090c59;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:700;display:inline-flex}.btn:hover{color:var(--navy);background:#ecc97f;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:14px}.btn-ghost{color:var(--text);background:0 0;border:1px solid #f1ece338;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-ghost:hover{border-color:var(--yellow);color:var(--yellow)}.btn-outline{border:1px solid var(--yellow);color:var(--yellow);background:0 0;border-radius:4px;padding:6px 16px;font-size:13px}.btn-outline:hover{background:var(--yellow);color:var(--navy)}.btn:disabled,.btn-ghost:disabled{opacity:.45;cursor:default}.choices{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.choice{text-align:start;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:16px;font-weight:500;display:flex}.choice .avatar{background:var(--card-2);width:38px;height:38px;color:var(--yellow);border-radius:50%;flex:none;place-items:center;display:grid}.choice:hover{background:var(--card-2);border-color:#e2b86699}.order-grid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.side-panel{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:center;gap:12px;padding:8px 4px;display:flex}.steps .dot{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.steps li.done{color:var(--text)}.steps li.done .dot{color:var(--yellow);background:#e2b86626;border-color:#0000}.steps li.current{color:var(--text);font-weight:600}.steps li.current .dot{background:var(--yellow);color:var(--navy);border-color:#0000}.chat{flex-direction:column;gap:10px;max-height:56vh;margin-bottom:14px;padding-inline-end:4px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:18px;max-width:85%;padding:11px 15px}.bubble.orion{background:var(--card-2);border-end-start-radius:6px;align-self:flex-start}.bubble.customer{background:var(--yellow);color:var(--navy);border-end-end-radius:6px;align-self:flex-end}.thinking{color:var(--muted);font-style:italic}.composer{align-items:flex-end;gap:10px;display:flex}.composer textarea{flex:1;min-height:52px}.sizes{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.sizes .head{color:var(--muted);font-size:13px}.icon-btn{background:var(--card-2);width:40px;height:40px;color:var(--muted);border-radius:50%}.icon-btn:hover{color:#ff8a8f}.receipt{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;direction:ltr;margin:0;padding:18px;font-size:14px}.tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tab{text-align:start;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tab:hover{color:var(--text)}.tab.active{background:var(--card-2);color:var(--text);border-color:#e2b86673}.tab.has-error{border-color:#ff8a8f99}.tab-icon{background:var(--card-2);width:40px;height:40px;color:var(--yellow);border-radius:12px;flex:none;place-items:center;display:grid}.tab.active .tab-icon{background:var(--yellow);color:var(--navy)}.tab-text{flex-direction:column;line-height:1.3;display:flex}.section-head{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:6px;display:flex}.section-head>.row{padding-top:10px}.section-icon{width:44px;height:44px;color:var(--yellow);background:#e2b86624;border-radius:50%;place-items:center;display:grid}.qgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qcard{background:var(--bg);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.qcard.wide{grid-column:1/-1}.qcard.has-error{border-color:#ff8a8f99}.qhead{align-items:flex-start;gap:12px;display:flex}.qhead label{margin:0;padding-top:6px}.qicon{background:var(--card-2);width:36px;height:36px;color:var(--yellow);border-radius:50%;flex:none;place-items:center;display:grid}.qicon svg{width:18px;height:18px}.qcard input{background:var(--card)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;display:inline-flex}.chip:hover{border-color:#e2b86699}.chip.selected{background:var(--yellow);color:var(--navy);border-color:var(--yellow);font-weight:600}.chip-other{color:var(--muted);border-style:dashed}.chip-other.selected{border-style:solid}.ask{flex-direction:column;flex:280px;align-items:flex-end;gap:10px;padding-top:10px;display:flex;position:relative}.ask-btn{color:var(--yellow);background:#e2b8661a;border:1px solid #e2b86659;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.ask-btn:hover,.ask-btn.open{background:var(--yellow);color:var(--navy)}.ask-panel{background:var(--bg);border:1px solid #e2b86640;border-radius:18px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex}.ask-panel .chip{align-self:flex-start}.btn-icon{flex:none;width:44px;height:44px;padding:0}.form-section{flex-direction:column;gap:12px;scroll-margin-top:16px;display:flex}.form-boards{gap:18px}.section-board{border-top-style:solid;border-top-width:4px;padding:22px}.section-board .section-head{border-top:0;padding-top:0}.section-board .section-head>.row{padding-top:0}.section-design{border-top-color:var(--yellow);background:linear-gradient(165deg,#17171c,#0c0c10)}.section-quantity{border-top-color:var(--red);background:linear-gradient(165deg,#21130f,#0e0d10 70%)}.section-quantity .section-icon{color:#ff8a8f;background:#c4452f33}.section-quality{border-top-color:var(--paper);background:linear-gradient(165deg,#15161a,#0b0b0e)}.section-quality .section-icon{color:var(--paper);background:#f1ece31a}.section-board .topo-texture{z-index:0;fill:none;stroke:#f1ece30b;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.section-board .topo-texture .index{stroke:#e2b8661a}.section-quality .topo-texture .index{stroke:#f1ece31a}.section-board .qcard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090cb8}.form-nav{padding:4px 2px}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--card-2);color:var(--yellow);font-weight:600}.zones{flex-direction:column;gap:14px;display:flex}.zones .zone{fill:#f1ece30a;stroke:#f1ece359;stroke-width:1.5px;cursor:pointer;transition:filter .15s}.zones .zone.stroke{fill:none;stroke-width:12px;stroke-linecap:round}.zones .zone:hover{filter:brightness(1.15)}.zones .zone.on{stroke:var(--yellow);stroke-width:3px;stroke-dasharray:7 4}.zones .zone.stroke.on{stroke-dasharray:none}.zones .zone:focus-visible{stroke:var(--yellow);stroke-width:3px;outline:none}.zone-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zone-list li{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:4px;display:flex}.zone-list li.on{border-color:#e2b866b3}.zone-pick{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.zone-chip{border:1px solid #f1ece359;border-radius:50%;flex:none;width:22px;height:22px}.zone-palette{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zone-swatch{cursor:pointer;border:2px solid #f1ece340;border-radius:50%;width:30px;height:30px;padding:0}.zone-swatch.on{border-color:var(--yellow);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--yellow)}.zone-swatch:disabled,.zone-hex:disabled{opacity:.4;cursor:default}.zone-custom input{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.zone-hex{width:110px;padding:8px 10px}.zone-summary{flex-wrap:wrap;gap:6px 14px;display:flex}.zone-summary-item{align-items:center;gap:6px;display:inline-flex}.formula{grid-template-columns:minmax(180px,240px) 1fr;align-items:start;gap:20px;display:grid}@media (max-width:720px){.formula{grid-template-columns:1fr}}.formula-bottle{background:radial-gradient(circle at 50% 40%, #1f1f26, var(--card));border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:sticky;top:12px}.formula-bottle svg{width:100%;max-width:230px;height:auto}.formula-level{flex-direction:column;align-items:center;gap:2px;display:flex}.bottle-cap{fill:#2c2c36;stroke:#f1ece359;stroke-width:2px}.bottle-neck{fill:#f1ece31f;stroke:#f1ece359;stroke-width:2px}.bottle-empty{fill:#f1ece30a}.bottle-glass{fill:none;stroke:#f1ece38c;stroke-width:3px}.bottle-layer{opacity:.92;transition:transform .7s cubic-bezier(.3,.8,.3,1)}.bottle-base{fill:#e2e8f059}.bottle-wick{stroke:#f1ece3cc;stroke-width:3px;stroke-linecap:round;transition:all .7s}.bottle-tick{stroke:#f1ece373;stroke-width:1.5px}.bottle-tick-label{fill:#f1ece399;font-size:10px}.formula-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.formula-row>input:first-child{flex:140px;min-width:0}.formula-amount{width:96px}.formula-custom{flex-direction:column;gap:4px;max-width:180px;margin-top:8px;display:flex}.formula-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.formula-list li{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.formula-list li .icon-btn{margin-inline-start:auto}.formula-quality{flex:100%;align-items:center;gap:6px}.formula-quality-other{flex:110px;min-width:0;padding:4px 10px;font-size:.85em}.formula-dot{border:1px solid #f1ece359;border-radius:50%;flex:none;width:16px;height:16px}.formula-dot.base{background:#e2e8f059}.formula-base{cursor:pointer;align-items:center;gap:8px;display:flex}.chip-small{padding:4px 10px;font-size:.85em}@media (prefers-reduced-motion:reduce){.bottle-layer{transition:none}}.placement{flex-direction:column;gap:12px;display:flex}.mockup-wrap{background:radial-gradient(circle at 50% 40%, #1f1f26, var(--card));border-radius:18px;justify-content:center;padding:12px;display:flex}.mockup{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:420px;height:auto}.garment{fill:#24242c;stroke:#f1ece359;stroke-width:2px;stroke-linejoin:round}.garment-detail{fill:none;stroke:#f1ece338;stroke-width:2px;stroke-linecap:round}.placed rect:first-of-type{cursor:grab;outline:none}.placed.logo rect:first-of-type{fill:#e2b86638;stroke:var(--yellow);stroke-width:2px;stroke-dasharray:6 4}.placed.color rect:first-of-type{fill:#0000;stroke:#f1ece3b3;stroke-width:1.5px;stroke-dasharray:6 4}.patch-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;width:44px;height:38px;padding:0}.patch-color.sm{border-radius:50%;width:30px;height:30px}.placed.label rect:first-of-type{fill:#c4452f80;stroke:#ff8a8f;stroke-width:1.5px}.placed.active rect:first-of-type{stroke-dasharray:none;stroke-width:3px}.placed rect:first-of-type:focus-visible{stroke-width:4px}.placed-text{fill:var(--paper);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:12px;font-weight:600}.placed-size{fill:var(--yellow);text-anchor:middle;pointer-events:none;font-size:11px}.handle{fill:var(--yellow);stroke:var(--navy);stroke-width:2px;cursor:nwse-resize}.placed-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.placed-list li{cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.placed-list li.active,.placed-list li:hover{background:var(--card-2)}.cm-inputs{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.cm-inputs input{text-align:center;width:72px;padding:6px 8px}.upload{flex-direction:column;gap:10px;display:flex}.dropzone{text-align:center;cursor:pointer;background:#e2b8660a;border:2px dashed #e2b86659;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;display:flex}.dropzone:hover,.dropzone.over,.dropzone:focus-visible{border-color:var(--yellow);background:#e2b8661a;outline:none}.dropzone-icon{background:var(--yellow);width:40px;height:40px;color:var(--navy);border-radius:50%;place-items:center;display:grid}.file-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.file-list li{background:var(--card);border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.file-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.thumb{object-fit:contain;background:repeating-conic-gradient(#24242c 0 25%, #1d1d24 0 50%) 0 0 / 12px 12px;border-radius:10px;flex:none;width:52px;height:52px}.thumb-doc{color:var(--yellow);align-content:center;place-items:center;gap:2px;font-size:10px;font-weight:700;display:grid}.thumb-doc svg{width:20px;height:20px}.placed-logo{pointer-events:none}.brand-kit{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:760px){.brand-kit{grid-template-columns:1fr}}.swatch{border:1px solid #f1ece359;border-radius:50%;flex:none;width:18px;height:18px}.color-chip{align-items:center;gap:8px;display:inline-flex}.color-chip .hex{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.color-chip.selected .hex{color:var(--navy)}.color-chip.selected .swatch{border:2px solid var(--navy)}.color-chip .icon-btn{width:24px;height:24px;margin-inline-start:2px;font-size:14px}.color-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-add input[type=color]{cursor:pointer;border-radius:12px;flex:none;width:44px;height:44px;padding:3px}.color-add .hex-input{flex:none;width:110px}.color-add input:not([type=color]):not(.hex-input){flex:1;width:auto;min-width:140px}.brand-suggest{background:#e2b8660f;border:1px dashed #e2b86673;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.brand-suggest-title{color:var(--yellow);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.brand-nudge{margin:0}.brand-nudge a{color:var(--yellow)}.size-hint{color:var(--yellow);background:#e2b86614;border:1px solid #e2b86640;border-radius:12px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.size-hint strong{color:var(--paper)}.size-hint .chip{margin-inline-start:auto;padding:5px 14px}.chip .cost{color:var(--yellow);opacity:.9;letter-spacing:1px;font-size:12px;font-weight:700}.chip.selected .cost{color:var(--red)}.cost-note{color:var(--yellow);opacity:.8}.receipt-view{gap:16px}.receipt-hero{min-height:190px}.receipt-total{font-size:15px}.receipt-total strong{margin-inline-end:6px;font-size:34px}.receipt-note{color:var(--muted);align-items:flex-start;gap:10px;margin:0;display:flex}.receipt-note svg{color:var(--yellow);flex:none;margin-top:2px}.receipt-h{align-items:center;gap:12px;margin:0 0 14px;font-size:17px;display:flex}.receipt-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.receipt-rows li{border:1px solid var(--line);background:#09090c99;border-radius:16px;align-items:flex-start;gap:12px;min-width:0;padding:12px 14px;display:flex}.receipt-rows li.wide{grid-column:1/-1}.row-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-label{color:var(--muted);font-size:13px}.row-value{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.swatch{border:2px solid #f1ece359;border-radius:50%;width:16px;height:16px;display:inline-block}.size-bars{flex-direction:column;gap:8px;display:flex}.size-bar{grid-template-columns:48px 1fr 56px;align-items:center;gap:12px;display:grid}.size-name{font-weight:700}.size-qty{text-align:end;font-weight:600}.bar{background:#f1ece312;border-radius:999px;height:10px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--red), var(--yellow));border-radius:999px;height:100%;display:block}.mockup-previews{flex-wrap:wrap;gap:12px;margin:6px 0;display:flex}.mockup-previews figure{text-align:center;background:#24242c66;border-radius:14px;flex:160px;max-width:220px;margin:0;padding:8px}.mockup-previews figcaption{color:var(--muted);font-size:12px}.mockup.mini{pointer-events:none}.gap-list{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;font-weight:500;display:flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.receipt-rows{grid-template-columns:minmax(0,1fr)}}.flip-back,html[dir=rtl] .flip-forward{transform:scaleX(-1)}html[dir=rtl] .flip-back{transform:none}.home{z-index:1;min-height:100vh;position:relative}.home-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#09090cb8;flex-wrap:wrap;align-items:center;gap:20px;padding:14px max(20px,50% - 620px);display:flex;position:sticky;top:0}.home-nav{flex:1;gap:22px;margin-inline-start:12px;display:flex}.home-nav a{color:var(--muted)}.home-nav a:hover{color:var(--text)}.hero-section{text-align:center;place-items:center;padding:90px 20px 70px;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:center;gap:18px;max-width:820px;display:flex}.hero-mark{filter:drop-shadow(0 12px 30px #e2b86659);width:96px}.hero-title{margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1.15}.hero-sub{color:var(--muted);max-width:640px;margin:0;font-size:clamp(16px,2vw,20px)}.home-main{flex-direction:column;gap:26px;max-width:1240px;margin:0 auto;padding:0 20px 60px;display:flex}.home-section{flex-direction:column;gap:16px;scroll-margin-top:90px;display:flex}.home-section h3{margin:0 0 8px;font-size:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.steps-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step-num{background:var(--yellow);width:38px;height:38px;color:var(--navy);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:700;display:grid}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.market-card{text-align:start;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.market-card strong{flex:1}.market-card:hover,.market-card.active{background:var(--card-2);border-color:#e2b86699}.market-icon{width:44px;height:44px;color:var(--yellow);background:#e2b8661f;border-radius:12px;flex:none;place-items:center;margin-bottom:0;display:grid}.board .market-icon{margin-bottom:12px}.market-panel{flex-direction:column;gap:8px;display:flex}.promise-list{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.promise-list li{align-items:center;gap:10px;display:flex}.promise-list svg{color:var(--yellow);flex:none}.faq{flex-direction:column;gap:10px;display:flex}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--yellow);font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.cta-band{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px;display:flex}.home-footer{border-top:1px solid var(--line);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px max(20px,50% - 620px);display:flex;position:relative}.drawer-backdrop{z-index:50;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);border-inline-start:1px solid var(--line);flex-direction:column;gap:14px;width:min(520px,100%);height:100%;padding:24px;display:flex;overflow-y:auto}@media (max-width:1000px){.home-nav{display:none}.grid-3,.grid-4,.steps-row,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.grid-2,.grid-3,.grid-4,.steps-row,.market-grid{grid-template-columns:minmax(0,1fr)}.hero-section{padding:56px 16px 40px}.home-header .hide-sm{display:none}}.auth-page{background:radial-gradient(60% 50% at 50% 0%, #e2b86617, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:84px 24px 40px;display:grid;position:relative;overflow:hidden}.auth-page .ln-stars{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-page .ln-stars circle{fill:var(--text);opacity:.45}.auth-page .ln-stars .tw{animation:4s ease-in-out infinite side-twinkle;animation-delay:var(--d)}.auth-top{top:0;z-index:2;justify-content:space-between;align-items:center;padding:22px max(20px,4vw);display:flex;position:absolute;inset-inline:0}.auth-back,.auth-lang{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 4px;font-size:14px;transition:color .2s;display:inline-flex}.auth-back:hover,.auth-lang:hover{color:var(--yellow)}.auth-back-arrow{transition:transform .25s var(--ease)}html[dir=rtl] .auth-back-arrow{transform:none}html[dir=ltr] .auth-back-arrow{transform:scaleX(-1)}.auth-back:hover .auth-back-arrow{translate:3px}html[dir=ltr] .auth-back:hover .auth-back-arrow{translate:-3px}.auth{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr 1.1fr;width:min(940px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000c}.auth-brand{background:linear-gradient(160deg,#17171d,#0c0c10);border-inline-end:1px dashed #f1ece329;flex-direction:column;justify-content:flex-end;min-height:520px;padding:44px 40px;display:flex;position:relative;overflow:hidden}.auth-orbit{inset-inline:-20%;pointer-events:none;width:140%;height:auto;position:absolute;top:-8%}.auth-orbit circle{fill:none;stroke:#f1ece321;stroke-width:1px;stroke-dasharray:2 6}.auth-orbit .auth-planet{fill:var(--yellow);stroke:none;filter:drop-shadow(0 0 6px #e2b866cc)}.auth-orbit .auth-planet.dim{fill:var(--text);opacity:.6;filter:none}.auth-brand-text{z-index:1;position:relative}.auth-brand .mark-big{width:56px;margin-bottom:18px}.auth-brand h1{margin-bottom:8px;font-size:40px}.auth-brand p{max-width:320px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.auth-form{flex-direction:column;justify-content:center;gap:18px;min-width:0;padding:56px 44px;display:flex}.auth-form h2{margin:0;font-size:26px}.auth-step{font:400 12px/1 var(--font-latin), monospace;letter-spacing:.24em;color:var(--yellow);margin:0}.auth-code{letter-spacing:.5em;text-align:center;padding-block:14px;font-size:24px}.auth-submit{justify-content:center;width:100%}@media (prefers-reduced-motion:reduce){.auth-page .ln-stars .tw{animation:none}.auth-orbit animateTransform{display:none}}.divider{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}@media (max-width:1000px){.order-grid,.overview{grid-template-columns:1fr}.side-panel{position:static}.list-row{grid-template-columns:44px 1fr auto auto}.list-row .hide-sm{display:none}}@media (max-width:760px){.qgrid{grid-template-columns:minmax(0,1fr)}.tab-text .small{display:none}.shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;height:auto;padding:12px 14px;position:static}.side-nav,.side-bottom{flex-direction:row;margin:0}.side-bottom{margin-inline-start:auto}.side-link span,.logo-text,.side-orbit{display:none}.side-link{width:auto;padding:10px}.topbar,.page{padding-inline:16px}.auth{grid-template-columns:minmax(0,1fr)}.auth-page{padding:72px 14px 28px}.auth-brand{border-inline-end:0;border-bottom:1px dashed #f1ece329;min-height:190px;padding:24px}.auth-brand h1{font-size:30px}.auth-form{padding:28px 22px}.public{padding:12px}}.describe{min-height:140px;font-size:15px;line-height:1.7}.mockup-panel{background:#e2b8660d;border:1px dashed #e2b86673;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.mockup-btn{align-self:flex-start}.mockup-frame{border:1px solid var(--line);background:#ececec;border-radius:14px;margin:0;overflow:hidden}.mockup-frame img{width:100%;height:auto;display:block}.mockup-frame figcaption{background:var(--card);color:var(--muted);gap:10px;padding:10px 12px}.mockup-loading{aspect-ratio:1;max-height:320px;color:var(--yellow);background:linear-gradient(110deg, var(--card) 30%, #e2b8661f 50%, var(--card) 70%) 0 0 / 300% 100%;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:1.6s linear infinite mockup-shimmer;display:flex}.mockup-loading svg{width:36px;height:36px}.mockup-bar{background:#e2b8662e;border-radius:6px;width:min(260px,80%);height:6px;overflow:hidden}.mockup-bar span{background:var(--yellow);transform-origin:0;border-radius:6px;width:92%;height:100%;animation:55s cubic-bezier(.1,.7,.3,1) both mockup-fill;display:block}html[dir=rtl] .mockup-bar span{transform-origin:100%}@keyframes mockup-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mockup-loading .small{color:var(--muted);text-align:center}.mockup-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090cd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mockup-overlay-card{text-align:center;background:var(--card);border:1px solid var(--line);max-width:360px;color:var(--yellow);border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:32px 28px;display:flex}.mockup-overlay-card svg{width:40px;height:40px;animation:1.6s ease-in-out infinite mockup-pulse}.mockup-overlay-card strong{color:var(--text);font-weight:600}.mockup-overlay-card .mockup-bar{width:100%}@keyframes mockup-pulse{50%{opacity:.6;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.mockup-overlay-card svg{animation:none}}@keyframes mockup-shimmer{to{background-position:-300% 0}}@media (prefers-reduced-motion:reduce){.mockup-loading,.mockup-bar span{animation:none}}.mockup-placeholder{aspect-ratio:1;background:var(--card);display:block}.mockup-thumbs{flex-wrap:wrap;gap:8px;display:flex}.mockup-thumbs button{background:var(--card);border:2px solid #0000;border-radius:10px;width:64px;height:64px;padding:0;overflow:hidden}.mockup-thumbs button.on{border-color:var(--yellow)}.mockup-thumbs img,.mockup-thumbs .mockup-placeholder{object-fit:cover;width:100%;height:100%}.qinfo{width:32px;height:32px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;display:grid}.qinfo:hover,.qinfo:focus-visible,.qinfo.on{color:var(--yellow);border-color:#e2b86680;outline:none}.size-chart{background:var(--card);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.size-chart table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.size-chart th,.size-chart td{text-align:center;border-bottom:1px solid var(--line);padding:6px 10px;font-size:14px}.size-chart thead th{color:var(--muted);font-weight:600}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.guide-item h2{margin:0 0 6px;font-size:17px}.guide-item p{margin:0}.guide-figure{margin:-22px -22px 14px}.guide-photo{aspect-ratio:4/3;object-fit:cover;background:#ecebe8;width:100%;display:block}.picture-tray{background:var(--card);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.picture-tray-head{flex-direction:column;gap:2px;display:flex}.picture-list{flex-wrap:wrap;gap:10px;display:flex}.picture{border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.picture.on{border-color:var(--yellow);background:#e2b86614}.picture-thumb{background:repeating-conic-gradient(#24242c 0 25%, #1d1d24 0 50%) 0 0 / 12px 12px;border:0;border-radius:10px;flex:none;width:56px;height:56px;padding:0;overflow:hidden}.picture-thumb img{object-fit:contain;width:100%;height:100%}.picture-thumb .thumb-doc{width:100%;height:100%}.picture-actions{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.picture-actions .chip{padding:4px 10px;font-size:13px}.picture-add{min-width:110px;color:var(--text);background:0 0;border:1px dashed #e2b86680;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.picture-add:hover:not(:disabled){background:#e2b86614}.placed-thumb{object-fit:contain;background:var(--card-2);border-radius:6px;flex:none;width:32px;height:32px}