@font-face{font-family:DotFix;src:local("Arial"),local("Helvetica Neue"),local("Segoe UI"),local("Liberation Sans"),local("DejaVu Sans"),local("Noto Sans");unicode-range:U+00B7}:root{color-scheme:dark;--bg:#262626;--bg-2:#2e2e2f;--surf:#2c2c2d;--surf-2:#323233;--line:#3a3a3b;--line-2:#484849;--ink:#f2f2f3;--ink-2:#cfd0d2;--ink-3:#a6a8ac;--ink-4:#8e9095;--c:#ff5c39;--c-ink:#ff7856;--c-dark:#bd442a;--c-tint:rgba(255,92,57,.14);--c-line:rgba(255,92,57,.45);--app-bg:#1e1e1e;--app-panel:#262626;--app-inset:#1f1f1f;--app-sunken:#1a1a1a;--app-raised:#333;--app-line:#3a3a3a;--app-line-strong:#4a4a4a;--app-icon:#b0b4bb;--app-dim:#9ca3af;--app-faint:#6b7280;--axis-x:#ef4444;--axis-y:#22c55e;--axis-z:#3b82f6;--cube-text:#cbd5e1;--r-s:6px;--r-m:12px;--r-l:16px;--r-p:999px;--sans:"DotFix","Instrument Sans","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--kr:"Noto Sans KR","Instrument Sans",sans-serif;--mono:"JetBrains Mono","Noto Sans KR",ui-monospace,monospace;--app-font:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--pad:clamp(18px,4.5vw,40px);--maxw:1160px;--rail:100px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.8;font-weight:400;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}[data-edit]{white-space:pre-line}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:4px}img,svg,canvas{max-width:100%}.sec{border-top:1px solid var(--line);position:relative}.sec--tint,.end--tint{background:var(--bg-2)}.sec .stack{align-items:center;text-align:center}.sec .stack>h2,.sec .stack>.body,.sec .stack>.lede{max-width:74ch}.sec .stack>.exts2,.sec .stack>.defs,.sec .stack>.tscroll,.sec .stack>.trio,.sec .stack>.exts,.sec .stack>.wide,.sec .stack>.slot{text-align:left}.sec .stack>.exts{justify-content:center}.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);gap:clamp(12px,2vw,26px);align-items:center;width:100%;text-align:left}.fg{margin:0;display:flex;flex-direction:column;min-width:0}.fg .slot{border-radius:var(--r-m);overflow:hidden}.fg-dark{background:var(--app-bg);border:1px solid var(--app-line)}.brow{border-radius:var(--r-m);overflow:hidden;background:var(--surf);border:1px solid var(--line-2);box-shadow:0 16px 38px -20px #000000bf}.brow-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--bg-2);border-bottom:1px solid var(--line)}.brow-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);flex:none}.brow-url{margin-left:8px;flex:1;min-width:0;padding:3px 10px;border-radius:var(--r-p);background:var(--surf);border:1px solid var(--line);font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow .slot{border-radius:0}.fg .slot>svg{display:block;width:100%;height:auto}.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--c)}@media(max-width:860px){.flow{grid-template-columns:minmax(0,1fr)}.flow-arrow{padding:10px 0}}.sec--left .stack{align-items:flex-start;text-align:left}.sec--left .stack>.exts{justify-content:flex-start}.sec--cols .sec-in{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(24px,5vw,72px);align-items:start}.sec--cols .hcol,.sec--cols .ccol{display:flex;flex-direction:column;gap:22px;min-width:0;text-align:left}.sec--cols .hcol{gap:20px}.sec--cols .ccol>.defs{margin-top:2px}.sec--bleed .wide{width:min(1420px,calc(100vw - 2 * var(--pad)));margin-left:50%;translate:-50% 0}.sec-in{max-width:var(--maxw);margin:0 auto;padding:clamp(58px,8vw,110px) var(--pad)}.split{display:grid;grid-template-columns:minmax(0,1fr)}h1,h2,h3{margin:0;font-weight:500;text-wrap:balance}h1{font-family:var(--kr);font-size:clamp(36px,5.3vw,57px);line-height:1.26;letter-spacing:-.03em;font-weight:500;max-width:none}h2{font-size:clamp(26px,3.4vw,39px);line-height:1.35;letter-spacing:-.024em}h3{font-size:17.5px;line-height:1.5;letter-spacing:-.014em;font-weight:500}.soft{color:var(--ink-3)}p{margin:0}.lede{font-size:clamp(16px,1.6vw,18.5px);line-height:1.74;color:var(--ink-2);max-width:50ch}.body{font-size:15px;line-height:1.82;color:var(--ink-2);max-width:60ch}.tiny{font-size:13px;line-height:1.72;color:var(--ink-3)}.stack{display:flex;flex-direction:column;gap:22px;align-items:flex-start;min-width:0}.pill{display:inline-flex;align-items:center;gap:9px;height:29px;padding:0 13px 0 10px;border-radius:var(--r-p);border:1px solid var(--line-2);background:#ffffff0d;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ink-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 0 3px var(--c-tint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--r-s);font-family:var(--sans);font-size:14.5px;font-weight:500;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.btn--go{background:var(--ink);color:var(--bg)}.btn--go:hover{background:#fff;box-shadow:0 10px 24px -10px #ff5c398c;transform:translateY(-1px)}.btn--line{background:var(--surf);border-color:var(--line-2);color:var(--ink)}.btn--line:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:0 10px 22px -10px #0000008c;transform:translateY(-1px)}.btn--sm{height:34px;font-size:13.5px;padding:0 15px}.btn .os{width:15px;height:15px;flex:none;fill:currentColor;fill-rule:evenodd}.btn--sm .os{width:13.5px;height:13.5px}.btn--bare{background:transparent;color:var(--ink-3);padding:0 8px;height:34px}.btn--bare:hover{color:var(--ink)}.top{position:sticky;top:0;z-index:40;background:#262626eb;border-bottom:1px solid var(--line)}.top-in{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);height:58px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px}.logo .n{font-family:var(--sans);font-size:15.5px;font-weight:600;letter-spacing:-.022em}.logo .n i{font-style:normal;color:var(--c)}.hero{position:relative;overflow:hidden;isolation:isolate}.hero .grid-bg{position:absolute;inset:-1px 0 auto;height:700px;pointer-events:none;z-index:-2;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 76% 60% at 50% -4%,#000 12%,transparent 72%);mask-image:radial-gradient(ellipse 76% 60% at 50% -4%,#000 12%,transparent 72%)}.hero .grid-bg:before{content:"";position:absolute;inset:-62px;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:62px 62px;will-change:transform;animation:drift 22s linear infinite}@keyframes drift{to{transform:translate3d(62px,62px,0)}}.hero .spot{position:absolute;inset:0;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 58%,rgba(0,0,0,.45) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 58%,rgba(0,0,0,.45) 82%,transparent 100%);background:radial-gradient(900px 500px at 50% -14%,#ff5c391c,#ff5c390b 40%,#ff5c3903,#ff5c3900)}.hero-in{max-width:var(--maxw);margin:0 auto;padding:clamp(54px,7vw,92px) var(--pad) clamp(10px,2vw,24px)}.hero-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(400px,40vw,530px));gap:clamp(20px,3.5vw,44px);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start;max-width:min(700px,100%)}.hero-3d{position:relative}.hero-3d:before{content:"";position:absolute;left:calc(50% + 4px);bottom:29px;width:70%;height:34px;translate:-50% 0;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000 78%)}.hero-3d canvas{position:relative}.hero-3d canvas{display:block;width:100%;height:460px;cursor:grab;touch-action:pan-y}.hero-3d canvas:active{cursor:grabbing}@media(max-width:980px){.hero-cols{grid-template-columns:minmax(0,1fr)}.hero-3d{display:none}}.acts{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.os{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-4);text-transform:uppercase}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.free-badge{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:var(--c-tint);border:1px solid var(--c-line);color:var(--c-ink);font-size:14px;font-weight:600;letter-spacing:-.01em}.credit{margin:0;font-size:14px;line-height:1.7;color:var(--ink-3)}.credit a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2)}.credit a:hover{color:var(--c);border-color:var(--c)}.beam{position:relative;padding:1px;border-radius:var(--r-l);overflow:hidden;background:var(--line-2)}.beam:before{content:"";position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0deg 264deg,var(--c-dark) 300deg,var(--c) 332deg,transparent 360deg);animation:spin 9s linear infinite}.beam>*{position:relative;border-radius:calc(var(--r-l) - 1px)}@keyframes spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.beam:before{animation:none}}.app{margin-top:clamp(40px,5.5vw,66px)}.app-in{background:var(--app-bg);overflow:hidden;font-family:var(--app-font);font-size:13px;line-height:1.5;letter-spacing:0;color:var(--ink)}.tabbar{display:flex;align-items:stretch;gap:0;height:40px;background:var(--app-sunken);border-bottom:1px solid var(--app-line)}.tab{display:flex;align-items:center;gap:9px;padding:0 13px;font-size:12.5px;color:var(--ink);background:var(--app-panel);border-right:1px solid var(--app-line);border-top:2px solid var(--c);max-width:230px}.tab .x{color:var(--app-faint);font-size:14px;line-height:1}.tab-add{display:flex;align-items:center;justify-content:center;width:34px;color:var(--app-dim);font-size:17px}.app-body{display:grid;grid-template-columns:minmax(0,1fr) 50px 300px}.stage{position:relative;min-height:clamp(400px,54vw,640px);overflow:hidden;background:var(--app-bg)}.stage .hint{position:absolute;left:14px;bottom:12px;z-index:4;font-size:11.5px;color:var(--app-faint)}.toolstrip{border-left:1px solid var(--app-line);background:var(--app-inset);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0}.toolstrip{pointer-events:none;user-select:none}.toolstrip i{width:38px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--app-icon);padding:0;opacity:.6}.toolstrip .sep{width:22px;height:1px;background:var(--app-line-strong);margin:6px 0}.toolstrip svg,.modebar svg{width:22px;height:22px;display:block}.modebar svg{width:19px;height:19px}.toolstrip svg .edge{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.toolstrip svg .plane{fill:currentColor;fill-opacity:.62;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}.toolstrip svg .mark{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.toolstrip svg .solid{fill:currentColor}.toolstrip svg .f1{fill:currentColor;opacity:.85}.toolstrip svg .f2{fill:currentColor;opacity:.5}.toolstrip svg .f3{fill:currentColor;opacity:.26}.sidebar{background:var(--app-panel);border-left:1px solid var(--app-line);padding:14px 14px 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.wordmark{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.2}.wordmark i{font-style:normal;color:var(--c)}.card{background:var(--app-inset);border:1px solid var(--app-line);border-radius:5px}.list-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--app-line);font-size:12.5px;color:var(--ink)}.list-head .ic{display:flex;gap:9px;color:var(--app-icon)}.list-head .ic .open{color:var(--c)}.list-head svg{width:15px;height:15px;display:block}.ptable{width:100%;border-collapse:collapse;font-size:11.5px}.ptable th{text-align:left;font-weight:400;color:var(--app-dim);padding:6px;border-bottom:1px solid var(--app-line)}.ptable th.u{color:var(--c);text-decoration:underline}.ptable td{padding:6px;color:var(--ink);border-bottom:1px solid transparent}.ck{display:inline-block;width:12px;height:12px;border-radius:2px;background:var(--c);position:relative}.ck:after{content:"";position:absolute;left:3.5px;top:1px;width:4px;height:7px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(42deg)}.swatch{display:inline-block;width:12px;height:12px;border-radius:2px;background:#b9b9dc;border:1px solid #55556e}.swatch.off{background:transparent;border-color:#55556e}.plist-empty{height:64px}.dim-card{padding:9px 10px 10px}.dim-card h5{margin:0 0 6px;font-size:12.5px;font-weight:400;color:var(--ink)}.dim-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:2.5px 0;font-size:12px}.dim-row span:first-child{color:var(--app-dim)}.dim-row b{font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.dim-row b u{text-decoration:none;color:var(--app-dim);margin-left:4px}.fold{display:flex;align-items:center;gap:6px;padding:7px 2px;font-size:12.5px;color:var(--ink);border-top:1px solid var(--app-line);margin-bottom:auto}.fold:before{content:"▶";font-size:8px;color:var(--app-dim)}.ln{fill:none;stroke:#ffffff57;stroke-width:1;stroke-linejoin:round;stroke-linecap:round}.ln-d{fill:none;stroke:#ffffff26;stroke-width:1;stroke-dasharray:3 3}.fl{fill:#ffffff0d}.fl2{fill:#ffffff14}.hot{fill:none;stroke:#ff5c39;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.hot-fl{fill:#ff5c3933}.lnw{fill:none;stroke:#fff6;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.ln-dw{fill:none;stroke:#fff3;stroke-width:1.4;stroke-dasharray:5 5}.hotw{fill:none;stroke:#ff5c39;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.fillw{fill:#ffffff38}.txw{fill:#9ca3af;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.04em}.txw-h{fill:#ff5c39;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.04em}.tx{fill:#9ca3af;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em}.tx-h{fill:#ff5c39;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em}.exts{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:2px 0 0}.ext{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:var(--r-p);border:1px solid var(--line-2);background:var(--surf);font-family:var(--mono);font-size:13.5px;letter-spacing:.02em;color:var(--ink-2)}.exts2{display:flex;flex-direction:column;width:100%;margin:0;gap:16px}.exts2>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:clamp(12px,2vw,24px);align-items:start}.exts2 dt{margin:0;font-size:14.5px;font-weight:500;color:var(--ink);line-height:34px}.exts2 dd{margin:0}.ext--cad{border-color:var(--c-line);background:var(--c-tint);color:var(--c-ink)}.defs dd code{font-family:var(--mono);font-size:14.5px;line-height:1.8;color:var(--ink-3);word-break:break-all}.ext-note{margin:2px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-4);text-transform:uppercase}.readout{display:flex;flex-wrap:wrap;margin:0;width:100%;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.readout>div{flex:1 1 132px;padding:15px 20px 16px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}.readout>div:first-child{border-left:0;padding-left:0}.readout dt{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.readout dd{margin:0;font-family:var(--mono);font-size:21px;font-weight:500;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.35}.readout dd.mark{color:var(--c)}.readout--mid>div{align-items:center;text-align:center}.readout--mid>div:first-child{padding-left:20px}.mk-shot{width:100%;max-width:820px;margin:0 auto;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line)}.src{margin:0 auto;max-width:64ch;font-size:12px;line-height:1.8;color:var(--ink-4)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}.cd{position:relative;display:flex;flex-direction:column;border-radius:var(--r-m);background:var(--surf);border:1px solid var(--line-2);box-shadow:0 1px 3px #0000004d;overflow:hidden}.cd .pane{display:block;padding:22px 18px;min-height:172px;background:var(--app-bg)}.cd .pane svg{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}.cd .txt{padding:18px 20px 21px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line-2)}.cd .txt p{font-size:13.5px;line-height:1.76;color:var(--ink-3)}.defs{display:flex;flex-direction:column;width:100%;margin:0}.defs>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:clamp(12px,2vw,24px);padding:16px 0;border-top:1px solid var(--line)}.defs>div:last-child{border-bottom:1px solid var(--line)}.defs dt{margin:0;font-size:14.5px;font-weight:500;color:var(--ink)}.defs dd{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-3)}.wide{width:100%;border-radius:var(--r-m);background:var(--app-bg);border:1px solid var(--app-line);padding:clamp(16px,2.2vw,28px);display:block}.wide svg{display:block;width:100%;max-width:900px;height:auto;margin:0 auto}.tscroll{overflow-x:auto;width:100%;min-width:0;max-width:100%;border-radius:var(--r-m);border:1px solid var(--line-2);box-shadow:0 1px 3px #0000004d;background:var(--surf)}table.cmp{border-collapse:collapse;width:100%;min-width:640px}.cmp th,.cmp td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line-2);vertical-align:top}.cmp thead th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-weight:400;white-space:nowrap}.cmp thead th.us{color:var(--ink)}.cmp tbody tr:last-child td{border-bottom:0}.cmp td{font-size:14px;line-height:1.7;color:var(--ink-3)}.cmp td.k{color:var(--ink);width:22%;white-space:nowrap}.cmp td.us{color:var(--ink);background:var(--c-tint);box-shadow:inset 2px 0 0 var(--c)}.cmds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.cmd{border-radius:var(--r-s);background:var(--surf);border:1px solid var(--line-2);padding:15px 16px;display:flex;flex-direction:column;gap:9px;transition:border-color .2s ease}.cmd:hover{border-color:var(--c-line)}.cmd b{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-4);font-weight:400}.cmd code{font-family:var(--mono);font-size:13px;color:var(--ink);display:block;white-space:normal;word-break:break-all;line-height:1.55}.end{border-top:1px solid var(--line);text-align:center;position:relative;overflow:hidden}.end:before{content:"";position:absolute;left:50%;bottom:-52%;width:900px;height:560px;translate:-50% 0;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(255,92,57,.15),transparent 70%)}.end-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,9vw,124px) var(--pad);display:flex;flex-direction:column;align-items:center;gap:22px}.end h2{max-width:17ch}.end .lede{text-align:center;max-width:46ch}.foot{border-top:1px solid var(--line)}.foot-in{max-width:var(--maxw);margin:0 auto;padding:30px var(--pad) 36px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.7;color:var(--ink-3)}.foot-line{margin:0;display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline}.foot-line .bar{color:var(--ink-4)}.foot-bottom{display:flex;flex-direction:column;gap:8px;margin-top:18px}.foot-links{margin:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12.5px;color:var(--ink-3)}.foot-links a{transition:color .15s ease}.foot-links a:hover{color:var(--ink)}.foot-copy{margin:0;font-size:12.5px;color:var(--ink-4)}.rv{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}body.js .rv.pending{opacity:0;transform:translateY(16px)}.tools{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:8px}.tools .btn{height:36px;font-size:13px;background:#2c2c2df0;border:1px solid var(--line-2);color:var(--ink-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tools .btn:hover{color:var(--ink);border-color:var(--c-line)}.tools .btn.on{background:var(--c);color:#fff;border-color:var(--c)}body.editing .tools{bottom:80px}.slot{position:relative}.slot>.slot-img{display:none;width:100%;height:auto;border-radius:inherit}.slot.has-img>.slot-ph{display:none}.slot.has-img>.slot-img{display:block}.cd .pane.has-img,.wide.has-img{padding:0;min-height:0;background:var(--app-bg)}.slot-tools{display:none;position:absolute;right:10px;top:10px;z-index:20;align-items:center;gap:6px;padding:4px;border-radius:var(--r-p);background:#2c2c2df2;border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.editing .slot-tools{display:flex}.slot-tools .key{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-4);padding:0 6px}.slot-tools button{height:26px;padding:0 11px;border-radius:var(--r-p);border:1px solid var(--line-2);background:#ffffff14;color:var(--ink-2);font-family:var(--kr);font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.slot-tools button:hover{background:var(--c);color:#fff;border-color:var(--c)}.slot-tools .rm{display:none}.slot.has-img .slot-tools .rm{display:inline-flex}body.editing .slot{outline:1px dashed rgba(255,92,57,.35);outline-offset:-1px}body.editing .slot:hover{outline-color:var(--c)}body.editing [data-edit]{outline:1px dashed var(--c-line);outline-offset:3px;border-radius:2px;cursor:text}body.editing p[data-edit],body.editing dd[data-edit],body.editing h1[data-edit],body.editing li[data-edit]{resize:both;overflow:auto;min-width:18ch;min-height:2.4em}body.editing [data-edit][style*=width]{max-width:100%}body.editing p[data-edit]::-webkit-resizer,body.editing dd[data-edit]::-webkit-resizer{background:var(--c-tint)}body.editing [data-edit]:hover{outline-color:var(--c);background:var(--c-tint)}body.editing [data-edit]:focus{outline:1.5px solid var(--c);background:#ff5c391f}body.editing [data-plate]:after{content:attr(data-plate);position:absolute;top:10px;right:14px;z-index:9;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--surf-2);border:1px solid var(--line-2);border-radius:var(--r-p);padding:2px 9px;pointer-events:none}.savebar{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:61;display:none;align-items:center;gap:12px;height:48px;padding:0 8px 0 20px;border-radius:var(--r-p);background:var(--surf-2);border:1px solid var(--line-2);box-shadow:0 14px 40px -12px #0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.editing .savebar{display:flex}.savebar span{font-size:13px;color:var(--ink-3);white-space:nowrap}.savebar b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.savebar .btn{height:32px;font-size:13px;padding:0 14px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(452px,100vw);z-index:70;background:var(--surf);border-left:1px solid var(--line-2);box-shadow:-28px 0 60px -28px #0009;transform:translate(101%);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-h{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line-2);flex:none}.drawer-h b{font-size:14px;font-weight:500}.drawer-h .btn{margin-left:auto}.drawer-b{overflow-y:auto;padding:22px 18px 48px;display:flex;flex-direction:column;gap:28px}.dg{display:flex;flex-direction:column;gap:11px}.dg>h4{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-weight:400}.dg p{font-size:13px;line-height:1.74;color:var(--ink-3)}.dg code{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.kv{margin:0;display:flex;flex-direction:column}.kv>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}.kv>div:last-child{border-bottom:0}.kv dt{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--ink-4);flex:none}.kv dd{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);text-align:right;word-break:break-all}.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:7px;vertical-align:-1px;border:1px solid var(--line-2)}.note{border-left:2px solid var(--c);padding:2px 0 2px 13px;font-size:13px;line-height:1.74;color:var(--ink-2)}.ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ul li{font-size:13px;line-height:1.72;color:var(--ink-3);padding-left:15px;position:relative}.ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:1px;background:var(--ink-4)}.ul li b{font-weight:500;color:var(--ink-2)}.scrim{position:fixed;inset:0;z-index:69;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease}.scrim.on{opacity:1;pointer-events:auto}@media(max-width:1040px){.trio{grid-template-columns:1fr}.app-body{grid-template-columns:minmax(0,1fr) 50px}.sidebar{grid-column:1 / -1;border-left:0;border-top:1px solid var(--app-line)}.cmds{grid-template-columns:1fr}}@media(max-width:900px){.sec--cols .sec-in{grid-template-columns:minmax(0,1fr);gap:26px}}@media(max-width:720px){.defs>div{grid-template-columns:minmax(0,1fr);gap:3px}.exts2>div{grid-template-columns:minmax(0,1fr);gap:6px}.exts2 dt{line-height:1.6}.readout>div{flex-basis:118px;padding:12px 14px}.readout>div:first-child{padding-left:0}.readout dd{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}body.js .rv.pending{opacity:1;transform:none}}