.aps-studio{--aps-orange:#ff6a1a;--aps-orange-press:#e2540b;--aps-orange-soft:#ff6a1a24;--ink-900:#0e0f13;--ink-850:#131419;--ink-800:#16181e;--ink-750:#1b1e25;--ink-700:#1f232b;--ink-600:#262a33;--ink-500:#333844;--txt-d:#f4f2ee;--txt-d2:#a2a6af;--txt-d3:#6e727c;--accent:var(--aps-orange);--accent-press:var(--aps-orange-press);--accent-soft:var(--aps-orange-soft);--accent-fg:#160b04;--radius:12px;--dur:.18s;--bg:var(--ink-900);--panel:var(--ink-800);--panel-2:var(--ink-750);--raised:var(--ink-700);--border:var(--ink-600);--border-strong:var(--ink-500);--text:var(--txt-d);--text-2:var(--txt-d2);--text-3:var(--txt-d3);--stage:var(--ink-900);--stage-dot:var(--ink-700);--shadow:0 1px 2px #0006, 0 8px 24px #0006;--shadow-lg:0 12px 32px #00000080, 0 30px 70px #0000008c;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Hanken Grotesk,system-ui,sans-serif}.aps-studio *,.aps-studio :before,.aps-studio :after{box-sizing:border-box}.aps-studio button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.aps-studio input,.aps-studio select,.aps-studio textarea{font-family:inherit}.aps-studio ::selection{background:var(--accent-soft)}.aps-studio-bar{background:var(--ink-850);border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;align-items:center;gap:12px;height:58px;padding:0 16px;display:flex}.aps-studio-bar .aps-bar-title{align-items:baseline;gap:8px;min-width:0;display:flex}.aps-studio-bar .aps-bar-title b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,system-ui,sans-serif;font-size:14.5px;font-weight:600;overflow:hidden}.aps-studio-bar .aps-bar-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.aps-saved{color:var(--text-3);letter-spacing:.02em;align-items:center;gap:7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600;display:inline-flex}.aps-saved .aps-saved-dot{background:var(--text-3);border-radius:50%;flex:none;width:7px;height:7px}.aps-saved[data-state=saved]{color:#2db87f}.aps-saved[data-state=saved] .aps-saved-dot{background:#2db87f;box-shadow:0 0 0 3px #2db87f2e}.aps-saved[data-state=saving]{color:var(--text-2)}.aps-saved[data-state=saving] .aps-saved-dot{background:var(--accent);animation:1s ease-in-out infinite aps-pulse}.aps-saved[data-state=error]{color:#e26464}.aps-saved[data-state=error] .aps-saved-dot{background:#e26464}@keyframes aps-pulse{0%,to{opacity:1}50%{opacity:.35}}.aps-studio-foot{background:var(--ink-850);border:1px solid var(--border);height:42px;color:var(--text-3);border-top:none;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:12px;display:flex}.aps-studio-foot .aps-kbd-hint{align-items:center;gap:6px;display:inline-flex}.aps-studio .btn{letter-spacing:-.005em;border:1px solid var(--border);background:var(--panel-2);height:36px;color:var(--text);transition:all var(--dur);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.aps-studio .btn:hover{border-color:var(--border-strong);background:var(--raised)}.aps-studio .btn:disabled{opacity:.55;cursor:default}.aps-studio .btn svg{width:16px;height:16px}.aps-studio .btn-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;box-shadow:0 2px 10px #ff6a1a4d}.aps-studio .btn-primary:hover{background:var(--accent-press);border-color:#0000}.aps-studio .btn-icon{justify-content:center;width:36px;padding:0}.aps-studio .btn-ghost{background:0 0;border-color:#0000}.aps-studio .btn-ghost:hover{background:var(--raised);border-color:#0000}.aps-studio .showsel{border:1px solid var(--border);background:var(--panel-2);transition:border-color var(--dur), background var(--dur);border-radius:10px;align-items:center;gap:10px;padding:5px 10px 5px 6px;display:flex}.aps-studio .showsel:hover{border-color:var(--border-strong)}.aps-studio .showsel-art{object-fit:cover;background:var(--raised);border-radius:7px;flex:none;width:30px;height:30px}.aps-studio .showsel-meta{text-align:left;line-height:1.15}.aps-studio .showsel-title{font-size:13px;font-weight:600}.aps-studio .showsel-ep{color:var(--text-3);font-size:11px}.aps-studio .showsel svg{width:15px;height:15px;color:var(--text-3)}.aps-studio-main{border:1px solid var(--border);background:var(--bg);border-radius:0;grid-template-columns:60px 372px 1fr;height:min(76vh,860px);min-height:560px;display:grid;overflow:hidden}.aps-studio .iconnav{border-right:1px solid var(--border);background:var(--panel-2);flex-direction:column;align-items:center;gap:4px;padding:12px 0;display:flex}.aps-studio .iconnav button{width:40px;height:40px;color:var(--text-3);transition:all var(--dur);border-radius:10px;place-items:center;display:grid;position:relative}.aps-studio .iconnav button svg{width:19px;height:19px}.aps-studio .iconnav button:hover{background:var(--raised);color:var(--text-2)}.aps-studio .iconnav button[data-active=true]{background:var(--accent-soft);color:var(--accent)}.aps-studio .iconnav button[data-active=true]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.aps-studio .iconnav-tip{white-space:nowrap;background:var(--text);color:var(--bg);opacity:0;pointer-events:none;transition:all var(--dur);z-index:40;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;left:50px;transform:translate(-4px)}.aps-studio .iconnav button:hover .iconnav-tip{opacity:1;transform:translate(0)}.aps-studio .panel{border-right:1px solid var(--border);background:var(--panel);min-height:0;overflow:hidden auto}.aps-studio .panel::-webkit-scrollbar{width:10px}.aps-studio .panel::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--panel);border-radius:10px}.aps-studio .panel-head{background:var(--panel);z-index:5;padding:20px 20px 12px;position:sticky;top:0}.aps-studio .panel-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.aps-studio .panel-title{letter-spacing:-.015em;margin:4px 0 2px;font-family:Space Grotesk,system-ui,sans-serif;font-size:20px;font-weight:600}.aps-studio .panel-desc{color:var(--text-3);font-size:13px;line-height:1.45}.aps-studio .panel-body{padding:4px 20px 40px}.aps-studio .fgroup{margin-top:22px}.aps-studio .flabel{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.aps-studio .flabel-text{letter-spacing:.01em;font-size:12.5px;font-weight:700}.aps-studio .flabel-val{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.aps-studio .fhint{color:var(--text-3);margin:-3px 0 9px;font-size:12px;line-height:1.45}.aps-studio .preset-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.aps-studio .preset{border:1.5px solid var(--border);text-align:left;background:var(--panel-2);transition:all var(--dur);border-radius:13px;padding:11px;position:relative;overflow:hidden}.aps-studio .preset:hover{border-color:var(--border-strong);transform:translateY(-1px)}.aps-studio .preset[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.aps-studio .preset-swatches{gap:4px;margin-bottom:9px;display:flex}.aps-studio .preset-swatches span{border:1px solid #ffffff14;border-radius:5px;width:18px;height:18px}.aps-studio .preset-name{letter-spacing:-.01em;font-size:13px;font-weight:700}.aps-studio .preset-tag{color:var(--text-3);margin-top:1px;font-size:11px}.aps-studio .preset-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:none;position:absolute;top:9px;right:9px}.aps-studio .preset[data-active=true] .preset-check{display:grid}.aps-studio .preset-check svg{width:11px;height:11px}.aps-studio .urlbox{gap:7px;margin-top:4px;display:flex}.aps-studio .urlbox input{border:1px solid var(--border);background:var(--panel-2);height:38px;color:var(--text);transition:border-color var(--dur);border-radius:9px;flex:1;padding:0 11px;font-size:13px}.aps-studio .urlbox input:focus{border-color:var(--accent);outline:none}.aps-studio .urlbox input::placeholder{color:var(--text-3)}.aps-studio .match-result{border:1px solid var(--border);background:var(--panel-2);border-radius:11px;margin-top:11px;padding:12px;animation:.3s aps-fadein}.aps-studio .match-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.aps-studio .match-row+.match-row{margin-top:8px}.aps-studio .match-dot{border:1px solid #ffffff1f;border-radius:4px;flex:none;width:16px;height:16px}.aps-studio .layout-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.aps-studio .layout-card{border:1.5px solid var(--border);text-align:left;background:var(--panel-2);transition:all var(--dur);border-radius:12px;padding:12px 12px 10px}.aps-studio .layout-card:hover{border-color:var(--border-strong)}.aps-studio .layout-card[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.aps-studio .layout-thumb{background:var(--bg);border:1px solid var(--border);border-radius:7px;place-items:center;height:50px;margin-bottom:9px;display:grid;overflow:hidden}.aps-studio .layout-thumb svg{width:100%;height:100%}.aps-studio .layout-name{font-size:12.5px;font-weight:700}.aps-studio .layout-sub{color:var(--text-3);font-size:11px}.aps-studio .pal-grid{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.aps-studio .swatch{aspect-ratio:1;transition:transform var(--dur);border:2px solid #0000;border-radius:8px;position:relative;box-shadow:inset 0 0 0 1px #0000004d}.aps-studio .swatch:hover{transform:scale(1.08)}.aps-studio .swatch[data-active=true]{border-color:var(--text)}.aps-studio .swatch[data-active=true]:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 2px #00000059}.aps-studio .colorrow{align-items:center;gap:10px;margin-top:10px;display:flex}.aps-studio .colorrow label{color:var(--text-2);flex:1;font-size:12.5px}.aps-studio .colorchip{border:1px solid var(--border);border-radius:8px;width:34px;height:28px;padding:0;position:relative;overflow:hidden}.aps-studio .colorchip input{cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.aps-studio .colorval{color:var(--text-3);width:74px;font-family:JetBrains Mono,monospace;font-size:12px}.aps-studio .seg{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;gap:3px;padding:3px;display:flex}.aps-studio .seg button{height:32px;color:var(--text-3);transition:all var(--dur);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.aps-studio .seg button svg{width:15px;height:15px}.aps-studio .seg button[data-on=true]{background:var(--raised);color:var(--text);box-shadow:var(--shadow)}.aps-studio .fontlist{flex-direction:column;gap:7px;display:flex}.aps-studio .fontopt{border:1.5px solid var(--border);text-align:left;background:var(--panel-2);transition:all var(--dur);border-radius:11px;justify-content:space-between;align-items:baseline;padding:10px 13px;display:flex}.aps-studio .fontopt:hover{border-color:var(--border-strong)}.aps-studio .fontopt[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.aps-studio .fontopt-name{font-size:17px}.aps-studio .fontopt-tag{color:var(--text-3);font-size:11px;font-weight:600}.aps-studio .slider{appearance:none;background:var(--border);border-radius:6px;outline:none;width:100%;height:6px}.aps-studio .slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:3px solid var(--panel);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.aps-studio .slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid var(--panel);border-radius:50%;width:18px;height:18px}.aps-studio .toggle-list{flex-direction:column;display:flex}.aps-studio .toggle-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.aps-studio .toggle-row:last-child{border-bottom:none}.aps-studio .toggle-ico{background:var(--raised);width:32px;height:32px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.aps-studio .toggle-ico svg{width:17px;height:17px}.aps-studio .toggle-meta{flex:1;line-height:1.25}.aps-studio .toggle-name{font-size:13px;font-weight:600}.aps-studio .toggle-desc{color:var(--text-3);font-size:11.5px}.aps-studio .tswitch{background:var(--border-strong);width:40px;height:24px;transition:background var(--dur);border-radius:13px;flex:none;position:relative}.aps-studio .tswitch:after{content:"";width:18px;height:18px;transition:transform var(--dur);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000059}.aps-studio .tswitch[data-on=true]{background:var(--accent)}.aps-studio .tswitch[data-on=true]:after{transform:translate(16px)}.aps-studio .tinput{border:1px solid var(--border);background:var(--panel-2);width:100%;height:38px;color:var(--text);transition:border-color var(--dur);border-radius:9px;padding:0 11px;font-size:13px}.aps-studio .tinput:focus{border-color:var(--accent);outline:none}.aps-studio .tinput::placeholder{color:var(--text-3)}.aps-studio .stage{background:var(--stage);background-image:radial-gradient(var(--stage-dot) 1.2px, transparent 1.2px);background-size:22px 22px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:auto}.aps-studio .stage-bar{border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--panel) 75%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;flex:none;align-items:center;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0}.aps-studio .stage-label{color:var(--text-2);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.aps-studio .stage-label .dot{background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3fc16833;box-shadow:0 0 0 3px lab(69.6529% -51.4113 33.9912/.2)}.aps-studio .ctx-seg{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.aps-studio .ctx-seg button{height:28px;color:var(--text-3);transition:all var(--dur);border-radius:6px;padding:0 11px;font-size:12px;font-weight:600}.aps-studio .ctx-seg button[data-on=true]{background:var(--raised);color:var(--text);box-shadow:var(--shadow)}.aps-studio .stage-scroll{flex:1;place-items:safe center center;min-height:0;padding:48px 40px;display:grid;position:relative}.aps-studio .stage-scroll[data-ctx=sticky]{align-items:end;padding:0}.aps-studio .hostsite{border:1px solid var(--border);background:var(--panel);width:100%;max-width:720px;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.aps-studio .hostsite-bar{border-bottom:1px solid var(--border);background:var(--panel-2);align-items:center;gap:7px;height:38px;padding:0 13px;display:flex}.aps-studio .hostsite-bar i{background:var(--border-strong);border-radius:50%;width:11px;height:11px;display:block}.aps-studio .hostsite-url{color:var(--text-3);margin-left:8px;font-family:JetBrains Mono,monospace;font-size:11px}.aps-studio .hostsite-body{padding:24px}.aps-studio .hostsite-h{background:var(--raised);border-radius:5px;height:13px;margin-bottom:10px}.aps-studio .hostsite-h.w1{width:55%;height:18px}.aps-studio .hostsite-h.w2{width:88%}.aps-studio .hostsite-h.w3{width:72%}.aps-studio .hostsite-h.w4{width:80%}@keyframes aps-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes aps-spin{to{transform:rotate(360deg)}}.aps-studio .spin{animation:.8s linear infinite aps-spin}.aps-studio .pp{--pp-radius:12px;font-family:var(--pp-font,"Hanken Grotesk"), system-ui, sans-serif;color:var(--pp-text);transition:background .25s,color .25s;position:relative}.aps-studio .pp *,.aps-studio .pp :before,.aps-studio .pp :after{box-sizing:border-box}.aps-studio .pp-btn{cursor:pointer;color:var(--pp-text);background:0 0;border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .12s,color .15s;display:inline-grid}.aps-studio .pp-btn:hover{background:var(--pp-soft)}.aps-studio .pp-btn:active{transform:scale(.92)}.aps-studio .pp-btn svg{display:block}.aps-studio .pp-play{background:var(--pp-accent);color:var(--pp-onaccent);box-shadow:0 4px 14px var(--pp-accent-shadow)}.aps-studio .pp-play:hover{background:var(--pp-accent);filter:brightness(1.06)}.aps-studio .pp-muted{color:var(--pp-muted)}.aps-studio .pp-scrub{cursor:pointer;touch-action:none;flex:1;align-items:center;height:16px;display:flex;position:relative}.aps-studio .pp-track{background:var(--pp-track);border-radius:5px;width:100%;height:5px;position:relative;overflow:visible}.aps-studio .pp-fill{background:var(--pp-accent);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.aps-studio .pp-knob{background:var(--pp-accent);opacity:0;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.aps-studio .pp-scrub:hover .pp-knob,.aps-studio .pp-scrub:active .pp-knob{opacity:1}.aps-studio .pp-chap{background:var(--pp-text);opacity:.35;border-radius:2px;width:3px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.aps-studio .pp-time{font-variant-numeric:tabular-nums;color:var(--pp-muted);font-size:12px;font-weight:500}.aps-studio .pp-pill{background:var(--pp-soft);height:28px;color:var(--pp-text);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.aps-studio .pp-pill:hover{background:var(--pp-soft-2)}.aps-studio .pp-pill svg{width:14px;height:14px}.aps-studio .pp-viz{align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.aps-studio .pp-viz span{background:var(--pp-accent);opacity:.85;border-radius:2px;flex:1;min-height:2px;transition:height 90ms linear}.aps-studio .pp-art{background:var(--pp-art-bg);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.aps-studio .pp-art img{object-fit:cover;width:100%;height:100%;display:block}.aps-studio .pp-badge{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.aps-studio .pp-share{z-index:20;background:var(--pp-surface);border:1px solid var(--pp-track);border-radius:12px;min-width:168px;padding:6px;position:absolute;box-shadow:0 10px 30px #00000040}.aps-studio .pp-share button{width:100%;color:var(--pp-text);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.aps-studio .pp-share button:hover{background:var(--pp-soft)}.aps-studio .pp-share button svg{width:16px;height:16px;color:var(--pp-muted)}.aps-studio .pp-tabs{gap:4px;display:flex}.aps-studio .pp-tab{height:30px;color:var(--pp-muted);cursor:pointer;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s}.aps-studio .pp-tab[data-on=true]{background:var(--pp-soft);color:var(--pp-text)}.aps-studio .pp-scroll{overflow-y:auto}.aps-studio .pp-scroll::-webkit-scrollbar{width:8px}.aps-studio .pp-scroll::-webkit-scrollbar-thumb{background:var(--pp-track);border-radius:8px}.aps-studio .pp-tline{cursor:pointer;border-radius:8px;gap:12px;padding:8px 0;transition:opacity .15s;display:flex}.aps-studio .pp-tline:hover{opacity:1}.aps-studio .pp-tstamp{color:var(--pp-accent);flex:none;width:42px;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600}.aps-studio .pp-ttext{color:var(--pp-muted);font-size:14px;line-height:1.5;transition:color .2s}.aps-studio .pp-tline[data-active=true] .pp-ttext{color:var(--pp-text);font-weight:500}.aps-studio .pp-chaprow{cursor:pointer;border-radius:8px;align-items:center;gap:11px;padding:9px 0;display:flex}.aps-studio .pp-chaprow:hover{background:var(--pp-soft)}.aps-studio .pp-chapnum{color:var(--pp-muted);flex:none;width:28px;font-family:JetBrains Mono,monospace;font-size:12px}.aps-studio .pp-chapname{flex:1;font-size:13.5px;font-weight:500}.aps-studio .pp-chaptime{color:var(--pp-muted);font-family:JetBrains Mono,monospace;font-size:12px}.aps-studio .pp-chaprow[data-active=true]{background:var(--pp-soft)}.aps-studio .pp-chaprow[data-active=true] .pp-chapname{color:var(--pp-accent)}.aps-studio .pp-cta{background:var(--pp-accent);height:36px;color:var(--pp-onaccent);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.aps-studio .pp-cta.ghost{color:var(--pp-accent);box-shadow:inset 0 0 0 1.5px var(--pp-accent);background:0 0}.aps-studio .pp-speedmenu{z-index:20;background:var(--pp-surface);border:1px solid var(--pp-track);border-radius:10px;flex-direction:column;gap:2px;min-width:92px;padding:5px;display:flex;position:absolute;box-shadow:0 10px 30px #00000040}.aps-studio .pp-speedmenu button{color:var(--pp-text);text-align:left;border-radius:7px;padding:7px 10px;font-size:12.5px;font-weight:600}.aps-studio .pp-speedmenu button:hover{background:var(--pp-soft)}.aps-studio .pp-speedmenu button[data-on=true]{background:var(--pp-accent);color:var(--pp-onaccent)}.aps-studio .pp-toast{background:var(--pp-text);color:var(--pp-surface);z-index:30;white-space:nowrap;border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:600;animation:.2s aps-fadein;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.aps-studio .overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0506089e;place-items:center;padding:24px;animation:.18s aps-fadein;display:grid;position:fixed;inset:0}.aps-studio .modal{background:var(--panel);border:1px solid var(--border);width:560px;max-width:100%;max-height:88vh;box-shadow:var(--shadow-lg);border-radius:18px;overflow:auto}.aps-studio .modal-head{align-items:flex-start;gap:12px;padding:22px 22px 0;display:flex}.aps-studio .modal-title{letter-spacing:-.01em;font-family:Space Grotesk,system-ui,sans-serif;font-size:19px;font-weight:600}.aps-studio .modal-desc{color:var(--text-3);margin-top:3px;font-size:13px;line-height:1.45}.aps-studio .modal-body{padding:18px 22px 22px}.aps-studio .code{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 15px;position:relative}.aps-studio .code pre{color:var(--text-2);white-space:pre-wrap;word-break:break-all;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7}.aps-studio .code .tok-tag{color:#f97770;color:lab(65.9538% 50.1356 28.6987)}.aps-studio .code .tok-attr{color:#67b0f9;color:lab(69.3801% -7.35816 -44.1862)}.aps-studio .code .tok-str{color:#5ac576;color:lab(71.7413% -45.1561 29.6234)}.aps-studio .code .tok-cmt{color:var(--text-3)}.aps-studio .copy-btn{position:absolute;top:10px;right:10px}.aps-studio .tab-row{gap:4px;margin-bottom:14px;display:flex}.aps-studio .tab-row button{height:32px;color:var(--text-3);background:var(--panel-2);border:1px solid var(--border);transition:all var(--dur);border-radius:8px;padding:0 13px;font-size:12.5px;font-weight:600}.aps-studio .tab-row button[data-on=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.aps-studio .kbd,.aps-studio-foot .kbd{background:var(--raised);border:1px solid var(--border);color:var(--text-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.aps-studio .hk-list{grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:6px;display:grid}.aps-studio .hk-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.aps-studio .hk-row span{color:var(--text-2)}.aps-studio .divider{background:var(--border);height:1px;margin:22px 0}@media (max-width:1100px){.aps-studio-main{grid-template-columns:60px 320px 1fr}}@media (max-width:920px){.aps-studio-main{grid-template-columns:1fr;height:auto}.aps-studio .iconnav{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.aps-studio .iconnav button[data-active=true]:before{display:none}.aps-studio .panel{border-right:none;border-bottom:1px solid var(--border);max-height:420px}.aps-studio .stage{min-height:520px}}