:root{--bg:#0a0a0a;--bg-2:#000;--bg-3:#000;--surface:#1a1a1a;--surface-2:#1f1f1f;--border:#2e2e2e;--border-strong:#454545;--text:#ededed;--text-muted:#a1a1a1;--text-dim:#8f8f8f;--blue:#0072f5;--blue-hover:#52a8ff;--blue-deep:#1b5b9e;--violet:#62b241;--violet-soft:#8fc96f;--green:#62b241;--amber:#f59e0b;--red:#ef4444;--header-bg:#0a0a0ad9;--hover-overlay:var(--hover-overlay);--hover-overlay-soft:var(--hover-overlay-soft)}:root[data-theme=light]{--bg:#fff;--bg-2:#fafafa;--bg-3:#fff;--surface:#fff;--surface-2:#fafafa;--border:#ebebeb;--border-strong:#c9c9c9;--text:#171717;--text-muted:#666;--text-dim:#8f8f8f;--blue:#0072f5;--blue-hover:#0062d1;--blue-deep:#1b5b9e;--violet:#45a557;--violet-soft:#398e4a;--green:#45a557;--header-bg:#ffffffd9;--hover-overlay:#1717170d;--hover-overlay-soft:#17171708}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Montserrat,system-ui,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.display{letter-spacing:-.02em;font-family:Montserrat,sans-serif}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:24px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.logo-mark{background:linear-gradient(135deg,#0072f5 0%,#62b241 100%);border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:relative;box-shadow:0 0 16px #0072f54d}.logo-mark:before{content:"";background:linear-gradient(90deg,#ffffffe6 0 1px,#0000 1px) 0 0/6px 100%,linear-gradient(#ffffffe6 0 1px,#0000 1px) 0 0/100% 6px;border-radius:4px;position:absolute;inset:6px}.header-spacer{flex:1}.theme-toggle{background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:999px;place-items:center;transition:color .18s,background .18s;display:inline-grid}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.lang-switcher{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.lang-switcher button{color:var(--text-muted);letter-spacing:.02em;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.lang-switcher button.active{background:var(--border);color:var(--text)}.btn{letter-spacing:.005em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-ghost{border-color:var(--blue);color:var(--text);background:0 0}.btn-ghost:hover{background:#0072f514}.btn-filled{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-filled:hover{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-pulse{animation:2.4s ease-in-out infinite ctaPulse;box-shadow:0 0 #0072f580}@keyframes ctaPulse{0%,to{box-shadow:0 0 #0072f580,0 0 24px #0072f533}50%{box-shadow:0 0 0 8px #0072f500,0 0 24px #0072f566}}.btn-outline-violet{border-color:var(--violet);color:var(--violet-soft);background:0 0}.btn-outline-violet:hover{background:#62b2411a}.btn-outline-blue{border-color:var(--blue);color:var(--blue-hover);background:0 0}.btn-outline-blue:hover{background:#0072f514}.btn-block{border-radius:12px;width:100%;padding:11px 18px}.hero{max-width:1680px;margin:0 auto;padding:48px 24px 32px;position:relative;overflow:clip}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-geo{width:min(960px,96%);height:auto;fill:var(--border-strong);opacity:.5;z-index:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-fade{z-index:0;pointer-events:none;background:linear-gradient(to right, var(--bg) 0%, transparent 36%, transparent 64%, var(--bg) 100%);position:absolute;inset:0}@media (width<=720px){.hero-geo{display:none}}.eyebrow{border:1px solid var(--blue);color:var(--blue-hover);letter-spacing:.04em;text-transform:uppercase;background:#0072f50f;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 10px var(--blue);border-radius:50%;animation:1.4s ease-in-out infinite eyebrow-blink}@keyframes eyebrow-blink{0%,to{opacity:1}50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.eyebrow .dot{animation:none}}.hero h1{letter-spacing:-.03em;text-wrap:pretty;color:var(--text);max-width:20ch;margin:16px 0 14px;font-family:Montserrat,sans-serif;font-size:clamp(32px,4.4vw,56px);font-weight:900;line-height:1.05}.hero h1 .hl-blue{color:var(--blue-deep)}.hero h1 .hl-green{color:var(--green)}.hero p.sub{color:var(--text-muted);max-width:56ch;margin:0;font-size:16px}.playground{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;max-width:1680px;margin:0 auto;padding:8px 24px 64px;display:grid}@media (width<=1100px){.playground{grid-template-columns:1fr}}.sidebar{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-width:0;max-height:calc(100vh - 100px);display:flex;position:sticky;top:84px;overflow:hidden;box-shadow:0 8px 32px #00000040}.sidebar-tabs{border-bottom:1px solid var(--border);background:0 0;gap:6px;padding:10px 10px 0;display:flex;position:relative}.sidebar-tabs button{color:var(--text-muted);letter-spacing:-.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;flex:1;justify-content:center;align-items:center;gap:8px;margin-bottom:-1px;padding:11px 10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;position:relative}.sidebar-tabs button svg{opacity:.7}.sidebar-tabs button:hover{color:var(--text);background:var(--hover-overlay-soft)}.sidebar-tabs button:hover svg{opacity:1}.sidebar-tabs button.active{color:var(--text);background:var(--bg-2);border-color:var(--border);border-bottom-color:var(--bg-2)}.sidebar-tabs button.active svg{opacity:1;color:var(--blue-hover)}.sidebar-tabs button.active:before{content:"";background:linear-gradient(90deg, var(--blue), var(--violet));border-radius:2px;height:2px;position:absolute;top:0;left:12px;right:12px}.sidebar-tabs .tab-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.sidebar-body{background:var(--bg-2);flex:1;padding:4px 0 8px;overflow-y:auto}.sidebar-body::-webkit-scrollbar{width:8px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sub-panel-body{padding:6px 4px 6px 6px}.preview-card{min-width:0}.pivot-table-wrap{max-width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;max-height:calc(100vh - 100px);display:flex;position:sticky;top:84px;overflow:hidden}@media (width<=1100px){.panel{max-height:none;position:static}}.panel-header{border-bottom:1px solid var(--border);letter-spacing:-.01em;align-items:center;gap:10px;padding:16px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;display:flex}.panel-header .ic{width:18px;height:18px;color:var(--blue-hover)}.panel-body{flex:1;padding:8px 6px 8px 8px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.accordion{border-bottom:1px solid var(--border)}.accordion:last-child{border-bottom:none}.accordion-head{width:100%;color:var(--text);letter-spacing:-.005em;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:600;display:flex}.accordion-head:hover{background:#ffffff05}.accordion-head .chev{color:var(--text-dim);margin-left:auto;transition:transform .2s}.accordion.open .chev{transform:rotate(90deg)}.accordion-head .badge-count{color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.accordion-body{padding:4px 12px 14px;display:none}.accordion.open .accordion-body{display:block}.prop-row{border-bottom:1px dashed #0000;padding:8px 0;position:relative}.prop-row+.prop-row{border-top:1px dashed var(--hover-overlay)}.prop-name{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.prop-name .reset{opacity:0;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:10px;transition:opacity .15s}.prop-row:hover .prop-name .reset{opacity:1}.prop-name .reset:hover{color:var(--blue-hover)}.mui-switch{--w:34px;--h:18px;width:var(--w);height:var(--h);background:var(--border);cursor:pointer;border:1px solid var(--border-strong);border-radius:999px;flex-shrink:0;transition:background .18s;position:relative}.mui-switch:after{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:all .18s;position:absolute;top:2px;left:2px}.mui-switch.on{border-color:var(--blue);background:#0072f54d}.mui-switch.on:after{background:var(--blue-hover);left:18px;box-shadow:0 0 8px #0072f599}.mui-select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border-strong);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%236b7280' stroke-width='1.4' fill='none' stroke-linecap='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:7px 28px 7px 10px;font-size:12px}.mui-select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0072f526}.mui-slider{appearance:none;background:linear-gradient(to right, var(--blue) var(--p,50%), var(--border-strong) var(--p,50%));border-radius:999px;outline:none;width:100%;height:4px}.mui-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue-hover);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #0072f580}.mui-slider::-moz-range-thumb{background:var(--blue-hover);border:2px solid var(--bg);border-radius:50%;width:14px;height:14px}.color-input{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:8px;width:28px;height:28px;padding:0;overflow:hidden}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.row-flex{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-flex .val{color:var(--text);background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:4px;min-width:38px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.seg{background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;width:100%;padding:2px;display:inline-flex}.seg button{color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;padding:5px 6px;font-size:11px;font-weight:500}.seg button.active{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 1px var(--border-strong)}.reset-all{border-top:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:12px;display:flex}.reset-all:hover{color:var(--blue-hover)}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;position:sticky;top:84px;overflow:hidden}@media (width<=1100px){.preview-card{height:auto;min-height:600px;position:static}}.preview-card-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.jsx-panel{background:var(--bg-2);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.code-editor{background:var(--bg-3);flex:1;min-height:0;position:relative;overflow:hidden}.jsx-panel .code-editor-highlight,.jsx-panel .code-editor-input,.code-editor-highlight,.code-editor-input{tab-size:2;white-space:pre;border:none;outline:none;margin:0;padding:14px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.55;position:absolute;inset:0;overflow:auto}.jsx-panel .code-editor-highlight,.code-editor-highlight{pointer-events:none;color:var(--text);background:0 0}.jsx-panel .code-editor-input,.code-editor-input{color:#0000;width:100%;height:100%;caret-color:var(--text);resize:none;-webkit-text-fill-color:transparent;background:0 0}.code-editor-input::selection{-webkit-text-fill-color:transparent;background:#38bdf852}.tk-comment{color:#6b7280;font-style:italic}.tk-string{color:#10b981}.tk-tag{color:#ec4899}.tk-tag-punct{color:#9ca3af}.tk-attr{color:#38bdf8}.tk-keyword{color:#a78bfa}.tk-number{color:#f59e0b}.tk-punct{color:#9ca3af}[data-theme=light] .tk-comment{color:#64748b}[data-theme=light] .tk-string{color:#047857}[data-theme=light] .tk-tag{color:#be185d}[data-theme=light] .tk-attr{color:#0369a1}[data-theme=light] .tk-keyword{color:#6d28d9}[data-theme=light] .tk-number{color:#b45309}[data-theme=light] .tk-punct,[data-theme=light] .tk-tag-punct{color:#475569}.jsx-error{color:#fca5a5;white-space:pre-wrap;background:#ef444414;border-top:1px solid #ef444466;max-height:140px;padding:10px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;overflow:auto}.jsx-ok{border-top:1px solid var(--border);color:var(--green);background:var(--bg-2);padding:6px 14px;font-size:11px}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:12px;height:44px;padding:0 14px;font-size:12px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulseDot;box-shadow:0 0 #22c55e99}@keyframes pulseDot{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e00}}.viewport-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-left:auto;padding:2px;display:inline-flex}.viewport-toggle button{color:var(--text-dim);background:0 0;border:none;border-radius:6px;place-items:center;padding:4px 8px;display:grid}.viewport-toggle button.active{background:var(--bg);color:var(--blue-hover)}.share-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.share-btn:hover{color:var(--text);border-color:var(--border-strong)}.sample-banner{color:var(--blue-hover);background:#0072f50f;border-bottom:1px solid #0072f533;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.sample-banner button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px}.sample-banner button:hover{color:var(--text)}.preview-stage{background:radial-gradient(ellipse at top, #0072f50a, transparent 60%), var(--bg-2);flex:1;justify-content:center;min-height:0;padding:20px;display:flex;overflow:auto}.preview-stage::-webkit-scrollbar{width:8px;height:8px}.preview-stage::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.preview-frame{border-radius:10px;width:100%;max-width:100%;transition:max-width .3s;box-shadow:inset 0 0 60px #0000}.preview-frame.tablet{max-width:760px}.preview-frame.mobile{max-width:380px}.pivot-shell{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;overflow:hidden}.pivot-shell.theme-light{color:#0f172a;background:#fff;border-color:#e5e7eb}.pivot-toolbar{border-bottom:1px solid var(--border-strong);background:#ffffff05;align-items:center;gap:8px;padding:10px 12px;display:flex}.theme-light .pivot-toolbar{background:#f8fafc;border-color:#e5e7eb}.pivot-search{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;flex:1;align-items:center;gap:6px;max-width:240px;padding:5px 9px;font-size:11px;display:flex}.theme-light .pivot-search{color:#64748b;background:#fff;border-color:#e5e7eb}.pivot-tool-btn{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;display:inline-flex}.theme-light .pivot-tool-btn{color:#475569;background:#fff;border-color:#e5e7eb}.pivot-tool-btn.primary{background:var(--accent,var(--blue));border-color:var(--accent,var(--blue));color:#fff}.pivot-table-wrap{max-height:520px;overflow:auto}.pivot-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--ptfs,14px)}.pivot-table th,.pivot-table td{padding:var(--cell-pad,10px 14px);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.theme-light .pivot-table th,.theme-light .pivot-table td{border-color:#f1f5f9}.pivot-table thead th{background:var(--bg-2);font-weight:600;font-size:calc(var(--ptfs,14px) - 1px);letter-spacing:.01em;color:var(--text-muted);border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10.5px;position:sticky;top:0}.theme-light .pivot-table thead th{color:#475569;background:#f8fafc;border-color:#e5e7eb}.pivot-table thead th .resize{cursor:col-resize;width:4px;position:absolute;top:0;bottom:0;right:0}.pivot-table thead th{position:sticky}.pivot-table tbody tr:hover{background:#0072f50d}.theme-light .pivot-table tbody tr:hover{background:#f8fafc}.pivot-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:calc(var(--ptfs,14px) - 1px)}.pivot-table .group-row td{color:var(--blue-hover);font-weight:600;font-size:calc(var(--ptfs,14px) - 1px);background:#0072f50f}.theme-light .pivot-table .group-row td{color:#2563eb;background:#eff6ff}.pivot-table .subtotal-row td{color:var(--text);font-weight:600;font-size:calc(var(--ptfs,14px) - .5px);border-top:1px solid var(--border-strong);background:#ffffff05}.theme-light .pivot-table .subtotal-row td{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.pivot-table .total-row td{color:var(--text);border-top:2px solid var(--violet);font-weight:700;font-size:var(--ptfs,14px);background:#62b24114}.theme-light .pivot-table .total-row td{color:#581c87;border-top-color:var(--violet);background:#faf5ff}.pivot-footer{border-top:1px solid var(--border-strong);color:var(--text-muted);background:#ffffff05;justify-content:space-between;align-items:center;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.theme-light .pivot-footer{color:#64748b;background:#f8fafc;border-color:#e5e7eb}.pivot-footer .pager{align-items:center;gap:4px;display:flex}.pivot-footer .pager button{border:1px solid var(--border-strong);color:var(--text-muted);background:0 0;border-radius:5px;width:22px;height:22px;padding:0}.theme-light .pivot-footer .pager button{color:#475569;border-color:#e2e8f0}.density-compact{--cell-pad:5px 10px}.density-standard{--cell-pad:9px 14px}.density-comfortable{--cell-pad:14px 16px}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 8px;font-size:12px;font-weight:500}.tabs button.active{color:var(--text);border-bottom-color:var(--blue)}.preset-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;margin:10px 12px;padding:12px;transition:all .18s}.preset-card:hover{border-color:var(--border-strong)}.preset-card.active{border-color:var(--blue);background:#0072f50a;box-shadow:0 0 20px #0072f52e}.preset-card .pname{margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.preset-card .pdesc{color:var(--text-muted);margin-bottom:8px;font-size:11px}.preset-card .badges{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.preset-card.active .chip{color:var(--blue-hover);background:#0072f514;border-color:#0072f54d}.dropzone{border:2px dashed var(--border-strong);text-align:center;color:var(--text-muted);cursor:pointer;border-radius:10px;margin:12px;padding:28px 14px;font-size:12px;transition:all .18s}.dropzone:hover{border-color:var(--blue);color:var(--blue-hover);border-style:solid;box-shadow:0 0 20px #0072f52e}.dropzone.active{border-color:var(--blue);color:var(--blue-hover);background:#0072f50f;border-style:solid}.dropzone.error{border-color:var(--red);color:#fca5a5;background:#ef44440f;border-style:solid}.dropzone.success{border-color:var(--green);color:#86efac;background:#22c55e0f;border-style:solid}.dropzone .icon{margin-bottom:8px;font-size:22px}.mapper{padding:0 12px 12px}.mapper h4{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:8px 0;font-size:11px;font-weight:600}.mapper-row{background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr 16px 1fr;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;display:grid}.mapper-row.amber{border-color:var(--amber);background:#f59e0b0d}.mapper-row .arr{color:var(--text-dim);text-align:center}.mapper-row .target{color:var(--text);justify-content:space-between;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.mapper-row .target .req{color:var(--blue);font-size:9px}.mapper-row .target .opt{color:var(--text-dim);font-size:9px}.section{background:var(--bg-2);border-top:1px solid var(--border);padding:80px 32px}.section-inner{max-width:1200px;margin:0 auto}.section-title{letter-spacing:-.03em;text-align:center;margin:0 0 14px;font-family:Montserrat,sans-serif;font-size:clamp(28px,3.4vw,44px);font-weight:800}.section-sub{text-align:center;color:var(--text-muted);margin:0 0 48px;font-size:16px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:32px;display:flex;position:relative}.price-card.highlighted{border-color:#0072f566;box-shadow:0 0 40px #0072f526}.price-card .pic-icon{width:44px;height:44px;color:var(--blue-hover);background:#0072f51a;border:1px solid #0072f540;border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.price-card.violet .pic-icon{color:var(--violet-soft);background:#62b2411a;border-color:#62b2414d}.price-card .plan-name{letter-spacing:-.01em;margin-bottom:6px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.price-card .price{letter-spacing:-.035em;margin:6px 0 4px;font-family:Montserrat,sans-serif;font-size:44px;font-weight:800;line-height:1.1}.price-card .price.gradient{background:linear-gradient(95deg, var(--blue), var(--violet-soft));color:#0000;-webkit-background-clip:text;background-clip:text}.price-card .price .per{color:var(--text-muted);letter-spacing:0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}.price-card .billing{color:var(--text-muted);margin-bottom:18px;font-size:12px}.price-card .pdesc{color:var(--text-muted);margin-bottom:22px;font-size:13px;line-height:1.55}.price-card .features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.price-card .features li{color:var(--text);align-items:flex-start;gap:10px;font-size:13px;display:flex}.price-card .features li.excluded{color:var(--text-dim)}.price-card .features .check{color:var(--green);flex-shrink:0;margin-top:2px}.price-card .features .x{color:var(--text-dim);flex-shrink:0;margin-top:2px}.price-card .license-note{color:var(--text-dim);text-align:center;margin-top:12px;font-size:11px;line-height:1.5}.plan-badge{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:600;position:absolute;top:18px;right:18px}.plan-badge.popular{background:var(--blue);color:#fff}.plan-badge.recommended{border:1px solid var(--violet);color:var(--violet-soft)}.renewal-note{color:var(--text-muted);border:1px solid #62b2414d;border-radius:10px;gap:8px;margin-bottom:18px;padding:10px 12px;font-size:11.5px;line-height:1.55;display:flex}.renewal-note .ic{color:var(--violet-soft);flex-shrink:0}.trust-row{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:48px;padding-top:32px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:8px;display:inline-flex}.guarantee-callout{background:linear-gradient(135deg,#0072f50f 0%,#62b2410f 100%);border:1px solid #62b24140;border-radius:16px;align-items:center;gap:24px;margin-top:56px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.guarantee-callout:before{content:"";pointer-events:none;background:radial-gradient(circle at 0%,#0072f514,#0000 50%);position:absolute;inset:0}.guarantee-seal{z-index:1;flex-shrink:0;animation:30s linear infinite sealRotate;position:relative}@keyframes sealRotate{to{transform:rotate(360deg)}}.guarantee-seal svg circle:first-child{transform-origin:50%;animation:30s linear infinite reverse sealRotate}.guarantee-text{z-index:1;flex:1;position:relative}.guarantee-title{letter-spacing:-.015em;color:var(--text);margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.guarantee-sub{color:var(--violet-soft);margin-bottom:8px;font-size:13px;font-weight:500}.guarantee-body{color:var(--text-muted);max-width:60ch;font-size:13px;line-height:1.55}@media (width<=700px){.guarantee-callout{text-align:center;flex-direction:column;padding:24px 20px}}.enterprise-line{text-align:center;color:var(--text-muted);margin-top:28px;font-size:13px}.cfooter{background:var(--bg-3);border-top:1px solid var(--border);padding:72px 32px 28px}.cfooter-inner{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;display:grid}@media (width<=800px){.cfooter-inner{grid-template-columns:1fr;gap:32px}}.cfooter h4{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0 0 14px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.cfooter p,.cfooter li,.cfooter a{color:var(--text-muted);font-size:13px}.cfooter ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cfooter a:hover{color:var(--blue-hover)}.cfooter .demo-btn{border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.cfooter .demo-btn:hover{border-color:var(--blue);color:var(--blue-hover)}.cfooter-socials{flex-wrap:wrap;align-items:center;gap:14px;max-width:1200px;margin:32px auto 0;display:flex}.cfooter-socials-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-right:4px;font-size:12px}.social-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.social-icon:hover{color:var(--blue-hover);border-color:var(--blue);background:var(--surface)}.cfooter-bottom{border-top:1px solid var(--border);max-width:1200px;color:var(--text-dim);justify-content:space-between;margin:24px auto 0;padding-top:20px;font-size:12px;display:flex}.toast{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);opacity:0;pointer-events:none;z-index:200;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;transition:all .25s;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #00000080,0 0 20px #0072f533}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.err-banner{color:#fca5a5;background:#ef44440f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;margin:0 12px 12px;padding:10px 12px;font-size:12px;display:flex}.success-state{color:#86efac;background:#22c55e0f;border:1px solid #22c55e4d;border-radius:10px;align-items:center;gap:10px;margin:12px;padding:10px 12px;font-size:12px;display:flex}.success-state .filename{color:var(--text);font-family:JetBrains Mono,monospace}.success-state button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto}.helper{color:var(--text-dim);margin-top:6px;font-size:11px}.header-nav{align-items:center;gap:4px;display:inline-flex}.header-nav a{color:var(--text-muted);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.header-nav a:hover{color:var(--text);background:var(--hover-overlay)}@media (width<=900px){.header-nav{display:none}}.section-title-left{text-align:left;margin-bottom:8px}.section-sub-left{text-align:left;max-width:64ch;margin:0 0 40px}.sec-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.sec-eyebrow .dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 8px var(--blue);border-radius:50%}.sec-eyebrow .dot.violet{background:var(--violet-soft);box-shadow:0 0 8px var(--violet-soft)}.sec-subhead{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:11px}.section-about{background:radial-gradient(ellipse at 80% 0%, #0072f50f, transparent 50%), var(--bg-2)}.about-lead{color:var(--text);max-width:70ch;margin:0 0 56px;font-size:clamp(16px,1.4vw,19px);font-weight:400;line-height:1.55}.about-grid{grid-template-columns:1.4fr 1fr;gap:56px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}.values-list{flex-direction:column;gap:24px;display:flex}.value-item{border-bottom:1px solid var(--border);grid-template-columns:44px 1fr;gap:18px;padding-bottom:22px;display:grid}.value-item:last-child{border-bottom:none;padding-bottom:0}.value-num{color:var(--blue-hover);letter-spacing:.05em;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:12px}.value-title{letter-spacing:-.01em;color:var(--text);margin-bottom:6px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.value-body{color:var(--text-muted);font-size:14px;line-height:1.55}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(#0072f50a,#0000);border-radius:14px;padding:22px 20px;transition:border-color .18s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-strong)}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--blue), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.stat-value{letter-spacing:-.03em;background:linear-gradient(95deg, var(--blue), var(--violet-soft));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:800}.stat-label{color:var(--text-muted);letter-spacing:.01em;font-size:12px}.section-changelog{background:var(--bg)}.changelog-list{flex-direction:column;display:flex;position:relative}.changelog-list:before{content:"";background:linear-gradient(180deg, transparent, var(--border-strong) 10%, var(--border-strong) 90%, transparent);width:1px;position:absolute;top:14px;bottom:14px;left:96px}@media (width<=700px){.changelog-list:before{display:none}}.cl-entry{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;gap:28px;padding:24px 0;display:grid;position:relative}.cl-entry:last-child{border-bottom:none}.cl-entry:after{content:"";background:var(--bg);border:2px solid var(--blue);border-radius:50%;width:9px;height:9px;position:absolute;top:32px;left:92px;box-shadow:0 0 12px #0072f566}@media (width<=700px){.cl-entry{grid-template-columns:1fr;gap:12px}.cl-entry:after{display:none}}.cl-meta{flex-direction:column;gap:6px;display:flex}.cl-version{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.cl-date{color:var(--text-dim);font-size:11px}.cl-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.tag-minor{color:var(--blue-hover);background:#0072f51f;border:1px solid #0072f54d}.tag-patch{color:var(--violet-soft);background:#62b2411f;border:1px solid #62b2414d}.tag-major{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.cl-title{letter-spacing:-.015em;color:var(--text);margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.cl-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cl-items li{color:var(--text-muted);gap:10px;font-size:14px;line-height:1.55;display:flex}.cl-bullet{color:var(--blue-hover);flex-shrink:0;font-family:JetBrains Mono,monospace;font-weight:600}.cl-viewall{text-align:center;margin-top:32px}.cl-viewall a{color:var(--blue-hover);align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.section-roadmap{background:radial-gradient(ellipse at 20% 100%, #62b2410d, transparent 50%), var(--bg-2)}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.roadmap-grid{grid-template-columns:1fr}}.rm-col{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 22px 24px;position:relative;overflow:hidden}.rm-col-now{border-color:#0072f559;box-shadow:0 0 32px #0072f51a}.rm-col-now:before{content:"";background:linear-gradient(90deg, var(--blue), var(--violet));height:2px;position:absolute;top:0;left:0;right:0}.rm-col-next:before{content:"";background:var(--violet);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.rm-col-later:before{content:"";background:var(--border-strong);height:1px;position:absolute;top:0;left:0;right:0}.rm-col-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:14px;display:flex}.rm-col-label{letter-spacing:-.01em;color:var(--text);font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.rm-col-quarter{color:var(--text-dim);letter-spacing:.04em;font-size:11px}.rm-items{flex-direction:column;gap:14px;display:flex}.rm-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .18s}.rm-item:hover{border-color:var(--border-strong)}.rm-item-title{color:var(--text);letter-spacing:-.005em;margin-bottom:4px;font-size:14px;font-weight:600}.rm-item-note{color:var(--text-muted);font-size:12px;line-height:1.5}.rm-progress{align-items:center;gap:10px;margin-top:10px;display:flex}.rm-progress-track{background:var(--border);border-radius:999px;flex:1;height:4px;overflow:hidden}.rm-progress-bar{background:linear-gradient(90deg, var(--blue), var(--violet-soft));border-radius:999px;height:100%;transition:width .4s}.rm-progress-val{color:var(--blue-hover);text-align:right;min-width:30px;font-size:10px}.rm-feedback{color:var(--text);background:#62b2410f;border:1px solid #62b24140;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding:18px 24px;font-size:14px;display:flex}.rm-feedback-cta{color:var(--violet-soft);align-items:center;gap:4px;font-weight:500;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.16s ease-out modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:16px;animation:.18s ease-out modal-pop;position:relative;box-shadow:0 24px 64px #00000080}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-md{max-width:640px}.modal-lg{max-width:880px}.modal-close{background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);cursor:pointer;z-index:2;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);background:var(--surface-2,var(--surface))}.modal-head{border-bottom:1px solid var(--border);padding:28px 28px 12px}.modal-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:inline-flex}.modal-eyebrow .dot{background:var(--violet-soft);border-radius:50%;width:6px;height:6px}.modal-eyebrow .dot.violet{background:var(--violet)}.modal-title{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:600}.modal-sub{color:var(--text-dim);margin:0;font-size:14px}.modal-body{flex-direction:column;gap:14px;padding:20px 28px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 28px 22px;display:flex}.privacy-body{max-height:70vh;color:var(--text);font-size:14px;line-height:1.65;overflow-y:auto}.privacy-body section+section{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.privacy-body h3{color:var(--text);margin:0 0 8px;font-size:15px;font-weight:600}.privacy-body p{color:var(--text);margin:0 0 10px}.privacy-body ul{margin:0 0 10px;padding-left:20px}.privacy-body li{margin-bottom:6px}.privacy-body a{color:var(--violet-soft)}.privacy-body em{color:var(--text-dim);font-style:italic}.fld-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fld{flex-direction:column;gap:6px;font-size:13px;display:flex}.fld-full{grid-column:1/-1}.fld-label{color:var(--text);font-size:12px;font-weight:500}.fld-req{color:#ef4444}.fld-opt{color:var(--text-dim);font-weight:400}.fld-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.fld-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #62b24126}.fld-area{resize:vertical;min-height:96px}.fld-select{cursor:pointer}.fld-error{color:#ef4444;font-size:11px}.radio-group{flex-wrap:wrap;gap:8px;display:flex}.radio-pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-dim);border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;transition:all .12s;display:inline-flex;position:relative}.radio-pill input{opacity:0;pointer-events:none;position:absolute}.radio-pill:hover{color:var(--text);border-color:var(--text-dim)}.radio-pill.active{border-color:var(--violet);color:var(--text);background:#62b2411f}.check-row{cursor:pointer;color:var(--text);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:inline-flex}.check-box{border:1px solid var(--border);background:var(--surface);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .12s;display:inline-flex}.check-box.on{background:var(--violet);border-color:var(--violet)}.check-label{-webkit-user-select:none;user-select:none}.form-section-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px dashed var(--border);margin-top:6px;padding-bottom:6px;font-size:11px;font-weight:600}.purchase-summary{background:linear-gradient(135deg,#0072f514,#62b24114);border:1px solid #62b24140;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 28px;padding:16px 18px;display:flex}.ps-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;font-size:11px}.ps-plan{color:var(--text);font-size:16px;font-weight:600}.ps-desc{color:var(--text-dim);margin-top:2px;font-size:12px}.ps-price-block{text-align:right}.ps-price{color:var(--text);font-size:22px;font-weight:700}.ps-suffix{color:var(--text-dim);margin-left:2px;font-size:12px;font-weight:400}.ps-tax{color:var(--text-dim);margin-top:2px;font-size:11px}.purchase-guarantee{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;margin-top:8px;padding:10px 12px;font-size:12px}.form-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.success-mark{width:64px;height:64px;color:var(--green);background:#62b24126;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.form-success h3{color:var(--text);margin:4px 0 0;font-size:20px}.form-success p{color:var(--text-dim);max-width:400px;margin:0;font-size:14px}.form-success .btn{margin-top:8px}@media (width<=640px){.fld-grid{grid-template-columns:1fr}.modal-head,.modal-body,.modal-footer{padding-left:18px;padding-right:18px}.purchase-summary{margin-left:18px;margin-right:18px}}.hp-field{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;top:auto!important;left:-10000px!important;overflow:hidden!important}.toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .14s,border-color .14s;position:relative}.toggle.on{background:var(--violet);border-color:var(--violet)}.toggle.disabled{cursor:not-allowed;opacity:.7}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-knob{transform:translate(18px)}.cookie-intro{color:var(--text-dim);margin:0 0 4px;font-size:13px;line-height:1.5}.cookie-list{flex-direction:column;gap:10px;display:flex}.cookie-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:16px;padding:14px;display:flex}.cookie-row-text{flex:1;min-width:0}.cookie-row-name{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:inline-flex}.cookie-locked{font-size:11px}.cookie-row-desc{color:var(--text-dim);font-size:12px;line-height:1.45}.cookie-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px}.cookie-banner{z-index:900;background:var(--bg);border:1px solid var(--border);border-radius:14px;animation:.22s ease-out cookie-slide;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 48px #00000073}@keyframes cookie-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:16px 20px;display:flex}.cookie-banner-text{flex:1;min-width:260px}.cookie-banner-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.cookie-banner-text p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}.cookie-banner-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.cookie-banner{bottom:8px;left:8px;right:8px}.cookie-banner-actions .btn{flex:1}}.vid-backdrop{padding:32px 16px}.vid-modal{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);border:1px solid #0072f52e;flex-direction:column;width:100%;max-width:1120px;max-height:calc(100vh - 64px);display:flex;box-shadow:0 40px 100px #000000b3,0 0 0 1px #62b24114,0 0 80px #0072f514}.vid-head{border-bottom:1px solid var(--border);background:radial-gradient(at 90% -20%,#62b2412e,#0000 55%),radial-gradient(at 5% 0,#0072f51f,#0000 50%),0 0;padding:24px 40px 32px;position:relative;overflow:hidden}.vid-head:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:-1px -1px;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 90% 0,#000 10%,#0000 70%);mask-image:radial-gradient(at 90% 0,#000 10%,#0000 70%)}.vid-head-inner{z-index:1;position:relative}.vid-title{letter-spacing:-.025em;background:linear-gradient(95deg, var(--text) 0%, var(--violet-soft) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 8px;font-family:Montserrat,sans-serif;font-size:28px;font-weight:800}.vid-sub{color:var(--text-muted);max-width:64ch;margin:0 0 22px;font-size:14px;line-height:1.55}.vid-meta-row{flex-wrap:wrap;gap:28px;display:flex}.vid-meta{flex-direction:column;gap:3px;display:flex}.vid-meta-k{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:10.5px}.vid-meta-v{color:var(--text);font-size:13px;font-weight:500}.vid-body{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:0;display:grid;overflow:hidden}@media (width<=900px){.vid-body{grid-template-columns:1fr}}.vid-main{border-right:1px solid var(--border);padding:24px 28px 28px;overflow-y:auto}.vid-main::-webkit-scrollbar{width:8px}.vid-side::-webkit-scrollbar{width:8px}.vid-main::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.vid-side::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.vid-frame{background:var(--bg-3);border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000073,inset 0 0 0 1px #ffffff05}.vid-stage{aspect-ratio:16/9;cursor:pointer;background:radial-gradient(at 30% 30%,#0072f52e,#0000 55%),radial-gradient(at 80% 80%,#62b2412e,#0000 55%),#05050b;position:relative;overflow:hidden}.vid-stage-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.vid-stage-glow{filter:blur(24px);background:radial-gradient(#a78bfa2e,#0000 70%);position:absolute;inset:12% 18%}.vid-wave{opacity:.7;align-items:flex-end;gap:3px;width:60%;height:36%;display:flex;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.vid-wave span{height:var(--h);background:linear-gradient(180deg, var(--violet-soft), var(--blue));animation:1.6s ease-in-out infinite vidWave;animation-delay:var(--d);opacity:.55;border-radius:2px;flex:1}@keyframes vidWave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.05)}}.vid-play-orb{color:#fff;background:radial-gradient(circle at 30% 30%,#0072f5f2,#62b241d9);border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;padding-left:4px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff2e,0 20px 50px #0072f573,0 0 60px #62b24166}.vid-play-orb.playing{padding-left:0}.vid-stage:hover .vid-play-orb{transform:scale(1.05);box-shadow:0 0 0 1px #ffffff40,0 24px 60px #0072f58c,0 0 80px #62b24180}.vid-corner-badge,.vid-corner-runtime{letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);color:var(--text);background:#0a0a0fa6;border:1px solid #ffffff14;border-radius:6px;padding:4px 9px;font-size:10.5px;position:absolute;top:12px}.vid-corner-badge{color:var(--blue-hover);border-color:#0072f54d;left:12px}.vid-corner-runtime{color:var(--violet-soft);border-color:#62b2414d;right:12px}.vid-placeholder-note{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;border:1px dashed var(--border-strong);background:#0a0a0f80;border-radius:6px;padding:4px 8px;font-size:10px;position:absolute;bottom:12px;left:12px}.vid-fs-btn{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:.85;z-index:4;background:#0a0a0f99;border-radius:8px;justify-content:center;align-items:center;transition:opacity .12s,background .12s,border-color .12s;display:inline-flex;position:absolute;bottom:12px;right:12px}.vid-fs-btn:hover{opacity:1;border-color:var(--violet-soft);color:var(--violet-soft);background:#0a0a0fd9}.vid-stage.fullscreen{border:0;border-radius:0;width:100vw;height:100vh}:-webkit-any(.vid-stage:fullscreen,.vid-stage:-webkit-full-screen){background:var(--bg);border:0;border-radius:0;width:100vw;height:100vh}:is(.vid-stage:fullscreen,.vid-stage:fullscreen){background:var(--bg);border:0;border-radius:0;width:100vw;height:100vh}.vid-timeline{border-top:1px solid var(--border);background:linear-gradient(#ffffff05,#0000);align-items:center;gap:12px;padding:10px 14px;display:flex}.vid-time{color:var(--text-muted);text-align:center;min-width:36px;font-size:11px}.vid-track{cursor:pointer;flex:1;align-items:center;height:16px;display:flex;position:relative}.vid-track:before{content:"";background:var(--border-strong);border-radius:999px;height:4px;position:absolute;inset-inline:0}.vid-track-buffer{background:#ffffff14;border-radius:999px;height:4px;position:absolute;left:0}.vid-track-fill{background:linear-gradient(90deg, var(--blue), var(--violet-soft));border-radius:999px;height:4px;position:absolute;left:0;box-shadow:0 0 12px #0072f580}.vid-track-thumb{background:var(--blue-hover);border:2px solid var(--bg-3);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%);box-shadow:0 0 12px #0072f5b3}.vid-chapter-mark{background:var(--violet-soft);opacity:.7;pointer-events:none;border-radius:1px;width:2px;height:10px;position:absolute;transform:translate(-50%)}.vid-now{padding:22px 4px 6px}.vid-now-label{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-hover);background:#0072f51a;border:1px solid #0072f54d;border-radius:999px;margin-bottom:8px;padding:3px 9px;font-size:10.5px;display:inline-block}.vid-now-title{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.vid-now-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.vid-chapters{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-top:22px;padding:16px 18px}.vid-chapters-head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;font-size:10.5px;display:flex}.vid-chapters-count{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:4px;padding:2px 7px}.vid-chapters-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.vid-chapter{cursor:pointer;border-radius:8px;grid-template-columns:44px 12px 1fr;align-items:center;gap:10px;padding:8px 6px;transition:background .15s;display:grid}.vid-chapter:hover{background:#0072f50f}.vid-chapter-time{color:var(--blue-hover);text-align:right;font-size:11px}.vid-chapter-bullet{background:var(--violet-soft);border-radius:50%;width:6px;height:6px;margin:0 auto;box-shadow:0 0 8px #a78bfa99}.vid-chapter-label{color:var(--text);font-size:13px}.vid-side{background:#ffffff03;flex-direction:column;padding:24px 24px 28px;display:flex;overflow-y:auto}.vid-cat-row{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.vid-cat{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.01em;cursor:pointer;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.vid-cat:hover{color:var(--text);border-color:var(--border-strong)}.vid-cat.active{border-color:var(--blue);color:var(--blue-hover);background:#0072f51f}.vid-side-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10.5px}.vid-playlist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vid-item{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;grid-template-columns:96px 1fr;gap:12px;padding:10px;transition:all .18s;display:grid;position:relative}.vid-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.vid-item.active{background:#0072f50f;border-color:#0072f580;box-shadow:0 0 24px #0072f52e}.vid-item-pulse{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulseDot;position:absolute;top:12px;right:12px;box-shadow:0 0 #22c55e99}.vid-thumb{aspect-ratio:16/9;background:radial-gradient(at 30% 30%,#0072f566,#0000 55%),radial-gradient(at 75% 75%,#62b24173,#0000 55%),#0a0a14;border:1px solid #ffffff0a;border-radius:8px;position:relative;overflow:hidden}.vid-thumb-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.vid-thumb-play{-webkit-backdrop-filter:blur(6px);color:#fff;background:#0a0a0fb3;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:28px;height:28px;margin:auto;padding-left:2px;display:grid;position:absolute;inset:0}.vid-item.active .vid-thumb-play{background:linear-gradient(135deg, var(--blue), var(--violet));border-color:#0000}.vid-thumb-time{color:var(--text);letter-spacing:.04em;background:#000000b3;border-radius:4px;padding:2px 5px;font-size:9.5px;position:absolute;bottom:4px;right:4px}.vid-item-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.vid-item-cat{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px}.vid-item.active .vid-item-cat{color:var(--blue-hover)}.vid-item-title{letter-spacing:-.005em;color:var(--text);font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:600;line-height:1.3}.vid-item-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.vid-foot{border-top:1px solid var(--border);background:var(--bg-3);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 28px;display:flex}.vid-foot-link{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.vid-foot-link:hover{color:var(--blue-hover)}.vid-foot-hint{color:var(--text-dim);font-size:12px;font-weight:400}.vid-foot-spacer{flex:1}.vid-foot-btn{padding:8px 16px}.theme-summary{background:var(--surface-2,var(--surface));border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;margin:6px 0 12px;padding:12px;display:flex}.theme-summary-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.theme-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:2px;font-size:10px}.theme-summary-name{color:var(--text);font-size:14px;font-weight:600}.theme-mode-pill{border:1px solid var(--border);background:var(--bg-3,var(--bg-2));color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.theme-mode-pill.light{color:#d97706}.theme-mode-pill.dark{color:var(--violet-soft)}.theme-summary-swatches{gap:6px;display:flex}.theme-swatch{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000014}.theme-summary-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.theme-summary-meta .dot-sep{opacity:.6}.theme-edit-btn{justify-content:center;gap:8px;width:100%;margin-top:4px}.theme-dialog-body{max-height:70vh;overflow-y:auto}.theme-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 0;display:flex}.theme-section:first-child{border-top:none;padding-top:0}.theme-section-head h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 2px;font-size:13px;font-weight:600}.theme-section-head p{color:var(--text-dim);margin:0;font-size:12px}.preset-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:6px 0 2px;font-size:11px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.preset-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:8px;padding:8px;transition:border-color .12s,transform .12s;display:flex}.preset-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.preset-card.active{border-color:var(--violet-soft);box-shadow:0 0 0 1px var(--violet-soft) inset}.preset-card-strip{border:1px solid var(--border);border-radius:6px;gap:4px;padding:8px;display:flex}.preset-card-strip .swatch{border-radius:4px;flex:1;height:22px;box-shadow:inset 0 0 0 1px #00000014}.preset-card-name{color:var(--text);justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.preset-check{color:var(--violet-soft);display:inline-flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.color-field{flex-direction:column;gap:4px;display:flex}.color-field-label{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px}.color-field-control{align-items:center;gap:6px;display:flex}.color-field-control .color-input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.color-field-control .color-hex{flex:1;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.theme-row{align-items:center;gap:12px;padding:4px 0;display:flex}.theme-row-label{min-width:140px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.theme-mode-note{background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:12px;display:inline-flex}.theme-mode-note svg{color:var(--violet-soft)}.data-editor{flex-direction:column;gap:12px;display:flex}.data-editor-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.data-editor-tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.data-editor-tabs button:hover{color:var(--text)}.data-editor-tabs button.active{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--border)}.data-editor-tabs .badge-count{font-size:10px}.data-editor-list{flex-direction:column;gap:6px;display:flex}.item-accordion{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.item-accordion-head{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.item-accordion-head .mono{flex:1;font-family:JetBrains Mono,monospace;font-size:11px}.item-accordion-head .chev{color:var(--text-dim);transition:transform .18s}.item-accordion.open .item-accordion-head .chev{transform:rotate(180deg)}.item-axis-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:10px}.item-accordion-body{border-top:1px dashed var(--hover-overlay);flex-direction:column;gap:8px;padding:8px 10px 12px;display:flex}.data-editor-field{flex-direction:column;gap:4px;display:flex}.data-editor-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10px}.data-editor-format{background:var(--bg);border:1px dashed var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.data-editor-format-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:10px}.data-editor-add{align-self:flex-start;padding:6px 10px;font-size:11px}.data-editor-remove{align-self:flex-end;align-items:center;gap:4px;padding:5px 10px;font-size:11px;display:inline-flex}.docs-banner{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}.docs-banner-text{flex:1;line-height:1.45}.docs-banner-actions{gap:6px;display:flex}.docs-banner-link{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.docs-banner-link:hover{border-color:var(--blue);color:var(--blue-hover)}