:root{--bg-chrome:#0b0b0d;--bg-sidebar:#111113;--bg-editor:#141416;--bg-panel:#0f0f11;--bg-input:#1c1c20;--bg-hover:#1f1f24;--bg-active:#04395e;--border:#26262c;--border-input:#36363d;--text:#ccc;--text-bright:#f0f0f0;--text-muted:#8b8b94;--text-dim:#5d5d66;--accent:#2f8dff;--accent-strong:#0078d4;--accent-hover:#1a86e0;--statusbar:#007acc;--tok-key:#9cdcfe;--tok-type:#4ec9b0;--tok-fn:#dcdcaa;--tok-keyword:#569cd6;--tok-string:#ce9178;--tok-number:#b5cea8;--tok-comment:#6a9955;--ok:#89d185;--warn:#cca700;--error:#f14c4c;--sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.5 var(--sans);color:var(--text);background:var(--bg-editor);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg-editor);margin:0}button{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}::selection{background:#264f78}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7979794d padding-box content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#79797980}.workbench{grid-template-rows:35px minmax(0,1fr) 22px;height:100dvh;display:grid}.workbench-body{min-height:0;display:flex}.titlebar{background:var(--bg-chrome);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:0 12px;display:flex}.window-dots{flex:1;gap:8px;display:flex}.window-dots span{background:#2a2a30;border-radius:50%;width:12px;height:12px}.window-dots span:first-child{background:#ff5f57}.window-dots span:nth-child(2){background:#febc2e}.window-dots span:nth-child(3){background:#28c840}.command-center{border:1px solid var(--border-input);width:min(420px,60vw);height:24px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#16161a;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.cc-icon{color:var(--accent);display:inline-flex}.titlebar-spacer{flex:1}.activitybar{background:var(--bg-chrome);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:48px;display:flex}.activity-group{flex-direction:column;display:flex}.activity-item{width:48px;height:48px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.activity-item:hover,.activity-item.active{color:var(--text-bright)}.activity-item.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;width:230px;overflow-y:auto}.sidebar-title{letter-spacing:.04em;text-transform:uppercase;height:35px;color:var(--text-muted);align-items:center;padding:0 20px;font-size:11px;display:flex}.sidebar-section{text-transform:uppercase;height:22px;color:var(--text);align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.sidebar-count{background:#2b2b32;border-radius:9px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:600}.outline{margin:0;padding:0;list-style:none}.outline-item{width:100%;height:22px;font-family:var(--mono);text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 12px 0 26px;font-size:12px;display:flex}.outline-item:hover{background:var(--bg-hover)}.outline-item:focus-visible{border-color:var(--accent);outline:none}.outline-item.filled{color:#e2c08d}.outline-icon{color:var(--tok-fn);font-size:10px}.outline-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline-badge{margin-left:auto;font-size:11px;font-weight:700}.editor-group{background:var(--bg-editor);flex-direction:column;flex:1;min-width:0;display:flex}.tabs{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;height:35px;display:flex;overflow-x:auto}.tab{border:0;border-right:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 16px;font-size:13px;display:flex;position:relative}.tab:hover{color:var(--text)}.tab.active{background:var(--bg-editor);color:var(--text-bright);margin-bottom:-1px}.tab.active:before{content:"";background:var(--accent);height:1px;position:absolute;top:0;left:0;right:0}.tab-icon{font-family:var(--mono);font-size:11px;font-weight:700}.tab-icon.json{color:var(--tok-fn)}.tab-icon.md{color:var(--tok-key)}.breadcrumbs{height:22px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:2px;padding:0 16px;font-size:12px;display:flex}.breadcrumbs span{color:var(--text)}.editor-scroll{flex:1;min-height:0;overflow-y:auto}.editor-content{max-width:920px;margin:0 auto;padding:20px 32px 32px}.hero{margin-bottom:8px}.hero-tag{color:var(--accent);font-family:var(--mono);letter-spacing:.05em;background:#2f8dff1a;border:1px solid #2f8dff59;border-radius:999px;align-items:center;gap:8px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #2f8dff99}@keyframes pulse{70%{box-shadow:0 0 0 6px #2f8dff00}to{box-shadow:0 0 #2f8dff00}}.hero h1{letter-spacing:-.02em;color:var(--text-bright);margin:14px 0 6px;font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;line-height:1.15}.hero-sub{color:var(--text-muted);margin:0;font-size:14px}.tok-type{color:var(--tok-type)}.tok-fn{color:var(--accent)}.tok-comment{color:var(--tok-comment);font-family:var(--mono)}.settings-heading{border-bottom:1px solid var(--border);color:var(--text-bright);margin:28px 0 4px;padding-bottom:6px;font-size:20px;font-weight:600}.settings-grid{-moz-column-gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));column-gap:24px;display:grid}.setting{border-radius:2px;padding:12px 14px 14px 16px;transition:background .15s;position:relative}.setting:hover{background:#ffffff06}.setting:focus-within{background:#2f8dff0f}.setting:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .15s;position:absolute;top:14px;bottom:14px;left:4px}.setting.modified:before{background:var(--accent)}.setting-title{color:var(--text-bright);cursor:pointer;font-weight:600;display:block}.setting-cat{color:var(--text-muted);font-weight:400}.setting-desc{color:var(--text-muted);margin:2px 0 8px;font-size:13px}.input-wrap{align-items:center;display:flex;position:relative}.vs-input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:28px;color:var(--text-bright);font-family:var(--mono);border-radius:2px;outline:none;padding:0 8px;font-size:13px;transition:border-color .1s}.vs-input::placeholder{color:var(--text-dim)}.vs-input:hover{border-color:#46464e}.vs-input:focus{border-color:var(--accent)}.input-wrap .vs-input{padding-right:64px}input[type=number].vs-input{-moz-appearance:textfield}.vs-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vs-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit{font-family:var(--mono);color:var(--tok-number);pointer-events:none;font-size:11px;position:absolute;right:8px}.vs-select{appearance:none;font-family:var(--sans);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding-right:28px}.vs-select option{color:var(--text-bright);background:#1c1c20}.run-row{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:24px;display:flex}.vs-button{background:var(--accent-strong);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,box-shadow .12s;display:inline-flex}.vs-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 18px #0078d459}.vs-button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.vs-button:disabled{opacity:.6;cursor:progress}.vs-button.secondary{color:var(--text-bright);background:#2b2b32}.vs-button.secondary:hover{box-shadow:none;background:#37373f}.run-hint{color:var(--text-muted);font-size:12px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-left:3px solid var(--accent);color:var(--text);background:#2f8dff12;align-items:flex-start;gap:10px;margin-top:28px;padding:10px 12px;font-size:13px;display:flex}.notice svg{color:var(--accent);flex-shrink:0;margin-top:2px}.notice p{margin:0}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.markdown{max-width:760px}.markdown h1{border-bottom:1px solid var(--border);color:var(--text-bright);margin:8px 0 16px;padding-bottom:8px;font-size:28px}.markdown h2{border-bottom:1px solid var(--border);color:var(--text-bright);margin:24px 0 8px;padding-bottom:4px;font-size:20px}.markdown p{margin:0 0 14px;line-height:1.65}.markdown code{color:var(--tok-string);font-family:var(--mono);background:#24242a;border-radius:3px;padding:1px 5px;font-size:12.5px}.markdown blockquote{border-left:4px solid var(--accent);color:var(--text-muted);background:#2f8dff0f;margin:0 0 20px;padding:4px 14px}.panel{background:var(--bg-panel);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;height:230px;max-height:45%;display:flex}.panel-tabs{flex-shrink:0;gap:4px;padding:0 12px;display:flex}.panel-tab{height:35px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:flex;position:relative}.panel-tab:hover{color:var(--text)}.panel-tab.active{color:var(--text-bright)}.panel-tab.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:6px;left:8px;right:8px}.panel-badge{background:var(--accent-strong);color:#fff;text-align:center;border-radius:9px;min-width:18px;padding:0 5px;font-size:10px}.panel-body{font-family:var(--mono);flex:1;padding:4px 20px 16px;font-size:13px;overflow-y:auto}.panel-body p{margin:0}.term-line{color:var(--text)}.term-prompt{color:var(--ok);margin-right:6px}.term-ok{color:var(--ok)}.term-dim{color:var(--text-muted)}.term-comment{color:var(--tok-comment);margin-top:10px!important}.caret{vertical-align:text-bottom;background:var(--accent);width:7px;height:15px;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.problem-title{color:var(--text-bright);margin-bottom:6px!important}.problem-list{margin:0;padding:0;list-style:none}.problem-list li{white-space:pre-wrap;align-items:baseline;gap:8px;padding:2px 0;display:flex}.problem-icon{color:var(--error);align-self:center;display:inline-flex}.problem-field{color:var(--tok-key)}.problem-field:after{content:":";color:var(--text-muted)}.result{--risk:var(--ok);animation:.35s ease-out both rise}.result.risk-medium{--risk:var(--warn)}.result.risk-high{--risk:var(--error)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.result-main{flex-wrap:wrap;align-items:center;gap:8px 18px;margin:10px 0 12px;display:flex}.result-number{color:var(--risk);letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1}.result-number span{color:var(--text-muted);margin-left:2px;font-size:22px}.risk-badge{border:1px solid color-mix(in srgb, var(--risk) 45%, transparent);background:color-mix(in srgb, var(--risk) 14%, transparent);color:var(--risk);text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.result-label{color:var(--text-muted);font-family:var(--sans);margin-top:4px!important}.meter{background:#24242a;border-radius:3px;max-width:520px;height:6px;position:relative}.meter-fill{background:linear-gradient(90deg, var(--accent-strong), var(--risk));border-radius:3px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.meter-tick{background:var(--text-dim);width:1px;height:12px;position:absolute;top:-3px}.meter-scale{max-width:520px;height:16px;color:var(--text-dim);margin-top:4px;font-size:10px;position:relative}.meter-scale span{position:absolute;transform:translate(-50%)}.meter-scale span:first-child{left:0;transform:none}.meter-scale span:last-child{right:0;transform:none}.statusbar{background:var(--statusbar);color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:stretch;font-size:12px;display:flex;overflow:hidden}.status-left,.status-right{align-items:stretch;min-width:0;display:flex}.status-remote{white-space:nowrap;background:#0062a3;align-items:center;gap:4px;padding:0 10px;display:flex}.status-item{color:#fff;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:flex}button.status-item{cursor:pointer}.status-item:hover{background:#ffffff1f}.toast{z-index:50;border:1px solid var(--border-input);background:#1b1b1f;border-radius:4px;width:min(420px,100vw - 32px);animation:.25s ease-out both rise;position:fixed;bottom:38px;right:16px;overflow:hidden;box-shadow:0 8px 28px #0009}.toast-progress{height:2px;overflow:hidden}.toast-progress span{background:var(--accent);width:30%;height:100%;animation:1.4s ease-in-out infinite indeterminate;display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.toast-body{gap:10px;padding:12px 14px;display:flex}.toast-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.toast-title{color:var(--text-bright);margin:0 0 4px;font-size:13px}.toast-text{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}@media (width<=1000px){.sidebar{display:none}}@media (width<=700px){.workbench{height:auto;min-height:100dvh;display:block}.titlebar{height:35px}.window-dots,.titlebar-spacer{display:none}.command-center{width:100%}.workbench-body{flex-direction:column}.activitybar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;width:auto}.activity-group{flex-direction:row}.activity-item{width:44px;height:40px}.activity-item.active:before{width:auto;height:2px;top:auto;right:0}.editor-scroll{overflow:visible}.editor-content{padding:16px 16px 24px}.settings-grid{grid-template-columns:1fr}.setting{padding-left:14px;padding-right:4px}.panel{height:auto;min-height:150px;max-height:none}.panel-body{padding:4px 16px 20px}.statusbar{z-index:10;height:22px;position:sticky;bottom:0}.hide-sm{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
