:root{--bg: #0a0b0d;--panel: #131519;--panel-2: #1b1e23;--line: #2a2e35;--line-2: #383d46;--txt: #eef1f4;--txt-dim: #9aa1ac;--txt-mut: #6b7280;--accent: #ffffff;--accent-soft: #d7dbe0;--good: #36c98a;--radius: 12px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--txt);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-columns:1fr;height:100vh;width:100vw;background:#0a0b0d}#stage{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 60% 35%,#21252b,#131619 45%,#08090b)}#view{width:100%;height:100%;display:block;cursor:grab}#view:active{cursor:grabbing}#topbar{position:absolute;top:22px;left:26px;display:flex;align-items:center;gap:14px;pointer-events:none}.brandlogo{height:40px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.brandtxt{display:flex;flex-direction:column;line-height:1.15}.brandtxt strong{font-size:15px;letter-spacing:3px;font-weight:800}.brandtxt span{font-size:11px;letter-spacing:1.5px;color:var(--txt-dim)}#viewctrls{position:absolute;left:26px;bottom:24px;display:flex;gap:10px}.vc{width:44px;height:44px;border-radius:50%;background:#14171bb8;backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--txt);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:.15s ease}.vc:hover{border-color:var(--line-2);background:#21262cd9;transform:translateY(-1px)}.vc.is-on{background:#fff;color:#111;border-color:#fff}#hint{position:absolute;right:24px;bottom:26px;font-size:11px;letter-spacing:.6px;color:var(--txt-mut);pointer-events:none}#loader{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#15181c,#06070a 85%);z-index:20;transition:opacity .5s ease}#loader.is-hidden{opacity:0;pointer-events:none}.loader__inner{text-align:center;width:min(340px,72vw)}.loader__logo{width:100%;height:auto;margin-bottom:22px;filter:drop-shadow(0 6px 22px rgba(0,0,0,.6));animation:logoPulse 1.8s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.78;transform:scale(.992)}50%{opacity:1;transform:scale(1)}}.loader__track{height:4px;background:#20242b;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}#loaderbar{height:100%;width:2%;background:linear-gradient(90deg,#6b7280,#c7ccd1,#fff);border-radius:4px;transition:width .25s ease;box-shadow:0 0 12px #ffffff59}.loader__txt{font-size:12px;letter-spacing:1px;color:var(--txt-dim);margin-top:14px}.loader__txt span{color:#fff;font-weight:700}#toploader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60;transition:opacity .4s ease}#toploader.is-hidden{opacity:0;pointer-events:none}#toploader-fill{height:100%;width:2%;position:relative;overflow:hidden;background:linear-gradient(90deg,#6b7280,#c7ccd1,#fff);box-shadow:0 0 10px #ffffff8c,0 0 4px #fff9;transition:width .25s ease}#toploader-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-100%);animation:shimmer 1.15s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}#panel{background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:24px 22px 28px;display:flex;flex-direction:column;gap:18px}#panel::-webkit-scrollbar{width:9px}#panel::-webkit-scrollbar-thumb{background:#2c3138;border-radius:8px}.panel__head h2{font-size:20px;font-weight:800;letter-spacing:.5px}.panel__head p{font-size:12px;color:var(--txt-dim);margin-top:3px}.parttabs{display:flex;flex-direction:column;gap:6px}.parttab{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:11px 13px;cursor:pointer;color:var(--txt);text-align:left;transition:.15s ease}.parttab:hover{border-color:var(--line-2)}.parttab.is-active{border-color:#fff;background:#20242a}.parttab__ico{font-size:16px;color:var(--txt-dim);text-align:center}.parttab.is-active .parttab__ico{color:#fff}.parttab__lbl{font-size:14px;font-weight:700}.parttab__val{font-size:11px;color:var(--txt-dim);justify-self:end;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.editor__head{display:flex;flex-direction:column;gap:2px}.editor__head h3{font-size:16px;font-weight:800;letter-spacing:.4px}.editor__head span{font-size:11px;color:var(--txt-dim)}.lbl{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--txt-dim);margin:2px 0}.note{font-size:11px;color:var(--txt-mut);line-height:1.5}.accordion{display:flex;flex-direction:column;gap:8px}.acc{border:1px solid var(--line);border-radius:11px;background:var(--panel-2);overflow:hidden}.acc.is-open{border-color:var(--line-2)}.acc__head{display:grid;grid-template-columns:24px 1fr auto 28px;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:var(--txt);padding:14px 13px;cursor:pointer;text-align:left;transition:.12s ease}.acc__head:hover{background:#ffffff09}.acc__ico{font-size:15px;color:var(--txt-dim);text-align:center}.acc.is-open .acc__ico{color:#fff}.acc__lbl{font-size:14px;font-weight:700}.acc__val{font-size:11px;color:var(--txt-dim);justify-self:end;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc.is-open .acc__val{display:none}.acc__chev{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0f1115;border:1px solid var(--line);color:var(--txt-dim);font-size:14px;line-height:1;transition:.14s ease}.acc__head:hover .acc__chev{border-color:var(--line-2);color:var(--txt)}.acc.is-open .acc__chev{background:#fff;border-color:#fff;color:#111}.acc__body{display:flex;flex-direction:column;gap:12px;padding:6px 13px 16px}.panel__headrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.modeswitch{display:inline-flex;background:#0f1115;border:1px solid var(--line);border-radius:9px;padding:3px;gap:3px;flex:0 0 auto}.modeswitch__btn{border:none;background:transparent;color:var(--txt-dim);font-size:12px;font-weight:800;padding:7px 12px;border-radius:6px;cursor:pointer;transition:.14s ease}.modeswitch__btn:hover{color:var(--txt)}.modeswitch__btn.is-active{background:#fff;color:#111}.basic{display:flex;flex-direction:column;gap:14px}.basic__top{display:flex;align-items:center;gap:12px}.pbar{flex:1;height:6px;background:#20242b;border-radius:6px;overflow:hidden}.pbar span{display:block;height:100%;background:linear-gradient(90deg,#8a9099,#fff);border-radius:6px;transition:width .3s ease}.pinfo{font-size:11px;color:var(--txt-dim);white-space:nowrap;font-weight:700}.basic__dots{display:flex;gap:6px}.pdot{width:8px;height:8px;border-radius:50%;background:#2c3138;transition:.2s ease}.pdot.is-done{background:var(--txt-dim)}.pdot.is-on{background:#fff;transform:scale(1.3)}.basic__title{font-size:19px;font-weight:800;letter-spacing:.3px}.basic__help{font-size:13px;color:var(--txt-dim);line-height:1.5;margin-top:-8px}.basic__nav{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:2px}.reco{background:#2a210d;border:1px solid #6b5413;border-radius:12px;padding:14px 15px;display:flex;flex-direction:column;gap:8px;margin-top:4px}.reco__title{font-size:14px;font-weight:800;color:#ffd56b}.reco__text{font-size:12.5px;color:#f0e6cf;line-height:1.5}.reco__benefits{list-style:none;display:grid;gap:4px;margin:2px 0}.reco__benefits li{font-size:12px;color:#e7dcc2;padding-left:17px;position:relative}.reco__benefits li:before{content:"✓";position:absolute;left:0;color:#ffd56b;font-weight:800}.reco__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}.reco__actions .btn{background:#ffd56b;color:#241a05;border-color:#ffd56b;padding:11px 14px}.reco__actions .btn:hover{background:#ffe08a}.reco__link{font-size:12px;color:#ffd56b;text-decoration:underline;white-space:nowrap}.tip{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;vertical-align:middle;border-radius:50%;border:1px solid var(--line-2);background:#0f1115;color:var(--txt-dim);font-size:11px;font-weight:800;cursor:pointer;position:relative;flex:0 0 auto;line-height:1;padding:0}.tip:hover{color:#fff;border-color:#fff}.tip__bubble{position:absolute;top:calc(100% + 8px);left:0;width:max-content;max-width:230px;z-index:40;background:#14171c;color:var(--txt);border:1px solid var(--line-2);border-radius:8px;padding:9px 11px;font-size:11.5px;font-weight:500;line-height:1.45;text-align:left;box-shadow:0 10px 28px #0009;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.tip:hover .tip__bubble,.tip.is-open .tip__bubble{opacity:1;visibility:visible}.parthelp{display:flex;align-items:center;font-size:12.5px;color:var(--txt-dim);margin-bottom:2px}.parthelp b{color:var(--txt);font-weight:700}.optinput{width:100%;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--txt);background:#0f1115;border:1px solid var(--line);border-radius:9px;appearance:none;-moz-appearance:textfield}.optinput:focus{outline:none;border-color:#fff}.summary-bar{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.seg{display:flex;background:#0f1115;border:1px solid var(--line);border-radius:9px;padding:3px;gap:3px}.seg__btn{flex:1;border:none;background:transparent;color:var(--txt-dim);padding:8px 4px;font-size:11.5px;font-weight:700;border-radius:6px;cursor:pointer;transition:.14s ease;white-space:nowrap}.seg__btn:hover{color:var(--txt)}.seg__btn.is-active{background:#fff;color:#111}.axlebar{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.linktoggle{display:flex;align-items:center;gap:8px;width:100%;background:#0f1115;border:1px solid var(--line);color:var(--txt-dim);padding:9px 11px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:.14s ease;text-align:left}.linktoggle:hover{color:var(--txt);border-color:var(--line-2)}.linktoggle.is-on{color:var(--txt);border-color:#fff}.linktoggle__box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;flex:0 0 auto;border:1.5px solid var(--line-2);background:#0a0c10;font-size:12px;line-height:1;color:#111}.linktoggle.is-on .linktoggle__box{background:#fff;border-color:#fff}.axletabs{display:flex;gap:6px}.axletab{flex:1;border:1px solid var(--line);background:#0f1115;color:var(--txt-dim);padding:8px 4px;font-size:12px;font-weight:800;border-radius:8px;cursor:pointer;transition:.14s ease;letter-spacing:.3px}.axletab:hover{color:var(--txt)}.axletab.is-active{background:#fff;color:#111;border-color:#fff}.swatchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:2px}.swatch__chip{width:100%;aspect-ratio:1.6 / 1;border-radius:8px;background:var(--c);border:2px solid var(--line-2);box-shadow:inset 0 1px 3px #ffffff2e,inset 0 -6px 12px #00000073;transition:.14s ease}.swatch:hover .swatch__chip{transform:translateY(-2px);border-color:#6c727b}.swatch.is-selected .swatch__chip{border-color:#fff;box-shadow:0 0 0 2px #fff,inset 0 1px 3px #fff3,inset 0 -6px 12px #00000073}.swatch__name{font-size:10.5px;color:var(--txt-dim);text-align:center;line-height:1.2}.swatch.is-selected .swatch__name{color:#fff}.swatch.is-disabled{cursor:not-allowed;opacity:.42}.swatch.is-disabled .swatch__chip{position:relative;overflow:hidden}.swatch.is-disabled .swatch__chip:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(0,0,0,.55) 5px 8px)}.fadecols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fadecols .swatchgrid{grid-template-columns:repeat(2,1fr)}.fadecols .swatch__name{font-size:9.5px}.slider{display:flex;flex-direction:column;gap:8px;margin-top:4px}.slider label{font-size:11px;color:var(--txt-dim)}.slider label b{color:var(--txt);font-weight:700}.slider input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,#444a52,#aeb4bd);outline:none}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #111;box-shadow:0 2px 6px #00000080}.optsel{width:100%;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--txt);background:#0f1115;border:1px solid var(--line);border-radius:9px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa1ac' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.optsel:hover{border-color:var(--line-2)}.optsel:focus{outline:none;border-color:#fff}.optsel option{background:#14171c;color:var(--txt)}.cards{display:flex;flex-direction:column;gap:8px}.card{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;background:#0f1115;border:1px solid var(--line);border-radius:10px;padding:11px 13px;cursor:pointer;color:var(--txt);text-align:left;transition:.14s ease}.card:hover{border-color:var(--line-2)}.card.is-active{border-color:#fff;background:#20242a}.card__chip{width:30px;height:30px;border-radius:50%;background:var(--c);border:2px solid var(--line-2);box-shadow:inset 0 1px 3px #ffffff40,inset 0 -5px 10px #00000080}.card.is-active .card__chip{border-color:#fff}.card__name{font-size:13px;font-weight:600}.card__name small{color:var(--txt-dim);font-weight:500}.card__chip--auto{background:conic-gradient(from 0deg,#f2c21a,#f4f4f2,#161618,#d11a1a,#f2c21a)}.logopreview{display:flex;gap:10px;flex-wrap:wrap}.logochip{display:flex;align-items:center;gap:8px;background:#0f1115;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600}.logochip .lc{width:18px;height:18px;border-radius:5px;background:var(--c);border:1px solid var(--line-2);box-shadow:inset 0 1px 2px #ffffff4d}.rules{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:2px}.rules li{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--txt-dim)}.rules li b{color:var(--txt)}.rules .sw{width:14px;height:14px;border-radius:4px;background:var(--c);border:1px solid var(--line-2);display:inline-block}.summary{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:9px}.sumrow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px}.sumrow span{color:var(--txt-dim)}.sumrow b{font-weight:600;text-align:right}.price{display:flex;justify-content:space-between;align-items:baseline;padding:4px 4px 0}.price span{font-size:12px;color:var(--txt-dim)}.price b{font-size:24px;font-weight:800;letter-spacing:.5px}.actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.actions--single{grid-template-columns:1fr}.btn{border:1px solid var(--line-2);border-radius:10px;padding:13px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s ease}.btn--ghost{background:transparent;color:var(--txt-dim)}.btn--ghost:hover{color:#fff;border-color:#fff}.btn--primary{background:#fff;color:#111;border-color:#fff}.btn--primary:hover{background:var(--accent-soft);transform:translateY(-1px)}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;transition:opacity .25s ease}.modal.is-hidden{opacity:0;pointer-events:none}.modal__backdrop{position:absolute;inset:0;background:#040507b8;backdrop-filter:blur(4px)}.modal__box{position:relative;width:min(760px,92vw);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:26px 28px 22px;box-shadow:0 30px 80px #0009}.modal__box h2{font-size:20px;font-weight:800;letter-spacing:.4px}.modal__lead{font-size:13px;color:var(--txt-dim);margin:4px 0 18px}.modal__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--txt-dim);font-size:20px;line-height:1;cursor:pointer;transition:.15s ease}.modal__close:hover{color:#fff;border-color:#fff}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.help-card h3{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:7px}.help-card p{font-size:12px;line-height:1.55;color:var(--txt-dim)}.help-card .dot{width:12px;height:12px;border-radius:50%;background:var(--c);display:inline-block;box-shadow:inset 0 1px 2px #ffffff59}.modal__note{margin-top:16px;font-size:12px;color:var(--txt-mut);line-height:1.5;background:#0f1115;border:1px solid var(--line);border-radius:10px;padding:11px 13px}.panel__note{font-size:11px;color:var(--txt-mut);font-style:italic;margin-top:6px;line-height:1.4}@media (max-width: 760px){#topbar{display:none}#viewctrls{left:12px;bottom:12px;gap:8px}.vc{width:40px;height:40px;font-size:16px}#hint{display:none}}@media (max-width: 600px){#panel{padding:16px 14px 22px;gap:14px}.panel__head h2{font-size:18px}.acc__head{padding:16px 13px}.acc__val{max-width:42vw}.editor{padding:14px}.seg__btn,.axletab{padding:12px 4px;font-size:12.5px}.linktoggle{padding:12px 11px}.swatchgrid{gap:7px}.swatch__name{font-size:11px}.fadecols{grid-template-columns:1fr;gap:12px}.fadecols .swatchgrid{grid-template-columns:repeat(3,1fr)}.fadecols .swatch__name{font-size:11px}.optsel{padding:12px;font-size:14px}.price b{font-size:22px}.btn{padding:15px 12px}.help-grid{grid-template-columns:1fr}}