:root{--ink: #14100C;--paper: #FAF8F5;--accent: #E8641E;--accent-dark: #D2540F;--line: #E3DDD5;--muted: #6E6459;--faint: #8B8177}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink)}.st-splash{display:grid;place-items:center;height:100%;color:var(--muted)}.st-app{display:flex;flex-direction:column;height:100%}.st-top{display:flex;align-items:center;gap:18px;padding:0 16px;height:54px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}.st-logo{text-decoration:none;color:var(--ink);font-size:14px;white-space:nowrap}.st-stepsnav{display:flex;gap:4px;flex:1;justify-content:center}.st-stepsnav button{border:0;background:none;padding:8px 14px;font:600 13px Inter;color:var(--faint);cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:7px}.st-stepsnav button i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--line);display:inline-grid;place-items:center;font-size:11px}.st-stepsnav button.on{color:var(--ink)}.st-stepsnav button.on i{background:var(--accent);color:#fff}.st-topright{display:flex;gap:8px}.st-mini{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer;font-size:13px}.st-mini.save{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.st-main{display:flex;flex:1;min-height:0}.st-rail{width:72px;background:var(--ink);display:flex;flex-direction:column;padding-top:8px;flex:0 0 auto}.st-rail button{border:0;background:none;color:#a79c90;padding:12px 4px;cursor:pointer;font:600 10.5px Inter;display:flex;flex-direction:column;gap:4px;align-items:center}.st-rail button .i{font-size:19px}.st-rail button.on{background:var(--accent);color:#fff}.st-side{width:300px;background:#fff;border-right:1px solid var(--line);overflow-y:auto;flex:0 0 auto}.st-canvas{flex:1;display:flex;flex-direction:column;min-width:0}.st-stagewrap{flex:1;min-height:0}.st-panel{padding:16px}.st-panel h2{margin:0 0 10px;font-size:16px;letter-spacing:-.01em}.st-panel h3{margin:16px 0 7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.st-panel h3 em{font-style:normal;color:var(--accent);margin-left:6px}.st-hint{font-size:12px;line-height:1.55;color:var(--faint);margin:6px 0}.st-warn{font-size:12.5px;line-height:1.5;color:#a33;background:#fdf0ee;padding:9px 11px;border-radius:8px}.st-input{width:100%;padding:9px 11px;border:1px solid #C9C1B6;border-radius:8px;font:14px Inter}.st-input:focus{outline:2px solid var(--accent);outline-offset:1px}.st-btn{width:100%;margin-top:10px;padding:11px 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:600 14px Inter;cursor:pointer}.st-btn:hover{background:var(--accent-dark)}.st-btn:disabled{opacity:.5;cursor:default}.st-btn.ghost{background:none;border:1px solid var(--line);color:var(--ink)}.st-btn.next{width:auto;margin:0}.st-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-check{display:flex;gap:7px;align-items:center;font-size:13px;cursor:pointer}.st-check.big{font-size:14px;padding:10px 0}.st-check input{accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:34px;height:30px;border:1px solid var(--line);border-radius:6px;padding:1px;background:#fff}.st-current{display:flex;gap:10px;align-items:center;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.st-current img{width:46px;height:46px;object-fit:cover;border-radius:8px}.st-current b{display:block;font-size:13px}.st-current span{font-size:11.5px;color:var(--faint)}.st-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.st-swatch{aspect-ratio:1;border-radius:6px;border:1px solid #0002;cursor:pointer;font-size:11px}.st-swatch.on{outline:2px solid var(--accent);outline-offset:1px}.st-prodlist{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:44vh;overflow-y:auto}.st-prodcard{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:1px 10px;align-items:center;text-align:left;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.st-prodcard img,.st-prodcard .ph{grid-row:span 2;width:40px;height:40px;object-fit:cover;border-radius:6px;background:var(--paper)}.st-prodcard .t{font:600 12.5px Inter}.st-prodcard .v{font-size:11px;color:var(--faint)}.st-prodcard.on{border-color:var(--accent);background:#fff4ec}.st-cats{display:flex;flex-wrap:wrap;gap:5px}.st-chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:4px 11px;font-size:12px;cursor:pointer}.st-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.st-fonts{display:flex;flex-direction:column;gap:4px;margin-top:8px}.st-font{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font-size:17px;cursor:pointer;text-align:center}.st-font.on{border-color:var(--accent);background:#fff4ec}.st-drop{border:2px dashed #C9C1B6;border-radius:12px;padding:34px 14px;text-align:center;color:var(--muted);font-size:13.5px;cursor:pointer}.st-drop.on{border-color:var(--accent);background:#fff4ec}.st-airesults{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.st-airesult{border:1px solid var(--line);border-radius:10px;background:repeating-conic-gradient(#eee 0,#eee 25%,#fff 0,#fff 50%) 0 0/16px 16px;padding:0;cursor:pointer;overflow:hidden}.st-airesult img{width:100%;display:block}.st-roster{margin-top:8px}.st-rosterhead,.st-rosterrow{display:grid;grid-template-columns:1fr 44px 64px 24px;gap:5px;margin-bottom:5px;align-items:center}.st-rosterhead{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.st-rosterrow input,.st-rosterrow select{padding:6px 7px;border:1px solid var(--line);border-radius:6px;font-size:12.5px;width:100%}.st-rosterrow button{border:0;background:none;color:var(--faint);cursor:pointer;font-size:15px}.st-viewbar{display:flex;gap:7px;align-items:center;padding:8px 14px;background:#fff;border-top:1px solid var(--line)}.st-viewbar>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 15px;font:600 13px Inter;cursor:pointer}.st-viewbar>button.on{border-color:var(--ink);background:var(--ink);color:#fff}.st-viewbar>button.fx.on{border-color:var(--accent);background:var(--accent)}.st-viewbar .sp{flex:1}.st-selbar{display:flex;gap:3px}.st-selbar button{border:1px solid var(--line);background:#fff;border-radius:7px;width:32px;height:32px;cursor:pointer}.st-selbar button.del{color:#b3261e}.st-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--ink);color:#cfc6bb;font-size:12.5px}.st-step2,.st-step3{flex:1;display:flex;gap:28px;padding:28px;overflow-y:auto;max-width:1080px;margin:0 auto;width:100%}.st-step2main,.st-reviewmain{flex:1.4}.st-step2 h2,.st-step3 h2{margin:0 0 6px}.st-sizegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin:16px 0}.st-sizecell{display:flex;flex-direction:column;gap:5px}.st-sizecell .s{font:700 12px Inter}.st-sizecell .s em{font-style:normal;color:var(--accent);font-weight:600}.st-sizecell input{padding:10px;border:1px solid #C9C1B6;border-radius:8px;font-size:15px;text-align:center}.st-tiers{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.st-tier{border:1px solid var(--line);border-radius:9px;padding:9px 6px;text-align:center;font-size:12px;color:var(--faint);display:flex;flex-direction:column;gap:3px}.st-tier b{color:var(--ink);font-variant-numeric:tabular-nums}.st-tier.on{border-color:var(--accent);background:#fff4ec}.st-tier.on b{color:var(--accent)}.st-quote{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;height:fit-content}.st-quote h3{margin:0 0 12px}.st-qline{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);padding:5px 0}.st-qline b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.st-qtotal{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:700;font-size:17px}.st-mock{max-width:100%;border:1px solid var(--line);border-radius:12px;margin:12px 0}.st-reviewmeta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.st-reviewmeta div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px}.st-reviewmeta span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}.st-reviewmeta b{font-size:13.5px}.st-lbl{display:block;margin:12px 0 5px;font:700 12px Inter}.st-toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;z-index:50}.st-toast{background:var(--ink);color:#fff;border-radius:9px;padding:10px 17px;font-size:13.5px;cursor:pointer;box-shadow:0 6px 18px #0003}.st-toast.err{background:#b3261e}.st-toast.ok{background:#1e7a46}@media(max-width:860px){.st-main{flex-direction:column}.st-rail{width:100%;flex-direction:row;order:3;padding:0}.st-rail button{flex:1;padding:9px 2px}.st-side{width:100%;order:2;max-height:38vh;border-right:0;border-top:1px solid var(--line)}.st-canvas{order:1;min-height:46vh}.st-stepsnav button{padding:8px 7px;font-size:11.5px}.st-stepsnav button i{display:none}.st-step2,.st-step3{flex-direction:column;padding:16px}.st-viewbar{flex-wrap:wrap}.st-foot{flex-direction:column;gap:8px;text-align:center}}:root{--accent: #F95721;--accent-dark: #E04A18}.st-top{height:60px;box-shadow:0 1px #eee}.st-logo{font-size:22px;width:44px;height:44px;background:var(--ink);border-radius:10px;display:grid;place-items:center}.st-stepsnav{justify-content:flex-start;gap:26px;margin-left:26px}.st-stepsnav button{letter-spacing:.06em;font-size:12.5px;position:relative;padding:19px 2px;border-radius:0}.st-stepsnav button.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);border-radius:2px 2px 0 0;animation:st-grow .25s ease}@keyframes st-grow{0%{transform:scaleX(.3);opacity:0}to{transform:scaleX(1);opacity:1}}.st-cartlink{text-decoration:none;color:var(--ink);font:600 13.5px Inter}.st-rail{width:88px;background:#2e2e2e;padding-top:0;z-index:3}.st-rail button{color:#bdbdbd;padding:15px 4px;font-size:10px;position:relative;transition:color .15s}.st-rail button .i{font-size:21px}.st-rail button.on{background:var(--accent);color:#fff;border-radius:0 12px 12px 0;margin-right:-10px;box-shadow:0 4px 14px #f9572155;animation:st-pop .18s ease}@keyframes st-pop{0%{transform:translate(-6px);opacity:.6}to{transform:none;opacity:1}}.st-side{width:316px;border-right:0;box-shadow:2px 0 14px #0000000d;z-index:2;animation:st-slidein .22s ease}@keyframes st-slidein{0%{transform:translate(-10px);opacity:0}to{transform:none;opacity:1}}.st-canvas{position:relative;background:#fff}.st-canvasfloat{position:absolute;top:18px;display:flex;flex-direction:column;gap:9px;z-index:5}.st-canvasfloat.left{left:18px}.st-canvasfloat.right{right:18px;align-items:stretch}.st-canvasfloat button{border:1px solid #E4E4E4;background:#fff;border-radius:10px;padding:9px 13px;font:700 11px Inter;letter-spacing:.05em;color:#555;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:transform .12s,box-shadow .12s}.st-canvasfloat button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000018}.st-canvasfloat button.thumb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px}.st-canvasfloat button.thumb img{width:56px;height:56px;object-fit:cover;border-radius:6px}.st-canvasfloat button.thumb.on{border:2px solid var(--accent)}.st-canvasfloat button.thumb.on span{border-bottom:3px solid var(--accent)}.st-canvasfloat button.fx.on{background:var(--accent);color:#fff;border-color:var(--accent)}.st-canvascta{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;z-index:5;animation:st-slidein .3s ease}.st-canvascta button{border:1px solid #E0E0E0;background:#fff;border-radius:22px;padding:11px 22px;font:700 12px Inter;letter-spacing:.05em;color:#444;cursor:pointer;box-shadow:0 3px 10px #00000012;transition:transform .12s,border-color .12s,color .12s}.st-canvascta button:hover{transform:scale(1.03);border-color:var(--accent);color:var(--accent)}.st-caption{position:absolute;bottom:64px;left:0;right:0;text-align:center;font:italic 12px Inter;color:#8b8177;margin:0;pointer-events:none}.st-viewbar{border-top:0;background:transparent;position:absolute;bottom:106px;left:50%;transform:translate(-50%);z-index:5;padding:0}.st-foot{background:#fff;border-top:1px solid #EAEAEA;color:#666;justify-content:flex-end;gap:12px;padding:12px 20px}.st-pill{border:1.5px solid var(--accent);background:#fff;color:var(--accent);border-radius:10px;padding:11px 20px;font:700 12.5px Inter;letter-spacing:.04em;cursor:pointer;transition:background .12s}.st-pill:hover{background:#fff2ec}.st-btn.next{background:var(--accent);font:700 14px Inter;letter-spacing:.05em;padding:13px 30px;border-radius:10px;transition:transform .12s,background .12s}.st-btn.next:hover{transform:translateY(-1px);background:var(--accent-dark)}.st-panel h2{font-size:21px}.st-panel .st-eyebrow{margin:0 0 2px;font:700 10.5px Inter;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}@media(max-width:860px){.st-canvasfloat.right{top:auto;bottom:150px;flex-direction:row;right:8px;left:8px;overflow-x:auto}.st-caption{display:none}}.st-swatch.primary{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.st-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:60;display:grid;place-items:center;animation:st-fade .18s ease}@keyframes st-fade{0%{opacity:0}to{opacity:1}}.st-modalbox{position:relative;background:#fff;border-radius:14px;padding:26px 30px;width:min(440px,92vw);text-align:center;box-shadow:0 18px 50px #0004;animation:st-slidein .2s ease}.st-modalbox h3{margin:0 0 12px;color:var(--accent);letter-spacing:.06em;font-size:15px;text-align:left}.st-modalbox p{font-size:14.5px;line-height:1.6;color:#555}.st-modalx{position:absolute;top:12px;right:14px;border:0;background:#eee;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer}.st-modallink{display:block;margin:14px auto 0;border:0;background:none;color:var(--accent);font:600 13px Inter;cursor:pointer}