:root{--bg:#07080c;--bg-2:#0d0f16;--panel:rgba(20,23,34,.82);--panel-solid:#141722;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--txt:#e8eaf2;--muted:#8b91a6;--accent:#F0544D;--accent-2:#AFCF55;--accent-3:#DCE632;--accent-4:#CA4250;--danger:#ff6b6b;--radius:14px;--shadow:0 18px 50px rgba(0,0,0,.55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;color:var(--txt);background:radial-gradient(1100px 700px at 12% -10%,rgba(240,84,77,.1),transparent 60%),radial-gradient(900px 600px at 92% 8%,rgba(175,207,85,.08),transparent 55%),radial-gradient(700px 700px at 60% 110%,rgba(202,66,80,.07),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}.topbar{height:60px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#12151ff2,#0d0f16bf);backdrop-filter:blur(14px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{width:26px;height:26px;border-radius:50%;background:conic-gradient(from .2turn,var(--accent),var(--accent-3),var(--accent-2),var(--accent-4),var(--accent));box-shadow:0 0 22px #f0544d80;position:relative}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg-2)}.brand h1{font-size:16px;margin:0;font-weight:650;letter-spacing:.2px}.brand em{font-style:normal;color:var(--muted);font-weight:400}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.layout{display:grid;grid-template-columns:352px 1fr;height:calc(100vh - 60px)}.panel{overflow-y:auto;padding:16px 16px 60px;border-right:1px solid var(--line);background:linear-gradient(180deg,#10131cbf,#0a0c12bf);backdrop-filter:blur(10px)}.panel::-webkit-scrollbar{width:9px}.panel::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:9px}.panel::-webkit-scrollbar-track{background:transparent}.group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:14px}.group h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:0 0 12px;font-weight:650}.group label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.hint{color:#666c80;font-weight:400;font-size:11px}.tiny-hint{margin:4px 0 0;font-size:11px;color:#5f6579}input[type=text],input[type=number],select{width:100%;background:#0a0c13;color:var(--txt);border:1px solid var(--line-2);border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0544d29}input[type=color]{width:100%;height:34px;padding:2px;background:#0a0c13;border:1px solid var(--line-2);border-radius:9px;cursor:pointer}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.row{margin-bottom:11px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-bottom:11px}.num-unit{position:relative}.num-unit span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);pointer-events:none}.num-unit input{padding-right:34px}.check{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;color:var(--txt)!important;margin:9px 0!important}.check input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.slider{margin-bottom:12px}.slider label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.slider b{color:var(--txt);font-size:12px;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:4px;background:#ffffff21;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid #10131c;box-shadow:0 0 0 1px #f0544d80,0 2px 8px #00000080;cursor:pointer;transition:transform .12s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.seg{display:inline-flex;background:#0a0c13;border:1px solid var(--line-2);border-radius:10px;padding:3px;gap:3px}.seg.wide{display:flex;width:100%;margin-bottom:11px}.seg.small{width:100%;display:flex;margin-bottom:8px}.seg button{flex:1;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:6px 12px;border-radius:8px;font:inherit;font-size:12px;white-space:nowrap;transition:background .16s,color .16s}.seg button:hover{color:var(--txt)}.seg button.on{background:linear-gradient(180deg,#f0544de6,#ca4250e6);color:#fff;box-shadow:0 2px 10px #f0544d52}.btn{background:#151926;color:var(--txt);border:1px solid var(--line-2);border-radius:10px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer;transition:transform .12s,background .16s,border-color .16s}.btn:hover{background:#1b2030;border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--accent),#d9463f);border-color:transparent;color:#fff;box-shadow:0 4px 16px #f0544d4d}.btn.ghost{background:transparent}.btn.tiny{padding:5px 10px;font-size:12px;width:100%}.btn.success{border-color:#afcf5573;color:var(--accent-2)}.btn.danger{border-color:#ff6b6b59;color:var(--danger)}.btn.round{width:40px;height:40px;border-radius:50%;padding:0;font-size:15px;flex:none}.menu{position:relative}.menu-list{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:6px;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:40}.menu-list.open{display:block}.menu-list button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--txt);padding:9px 12px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.menu-list button:hover{background:#ffffff12}.ring-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 7px}.ring-head span{font-size:12px;color:var(--muted)}.ring-btns{display:flex;gap:5px}.ring-btns .btn{width:auto}.ring-list{list-style:none;margin:0 0 11px;padding:0;max-height:132px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:#0a0c13}.ring-list li{padding:8px 11px;font-size:12px;cursor:pointer;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;transition:background .14s}.ring-list li:last-child{border-bottom:0}.ring-list li:hover{background:#ffffff0a}.ring-list li.on{background:#f0544d24;color:#fff}.ring-list li .idx{width:19px;height:19px;border-radius:50%;background:#ffffff17;display:grid;place-items:center;font-size:10.5px;flex:none}.ring-list li.on .idx{background:var(--accent);color:#fff}.subgroup{border-left:2px solid rgba(240,84,77,.35);padding-left:11px;margin:11px 0}.ring-info{font-size:11.5px;color:var(--muted);margin:8px 0 0;line-height:1.5}.ring-info .warn{color:#ffb4a8;display:block;margin-top:3px}.swatches{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.swatches input[type=color]{width:38px;height:32px;padding:1px}.sequence{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 4px}.sequence li{display:flex;align-items:center;gap:6px;padding:5px 7px 5px 5px;background:#0a0c13;border:1px solid var(--line-2);border-radius:9px;cursor:grab;font-size:11.5px;transition:border-color .15s,transform .12s}.sequence li.drag{opacity:.4}.sequence li.over{border-color:var(--accent);transform:translateY(-2px)}.sequence .dot{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}.sequence .ord{color:var(--muted);font-variant-numeric:tabular-nums}.sequence button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:11px;padding:0 2px;line-height:1}.sequence button:hover{color:var(--txt)}.sequence button.x:hover{color:var(--danger)}.stage{display:flex;flex-direction:column;min-width:0;padding:16px 18px 12px;gap:11px;overflow:hidden}.canvas-wrap{flex:1;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow),inset 0 0 90px #00000080;background:#000;display:grid;place-items:center;min-height:0}#view{display:block;width:100%;height:100%}.stage-badge{position:absolute;left:14px;top:12px;font-size:11.5px;color:var(--muted);background:#080a10b8;border:1px solid var(--line);padding:5px 11px;border-radius:20px;backdrop-filter:blur(8px);pointer-events:none}.spinner{position:absolute;right:14px;top:12px;width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#3c0c0ceb;border:1px solid rgba(255,107,107,.4);color:#ffd9d4;padding:14px 20px;border-radius:12px;max-width:70%;font-size:13px}.playbar{display:flex;align-items:center;gap:14px;padding:0 4px}.playbar #progress{flex:1}.speed{display:flex;align-items:center;gap:8px;min-width:250px}.speed label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.speed input{width:110px}.speed b{font-size:12px;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.statsbar{display:flex;flex-wrap:wrap;gap:8px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:7px 13px;display:flex;flex-direction:column;gap:1px;min-width:88px}.stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.stat .v{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.stat.good .v{color:var(--accent-2)}.stat.warn .v{color:#ffc46b}.warnings{display:flex;flex-direction:column;gap:5px}.warnings div{font-size:12px;color:#ffcbc3;background:#78201c47;border:1px solid rgba(255,107,107,.26);border-radius:9px;padding:6px 11px}.report{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:2px}.report .chip{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:4px 11px 4px 5px}.report .chip i{width:15px;height:15px;border-radius:50%;display:block;flex:none}.report .chip b{color:var(--txt);font-variant-numeric:tabular-nums;font-weight:600}.hexv{float:right;font-weight:500;color:var(--txt);font-size:11px;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.02em}.formula{display:block;margin-top:6px;padding:8px 10px;background:#0a0c13;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:8px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--txt);overflow-x:auto;white-space:nowrap}.formula em{font-style:normal;color:var(--accent-3)}.formula i{font-style:normal;color:var(--muted);display:block;white-space:normal;margin-top:3px;font-size:11px;line-height:1.45}.field-error{margin:6px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.5;color:#ffcbc3;background:#78201c4d;border:1px solid rgba(255,107,107,.32);border-radius:8px}.btn.buy{background:linear-gradient(180deg,var(--accent-2),#93b544);color:#12160a;border-color:transparent;font-weight:650;box-shadow:0 4px 16px #afcf5547}.btn.buy b{font-weight:650;opacity:.75;margin-left:6px}.modal.shop{width:640px}.modal-x{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.modal-x:hover{color:var(--txt)}.modal{position:relative}.products{display:grid;gap:10px;margin-top:14px}.product{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:13px 14px;border:1px solid var(--line-2);border-radius:12px;background:#0a0c13;cursor:pointer;transition:border-color .15s,transform .12s,background .15s}.product:hover{border-color:var(--accent-2);transform:translateY(-1px);background:#0d1018}.product h4{margin:0 0 3px;font-size:14px}.product .tag{margin:0 0 7px;font-size:12px;color:var(--muted)}.product ul{margin:0;padding-left:16px;font-size:11.5px;color:var(--muted);line-height:1.6}.product .price{text-align:right;white-space:nowrap}.product .price b{display:block;font-size:20px;font-weight:650}.product .price span{font-size:10.5px;color:var(--muted)}.product .cx{display:inline-block;margin-top:6px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-3);border:1px solid rgba(220,230,50,.3);border-radius:20px;padding:2px 8px}.product .limited{color:#ffc46b;font-size:11px;margin-top:6px;display:block}.chosen{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;margin-bottom:12px;border-radius:11px;background:#afcf5514;border:1px solid rgba(175,207,85,.25);font-size:13px}.chosen b{font-size:17px}.palette-warn{padding:10px 12px;margin-bottom:12px;border-radius:10px;font-size:12px;line-height:1.6;background:#78201c47;border:1px solid rgba(255,107,107,.3);color:#ffcbc3}.palette-warn .swatch{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.3);vertical-align:-2px;margin:0 3px}.palette-warn button{margin-top:8px}.done{font-size:13px;line-height:1.7}.done .oid{font:16px ui-monospace,Menlo,monospace;color:var(--accent-2);background:#0a0c13;border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;display:inline-block;margin:6px 0}.modal-backdrop{position:fixed;inset:0;background:#040509b8;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:60;animation:fade .16s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:420px;max-width:92vw;padding:22px;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);animation:pop .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal h3{margin:0 0 10px;font-size:16px;font-weight:650}.modal-note{margin:0 0 16px;font-size:12.5px;line-height:1.6;color:var(--muted);background:#afcf5512;border:1px solid rgba(175,207,85,.22);border-radius:10px;padding:9px 11px}.modal-note b{color:var(--accent-2)}.modal label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.modal-estimate{margin:4px 0 0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.modal-estimate b{color:var(--txt)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.job{position:fixed;right:18px;bottom:18px;width:274px;z-index:55;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:13px;padding:12px 13px;box-shadow:var(--shadow);animation:pop .18s ease-out}.job-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-head span{font-size:12.5px;font-weight:600}.job-head button{background:transparent;border:0;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;padding:0 2px}.job-head button:hover{color:var(--danger)}.job-bar{height:5px;border-radius:5px;background:#ffffff1c;margin:9px 0 6px;overflow:hidden}.job-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-3));transition:width .12s linear}.job-sub{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.job.done .job-bar i{background:var(--accent-2)}.hidden,[hidden]{display:none!important}@media(min-width:1700px){.layout{grid-template-columns:400px 1fr}.panel,.playbar,.statsbar,.warnings,.report,.modal,.job{zoom:1.12}.brand h1{font-size:17px}.topbar .btn,.topbar .seg button{font-size:14px;padding:9px 16px}.stage-badge{font-size:12.5px}}@media(min-width:2200px){.layout{grid-template-columns:470px 1fr}.panel,.playbar,.statsbar,.warnings,.report,.modal,.job{zoom:1.3}.brand{min-width:250px}.brand h1{font-size:19px}.brand-mark{width:30px;height:30px}.topbar{height:70px}.layout{height:calc(100vh - 70px)}.topbar .btn,.topbar .seg button{font-size:15px;padding:10px 18px}.stage-badge{font-size:13.5px;padding:6px 13px}}@media(min-width:3000px){.layout{grid-template-columns:560px 1fr}.panel,.playbar,.statsbar,.warnings,.report,.modal,.job{zoom:1.55}.brand h1{font-size:22px}.topbar{height:80px}.layout{height:calc(100vh - 80px)}.stage-badge{font-size:15px}}@media(max-width:1100px){.layout{grid-template-columns:1fr;height:auto;overflow:auto}body{overflow:auto}.panel{border-right:0;border-bottom:1px solid var(--line);max-height:none}.stage{height:78vh}}.btn.account{display:inline-flex;align-items:center;gap:8px}.btn.account #accountInitial{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-4));color:#fff;font-size:11px;font-weight:700}.menu-list.right{right:0}.modal.wide{width:720px;max-height:86vh;overflow:auto}.tabs{display:flex;gap:4px;margin:0 34px 16px 0;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:9px 13px;cursor:pointer;margin-bottom:-1px}.tabs button:hover{color:var(--txt)}.tabs button.on{color:var(--txt);border-bottom-color:var(--accent)}.tab-body h4{margin:20px 0 8px;font-size:13px;font-weight:650}.cards{display:grid;gap:11px}.card{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.card h4{margin:0;font-size:14px;font-weight:650}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-sub{margin:5px 0 0;font-size:12.5px;color:var(--muted)}.card-when{margin:3px 0 0;font-size:11.5px;color:var(--muted);opacity:.75}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.card-actions .btn,.stock-row .btn,#stockAdd{width:auto}.pill{font-size:11px;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid rgba(255,107,107,.35);color:var(--danger)}.pill.good{border-color:#afcf5566;color:var(--accent-2)}.receipt{width:100%;margin:10px 0 0;border-collapse:collapse;font-size:12.5px}.receipt td{padding:4px 0;vertical-align:top}.receipt td:first-child{color:var(--muted);width:120px}.receipt code{font-size:12px;letter-spacing:.03em}.why{margin:9px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}.why li{margin:2px 0}.profile .receipt{margin-top:0}.modal-note.small{font-size:11.5px;background:none;border:0;padding:0}.modal-actions.left{justify-content:flex-start}.rates{display:grid;gap:14px}.rates fieldset{border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px;margin:0}.rates legend{padding:0 6px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rate{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:10px;margin-top:7px}.rate label{margin:0}.rate input{width:100%}.stock-rows{display:grid;gap:8px;margin-bottom:11px}.stock-row{display:grid;grid-template-columns:38px 1fr 110px 92px 108px 30px;gap:8px;align-items:center}.stock-row input[type=color]{width:38px;height:32px;padding:2px;cursor:pointer}.stock-row .narrow input,.stock-row input.narrow{font-size:12px}.mini{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin:0}.mini input{width:100%}.save-current{display:flex;gap:8px;align-items:center;margin:0 0 8px}.save-current input{flex:1}.card .rename{width:100%;margin:0 0 2px;font-size:14px;font-weight:650}.danger-zone{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,107,107,.35);background:#ff6b6b0f}.danger-zone p{margin:0 0 9px;font-size:12.5px;color:var(--txt)}.card.has-thumb{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:start}.card .thumb{width:104px;height:104px;border-radius:9px;object-fit:contain;background:#0a0c13;border:1px solid var(--line);padding:3px}.card:not(.has-thumb) .thumb{display:none}.card-body{min-width:0}.card-body h4{overflow-wrap:anywhere}@media(max-width:560px){.card.has-thumb{grid-template-columns:64px 1fr;gap:10px}.card .thumb{width:64px;height:64px}}.modal.share{width:520px}.share-preview{display:grid;place-items:center;min-height:180px;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:#ffffff05;padding:12px}.share-preview img,.share-preview video{width:100%;max-width:320px;height:auto;border-radius:11px;display:block;background:#0a0c13}.share-preview .hint{margin:0;text-align:center}.share-link{display:flex;gap:8px;margin-bottom:14px}.share-link input{flex:1;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.share-link .btn{width:auto;white-space:nowrap}.share-nets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.share-nets .btn.net{width:auto}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 4px}.chips .btn{width:auto}.wide-btn{width:100%;margin-top:8px}.btn[disabled]{opacity:.5;cursor:not-allowed}.addr-wrap{position:relative}.addr-list{position:absolute;left:0;right:0;top:100%;z-index:70;margin-top:4px;max-height:230px;overflow:auto;padding:5px;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:11px;box-shadow:var(--shadow)}.addr-list button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--txt);padding:8px 10px;border-radius:8px;font:inherit;font-size:12.5px;cursor:pointer;line-height:1.35}.addr-list button:hover,.addr-list button.on{background:#ffffff14}.addr-list .where{display:block;color:var(--muted);font-size:11.5px}.render-bar{height:6px;border-radius:6px;background:#ffffff14;overflow:hidden;margin:10px 0 6px}.render-bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .18s ease}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.by-line{margin:0;font-size:10.5px;letter-spacing:.03em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-tabs,.phone-only{display:none}@media(max-width:820px){.phone-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 10px;background:var(--bg-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.phone-tabs button{background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:9px 0;cursor:pointer}.phone-tabs button.on{color:var(--txt);background:#ffffff0f;border-color:var(--line-2)}.topbar{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.brand{min-width:0;flex:1}.brand h1{font-size:15px}.by-line{font-size:10px}#generatorSwitch{order:3;width:100%}.topbar-actions{margin-left:0;width:100%;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.topbar-actions .btn{white-space:nowrap;padding:8px 12px;font-size:12.5px}.layout{grid-template-columns:1fr;height:auto}.panel{max-height:none;border-right:0}body.show-controls .stage{display:none}body:not(.show-controls) .panel{display:none}.stage{padding:10px 10px 8px;height:calc(100vh - 190px);min-height:340px}.canvas-wrap{border-radius:14px}.playbar{gap:8px}.speed{min-width:0}.speed label{display:none}.speed input{width:70px}.statsbar{gap:6px}.stat{min-width:0;flex:1 1 30%;padding:6px 9px}.stat .v{font-size:13.5px}.phone-only{display:block}body:not(.show-advanced) .adv{display:none!important}.modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:18px;max-height:88vh;overflow:auto}.modal-backdrop{place-items:end center}.modal.wide,.modal.share,.modal.shop{width:100%}.row2,.row3{grid-template-columns:1fr}.stock-row{grid-template-columns:38px 1fr;gap:6px}.rate{grid-template-columns:1fr 110px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}}@media(max-width:820px)and (orientation:landscape){.stage{height:calc(100vh - 150px)}}