.live-terminal{margin-top:16px;border-radius:8px;background:#1a1a1a;border:1px solid var(--line);box-shadow:0 4px 6px #0000004d;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.live-terminal.collapsed{max-height:42px!important}.live-terminal.expanded{max-height:500px}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#252525;border-bottom:1px solid var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none}.terminal-header-left{display:flex;align-items:center;gap:12px}.terminal-controls{display:flex;gap:6px}.control-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s ease}.control-dot:hover{transform:scale(1.1)}.control-red{background:#ff5f57}.control-red:hover{background:#ff3830}.control-yellow{background:#ffbd2e}.control-yellow:hover{background:#fa0}.control-green{background:#28c840}.control-green:hover{background:#20b038}.terminal-title{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#e0e0e0;font-weight:500}.terminal-header-right{display:flex;gap:8px;align-items:center}.terminal-btn{background:transparent;border:1px solid var(--line);color:var(--fg-muted);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:SF Mono,monospace;transition:all .2s ease}.terminal-btn:hover{background:var(--bg-elev1);border-color:var(--accent);color:var(--accent)}.terminal-btn.active{color:var(--accent);border-color:var(--accent)}.terminal-collapse-btn{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:16px;padding:0 4px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.terminal-collapse-btn:hover{color:var(--fg)}.terminal-progress{padding:8px 16px;background:#1f1f1f;border-bottom:1px solid var(--line);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.progress-label{font-family:SF Mono,monospace;font-size:11px;color:var(--accent)}.progress-percent{font-family:SF Mono,monospace;font-size:11px;color:var(--fg-muted)}.progress-bar{width:100%;height:6px;background:#0a0a0a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--link) 100%);border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1);animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.terminal-body{height:350px;overflow-y:auto;padding:12px 16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;background:#1a1a1a}.terminal-output{margin:0;white-space:pre-wrap;word-wrap:break-word;color:#e0e0e0}.terminal-output .log-line{margin:2px 0;padding:2px 4px;border-radius:2px;transition:background .2s ease}.terminal-output .log-line:hover{background:#ffffff0d}.terminal-output .log-error{color:#ff5f57;background:#ff5f571a}.terminal-output .log-warning{color:#ffbd2e;background:#ffbd2e1a}.terminal-output .log-success{color:#28c840;background:#28c8401a}.terminal-output .log-info{color:#5c9fd8;background:#5c9fd81a}.terminal-body::-webkit-scrollbar{width:8px;background:transparent}.terminal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.storage-calc-wrapper{padding:20px}.storage-calc-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--line)}.storage-calc-header h1{font-size:32px;font-weight:300;letter-spacing:-1px;margin-bottom:8px}.storage-calc-header .brand{font-weight:700;color:var(--accent)}.storage-calc-header .subtitle{color:var(--fg-muted);font-size:14px;text-transform:uppercase;letter-spacing:2px}.storage-calc-header .info-box{max-width:800px;margin:20px auto 0;padding:15px;background:var(--bg-elev2);border-radius:8px;border:1px solid var(--line)}.storage-calc-header .info-box p{color:var(--fg-muted);font-size:13px;line-height:1.6;text-align:left}.storage-calc-header .info-box strong{color:var(--fg)}.calculators-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:1024px){.calculators-grid{grid-template-columns:1fr}}.calculator{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.calculator-title{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.calculator-badge{background:var(--accent);color:var(--accent-contrast);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.calculator .input-section{margin-bottom:24px}.calculator .input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.calculator .input-group{display:flex;flex-direction:column}.calculator .input-group.full-width{grid-column:span 2}.calculator label{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:500}.calculator .label-with-tooltip{display:flex;align-items:center;gap:6px}.calculator .tooltip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--bg-elev2);color:var(--link);border-radius:50%;font-size:10px;cursor:help;border:1px solid var(--line)}.calculator .tooltip:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.unit-input{display:flex;gap:8px}.unit-input input{flex:1}.unit-input select{width:70px}.calculator .results{background:var(--card-bg);border:1px solid var(--line);border-radius:4px;padding:16px;margin-top:20px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.calculator .result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.calculator .result-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px}.calculator .result-value{font-size:14px;font-weight:600;color:var(--fg);font-family:SF Mono,Monaco,Inconsolata,monospace}.total-row{margin-top:16px;padding-top:16px;border-top:2px solid var(--line)}.total-row .result-item{border:none;padding:12px;background:var(--bg-elev2);border-radius:4px;margin-bottom:8px}.total-row .result-value{font-size:18px;color:var(--accent)}.warning{background:color-mix(in oklch,var(--warn) 8%,var(--bg));border:1px solid color-mix(in oklch,var(--warn) 30%,var(--bg));color:var(--warn);padding:8px 12px;border-radius:4px;font-size:12px;margin-top:8px}.success{background:color-mix(in oklch,var(--ok) 8%,var(--bg));border:1px solid color-mix(in oklch,var(--ok) 30%,var(--bg));color:var(--ok);padding:8px 12px;border-radius:4px;font-size:12px;margin-top:8px}.plans-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.plan-title{font-size:12px;text-transform:uppercase;color:var(--fg-muted);margin-bottom:12px;letter-spacing:1px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-card{background:var(--card-bg);border:1px solid var(--line);padding:12px;border-radius:4px}.plan-card.fits{border-color:var(--ok)}.plan-card.exceeds{border-color:var(--warn)}.plan-name{font-size:14px;font-weight:600;margin-bottom:8px}.plan-details{font-size:11px;color:var(--fg-muted);line-height:1.6}.plan-total{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:14px;font-weight:600}.fits .plan-total{color:var(--ok)}.exceeds .plan-total{color:var(--warn)}.storage-calc-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--fg-muted);font-size:12px}.storage-calc-footer a{color:var(--accent);text-decoration:none}@media(max-width:1200px){.calculators-grid{gap:24px}.calculator{padding:20px}}@media(max-width:1024px){.calculators-grid{grid-template-columns:1fr;gap:24px}.storage-calc-header h1{font-size:26px}}@media(max-width:768px){.storage-calc-wrapper{padding:12px}.storage-calc-header{margin-bottom:24px;padding-bottom:16px}.storage-calc-header h1{font-size:22px}.storage-calc-header .subtitle{font-size:11px;letter-spacing:1px}.storage-calc-header .info-box{padding:12px}.calculator{padding:16px}.calculator-title{font-size:16px;flex-wrap:wrap}.calculator .input-row{grid-template-columns:1fr;gap:12px}.calculator .input-group.full-width{grid-column:span 1}.result-grid,.plan-grid{grid-template-columns:1fr;gap:8px}.total-row .result-value{font-size:16px}}@media(max-width:480px){.storage-calc-wrapper{padding:8px}.storage-calc-header h1{font-size:18px}.storage-calc-header .subtitle{font-size:10px}.calculator{padding:12px;border-radius:6px}.calculator-title{font-size:14px;gap:8px}.calculator-badge{font-size:9px;padding:2px 6px}.calculator label{font-size:10px}.calculator .result-label{font-size:11px}.calculator .result-value{font-size:13px}.unit-input{flex-direction:column;gap:6px}.unit-input select{width:100%}.plan-card{padding:10px}.plan-name{font-size:13px}.plan-details{font-size:10px}}.help-glossary-container{flex:1;overflow-y:auto}.glossary-search{flex:1;min-width:300px;padding:10px 14px;background:var(--input-bg);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:14px;transition:all .2s ease}.glossary-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.glossary-search::-moz-placeholder{color:var(--fg-muted);opacity:.7}.glossary-search::placeholder{color:var(--fg-muted);opacity:.7}.glossary-category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filter-btn{padding:8px 14px;background:var(--bg-elev1);border:1px solid var(--line);border-radius:6px;color:var(--fg-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--timing-normal) var(--ease-out);display:inline-flex;align-items:center;gap:6px}.category-filter-btn:hover{background:var(--bg-elev2);border-color:var(--accent);color:var(--fg);transform:translateY(-1px)}.category-filter-btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600;box-shadow:0 2px 8px #00ff8840}.filter-count{font-size:11px;padding:2px 6px;background:#0003;border-radius:10px;font-weight:600;min-width:20px;text-align:center}.category-filter-btn.active .filter-count{background:#0000004d}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;margin-top:8px}.glossary-card{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:16px;transition:all var(--timing-normal) var(--ease-out);display:flex;flex-direction:column;gap:12px}.glossary-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glossary-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.glossary-card-title{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--fg);flex:1;line-height:1.4}.glossary-icon{font-size:18px;flex-shrink:0}.glossary-param-name{font-size:11px;padding:4px 8px;background:var(--bg-elev2);border:1px solid var(--line);border-radius:4px;color:var(--accent);font-family:SF Mono,Monaco,Consolas,monospace;flex-shrink:0;font-weight:600}.glossary-body{color:var(--fg-muted);line-height:1.6;font-size:13px;margin:0}.glossary-badges{display:flex;gap:6px;flex-wrap:wrap}.glossary-badge{font-size:10px;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glossary-badge.info{background:#5b9dff26;color:var(--link);border:1px solid rgba(91,157,255,.3)}.glossary-badge.warn{background:#ffaa0026;color:var(--warn);border:1px solid rgba(255,170,0,.3)}.glossary-badge.reindex{background:#ff6b6b26;color:var(--err);border:1px solid rgba(255,107,107,.3)}.glossary-links{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:12px}.glossary-link{display:inline-flex;align-items:center;gap:4px;color:var(--link);text-decoration:none;font-size:12px;transition:all .15s ease;width:-moz-fit-content;width:fit-content}.glossary-link:hover{color:var(--accent);gap:6px}.glossary-link svg{opacity:.6;transition:opacity .15s ease;flex-shrink:0}.glossary-link:hover svg{opacity:1}@media(max-width:1200px){.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.glossary-grid{grid-template-columns:1fr}.glossary-card-header{flex-direction:column;align-items:flex-start}.glossary-param-name{align-self:flex-start}.glossary-search{min-width:100%}.glossary-category-filters{width:100%}.category-filter-btn{flex:1 1 auto;justify-content:center}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/demo/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/demo/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/demo/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/demo/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}.topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;height:56px;position:sticky;top:0;z-index:100}.topbar h1{display:flex;flex-direction:row;align-items:center;gap:20px}.topbar .brand{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800;color:#7bb8ff;font-size:28px;letter-spacing:.5px}.topbar .tagline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--fg-muted);opacity:.6}.top-actions{display:flex;gap:10px;align-items:center}.top-actions .icon-btn{display:inline-flex;align-items:center;gap:6px}.top-actions button{background:var(--accent);color:var(--accent-contrast);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.3px;transition:all .2s;min-height:44px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.top-actions button:hover{filter:brightness(.95)}.top-actions button:active{transform:scale(.98)}.theme-mode-select{background:var(--input-bg);color:var(--fg);border:1px solid var(--line);padding:6px 8px;border-radius:6px;min-height:36px}.theme-mode-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}#health-status{color:var(--fg-muted);font-size:13px;font-family:SF Mono,monospace;min-width:60px}#global-search{width:320px;height:38px;background:var(--input-bg);color:var(--fg);border:1px solid var(--line);padding:0 14px;border-radius:8px;font-size:14px;font-family:SF Mono,Monaco,Consolas,monospace;transition:all .2s ease}#global-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}#global-search::-moz-placeholder{color:var(--fg-muted);font-size:13px}#global-search::placeholder{color:var(--fg-muted);font-size:13px}#search-results{position:absolute;top:46px;right:80px;width:480px;max-height:420px;overflow-y:auto;overflow-x:hidden;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0003;display:none;z-index:1000}#search-results .item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--line);transition:all .15s ease}#search-results .item:hover,#search-results .item.active{background:var(--bg-elev2)}#search-results .item-label{display:block;color:var(--fg);font-size:14px;font-family:SF Mono,Monaco,Consolas,monospace;margin-bottom:4px}#search-results .item-context{display:block;color:var(--fg-muted);font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace}#search-results .search-highlight{background:var(--accent);color:var(--accent-contrast);padding:2px 4px;border-radius:3px;font-weight:600}mark.hl{background:var(--accent);color:var(--accent-contrast);padding:1px 3px;border-radius:2px}.search-hit{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;transition:outline .12s ease}:root{--sidepanel-width: 360px;--sidebar-width: 170px}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--sidepanel-width);min-height:calc(100vh - 56px);position:relative}.sidebar{grid-column:1;background:var(--bg-elev1);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.main-content{grid-column:2;display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%;max-height:calc(100vh - 56px)}.breadcrumbs{padding:10px 24px;background:var(--bg-elev1);border-bottom:1px solid var(--line);font-size:13px;color:var(--fg);flex-shrink:0}.breadcrumbs .sep{margin:0 8px;color:var(--fg-muted)}.content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:0}.content-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:60px}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:1200px){.config-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.config-grid{grid-template-columns:1fr}}.resize-handle{position:fixed;left:calc(100vw - var(--sidepanel-width) - 3px);top:56px;bottom:0;width:10px;cursor:col-resize;z-index:10000;transition:background .2s ease;pointer-events:auto;touch-action:none}.resize-handle:hover,.resize-handle.dragging{background:var(--ring)}.resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--line);border-radius:2px;transition:background .2s ease}.resize-handle:hover:after,.resize-handle.dragging:after{background:var(--accent)}.tab-bar{background:var(--panel);position:relative;z-index:auto}.sidebar .tab-bar{display:flex;flex-direction:column;padding:8px;gap:2px;overflow-x:visible}.sidebar .tab-bar a{display:block;width:100%;text-align:left;text-decoration:none;border-radius:2px;border-left:2px solid transparent;padding:10px 14px;margin:0;background:transparent;color:var(--fg-muted);font-size:13px;font-weight:500;transition:all .15s}.sidebar .tab-bar a:hover{background:var(--bg-elev2);color:var(--fg)}.sidebar .tab-bar a.active{background:var(--bg-elev2);border-left-color:var(--accent);color:var(--accent);font-weight:600}.tab-bar::-webkit-scrollbar{height:4px}.tab-bar::-webkit-scrollbar-thumb{background:var(--bg-elev2);border-radius:2px}.tab-bar button{background:var(--bg-elev2);color:var(--fg-muted);border:1px solid var(--line);padding:9px 16px;border-radius:2px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .15s;min-height:44px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.tab-bar button:hover{filter:brightness(1.05);color:var(--fg);border-color:var(--line)}.tab-bar button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.tab-bar a.promoted-tab{font-weight:600;position:relative}.tab-bar a.promoted-tab.active{background:var(--bg-elev2);border-left-color:var(--accent);color:var(--accent)}.subtab-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 24px;background:var(--bg-elev1);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}#rag-subtabs{display:none}#rag-subtabs[data-state=visible]{display:flex}.subtab-bar button{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--fg-muted);font-size:12px;cursor:pointer;transition:all .2s}.subtab-bar button:hover{background:var(--bg-elev2);color:var(--fg)}.subtab-bar button.active{background:var(--link);color:var(--on-link);font-weight:600}.tab-content,.tab-content.active{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:0;min-height:0;height:0}.tab-content>div:not(.subtab-bar){padding:24px}.rag-subtab-content{display:none;padding:24px;overflow-y:auto;width:100%;flex:1;min-height:0}.rag-subtab-content.active{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:24px}.rag-subtab-content.active>:first-child{margin-top:0}.section-subtab{display:none}.section-subtab.active{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.section-subtab.fullscreen.active{padding:0;gap:0;display:flex;flex:1;min-height:0}.dashboard-subtab{display:none;padding:24px;overflow-y:auto;width:100%;flex:1;min-height:0}.dashboard-subtab.active{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:24px}.dashboard-subtab-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 24px;background:var(--bg-elev1);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.dashboard-subtab.active>:first-child{margin-top:0}.subtab-btn{background:transparent;color:var(--fg-muted);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.subtab-btn:hover{background:var(--bg-elev1);color:var(--fg)}.subtab-btn.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}#calc-frame{width:100%;height:100%;border:none;background:var(--card-bg)}.settings-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:20px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--fg);display:flex;align-items:center;gap:8px}.settings-section h3 span{font-size:10px}.settings-section p.small{margin-bottom:14px;line-height:1.5}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;min-width:0}.input-group.full-width{grid-column:span 2}label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-weight:500}input,select,textarea{background:var(--input-bg);border:1px solid var(--line);color:var(--fg);padding:9px 12px;border-radius:4px;font-size:14px;font-family:SF Mono,Monaco,monospace;transition:all .2s}input[type=number],input[type=text]{max-width:100%}input[list]{padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[list]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(1)}input[list]::-webkit-calendar-picker-indicator:hover{opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical;min-height:80px;font-size:13px;line-height:1.5}.action-buttons{display:flex;gap:12px;margin-top:20px}.app-footer-actions{margin-top:0;background:var(--bg);padding:12px 24px;border-top:1px solid var(--accent);flex-shrink:0;align-items:center;gap:16px;pointer-events:none}.app-footer-actions>*{pointer-events:auto}.action-buttons button{background:var(--accent);color:var(--accent-contrast);border:none;padding:11px 22px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .15s;box-shadow:0 2px 8px var(--ring)}.action-buttons button:hover{filter:brightness(.96);box-shadow:0 4px 12px var(--ring);transform:translateY(-1px)}.action-buttons button:active{transform:translateY(0)}.action-buttons button.is-disabled{opacity:.6;cursor:not-allowed;transform:none}.save-error-text{color:var(--err);margin-left:12px}#profile-tooltip{position:fixed;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:12px 16px;max-width:400px;max-height:500px;overflow-y:auto;box-shadow:0 8px 24px #00000040;z-index:10000;display:none;pointer-events:none}#profile-tooltip .tooltip-header{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}#profile-tooltip .tooltip-item{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}#profile-tooltip .tooltip-item:last-child{border-bottom:none}#profile-tooltip .tooltip-key{color:var(--fg-muted);font-family:SF Mono,Monaco,Consolas,monospace;flex-shrink:0}#profile-tooltip .tooltip-value{color:var(--fg);font-family:SF Mono,Monaco,Consolas,monospace;text-align:right;word-break:break-all}.sidepanel .input-row{grid-template-columns:1fr 1fr;gap:12px}.sidepanel .input-group{min-width:0;display:flex;flex-direction:column}.sidepanel .input-group input,.sidepanel .input-group select,.sidepanel .input-group textarea{width:100%;min-width:0;box-sizing:border-box}.sidepanel-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.dock-header{position:sticky;top:0;z-index:50;background:var(--card-bg);border-bottom:1px solid var(--line);padding:12px}.dock-header-inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dock-header-tabs{display:flex;gap:6px;flex-shrink:0}.dock-header-title{flex:1 1 auto;min-width:80px;text-align:center;color:var(--fg);font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-header-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.dock-header-actions button{flex-shrink:0;white-space:nowrap}.sidepanel{grid-column:3 / 4;background:var(--card-bg);padding:0;overflow-y:auto;position:relative;display:flex;flex-direction:column}.sidepanel-shell{background:var(--card-bg);padding:0;overflow:hidden}.app-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;height:100vh;background:var(--bg);color:var(--fg)}.app-loading-spinner{width:48px;height:48px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.app-loading-message{font-size:14px;color:var(--fg-muted)}.app-loading-error{color:var(--err);font-size:12px;margin-top:12px;max-width:400px;text-align:center}.app-embed-root{height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.app-embed-scroll{flex:1;min-height:0;overflow:auto}.sidepanel-content{flex:1;overflow-y:auto;padding:20px}.sidepanel-section label{word-break:break-word;white-space:normal;line-height:1.3}.sidepanel-section h4{font-size:14px;font-weight:600;margin-bottom:14px;color:var(--accent);display:flex;align-items:center;gap:6px}.collapsible-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.collapsible-header:hover{color:var(--accent)}.collapse-icon{display:inline-block;margin-right:8px;transition:transform .3s ease;color:var(--accent);font-size:12px}.collapsible-header.collapsed .collapse-icon{transform:rotate(-90deg)}.collapsible-content{max-height:5000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0}.sidepanel-section h4:before{content:"▸";font-size:12px;color:var(--fg-muted)}.cost-results{background:var(--card-bg);border:1px solid var(--line);border-radius:4px;padding:12px;margin-top:12px}.cost-results .result-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.cost-results .result-item:last-child{border-bottom:none}.result-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.3px}.result-value{font-size:14px;color:var(--accent);font-weight:600;font-family:SF Mono,monospace}.progress{position:relative;overflow:hidden}.progress div{box-shadow:0 0 10px #ff9b5e4d}.dropzone{border:2px dashed var(--accent);padding:24px;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;font-size:13px;color:var(--fg-muted);line-height:1.6}.dropzone:hover{background:var(--code-bg);color:var(--accent);border-color:var(--accent)}.dropzone:active{background:var(--panel-bg)}.mono{font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--fg-muted);line-height:1.5}.result-display{background:var(--code-bg);border:1px solid var(--line);border-radius:6px;padding:14px;margin-top:12px;font-family:SF Mono,monospace;font-size:13px;line-height:1.6;color:var(--fg);white-space:pre-wrap;word-wrap:break-word;max-height:none}.result-display .key{color:var(--link);font-weight:600}.result-display .value{color:var(--fg)}.result-display .section{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.result-display .section:last-child{border-bottom:none;margin-bottom:0}.small-button{background:var(--bg-elev2);color:var(--accent);border:1px solid var(--accent);padding:7px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .2s;width:100%;margin-top:8px}.small-button:hover{background:var(--accent);color:var(--accent-contrast)}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:6px;border-radius:50%;background:var(--bg-elev2);color:var(--link);font-size:10px;line-height:14px;cursor:help;border:1px solid var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700}.help-icon:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tooltip-bubble{position:absolute;z-index:30000;top:22px;left:0;min-width:260px;max-width:min(460px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 16px));overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;padding:8px 12px;background:var(--card-bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.45;box-shadow:0 6px 18px #00000073;display:none}.tooltip-bubble .tt-links a{color:var(--link);text-decoration:none;margin-right:10px}.tooltip-bubble .tt-links a:hover{text-decoration:underline}.tooltip-bubble .tt-badges{margin:6px 0 4px;display:flex;gap:6px;flex-wrap:wrap}.tooltip-bubble .tt-badge{font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:4px;border:1px solid var(--line);color:var(--fg-muted);background:var(--bg-elev2)}.tooltip-bubble .tt-badge.warn{color:var(--warn);border-color:var(--line);background:var(--bg-elev1)}.tooltip-bubble .tt-badge.info{color:var(--link);border-color:var(--line);background:var(--bg-elev1)}.tooltip-bubble .tt-badge.reindex{color:var(--accent);border-color:var(--line);background:var(--bg-elev1)}select[id^=kw-all-],select[id^=kw-repo-]{background:var(--input-bg);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:13px;color:var(--fg);font-family:SF Mono,Monaco,monospace;scrollbar-width:thin;scrollbar-color:var(--line) var(--input-bg)}select[id^=kw-all-]::-webkit-scrollbar,select[id^=kw-repo-]::-webkit-scrollbar{width:8px}select[id^=kw-all-]::-webkit-scrollbar-track,select[id^=kw-repo-]::-webkit-scrollbar-track{background:var(--input-bg);border-radius:4px}select[id^=kw-all-]::-webkit-scrollbar-thumb,select[id^=kw-repo-]::-webkit-scrollbar-thumb{background:var(--bg-elev2);border-radius:4px;border:2px solid var(--input-bg)}select[id^=kw-all-]::-webkit-scrollbar-thumb:hover,select[id^=kw-repo-]::-webkit-scrollbar-thumb:hover{background:var(--bg-elev2)}select[id^=kw-all-] option,select[id^=kw-repo-] option{padding:6px 8px;background:var(--input-bg);color:var(--fg)}select[id^=kw-all-] option:checked,select[id^=kw-repo-] option:checked{background:var(--accent);color:var(--accent-contrast);font-weight:600}select[id^=kw-all-]:focus,select[id^=kw-repo-]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--ring)}#history-dropdown button:hover{background:var(--bg-elev1)!important}#history-dropdown button:active{background:#ffffff1a!important}#chat-history:hover{background:var(--bg-elev2)!important}.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,320px) 1fr;gap:24px;align-items:start}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:16px}}.accent-blue,.accent-purple{color:var(--link)}.accent-orange{color:var(--warn)}.accent-cyan,.accent-pink{color:var(--link)}.settings-section.wizard,.settings-section.cost{border-left:3px solid var(--link)}.settings-section.indexing{border-left:3px solid var(--warn)}.settings-section.overview{border-left:3px solid var(--link)}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 6px var(--accent)}50%{opacity:.3;box-shadow:0 0 0 var(--accent)}}@media(max-width:1024px){:root{--sidepanel-width: 320px}.topbar{padding:12px 16px;height:52px}.topbar .brand{font-size:24px}.topbar .tagline{font-size:10px;letter-spacing:2px}.top-actions{gap:8px}#global-search{width:200px;height:36px;font-size:13px}.top-actions button{padding:7px 12px;font-size:12px}.tab-bar{padding:8px 12px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar a{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.settings-section{padding:16px;margin-bottom:16px}.settings-section h3{font-size:15px;margin-bottom:14px}.input-row{gap:12px}.action-buttons{flex-wrap:wrap}.tab-content{padding:16px}}@media(max-width:900px){.layout{display:grid!important;grid-template-columns:1fr var(--sidepanel-width)!important}.sidebar{position:fixed;left:-200px;top:56px;bottom:0;width:200px;z-index:1000;transition:left .2s ease}.sidebar.mobile-open{left:0}.main-content{grid-column:1}.sidepanel{grid-column:2}.resize-handle{display:none}}@media(max-width:768px){.layout{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.sidebar{position:fixed;left:-200px;top:56px;bottom:0;width:200px;z-index:1000;transition:left .2s ease}.sidebar.mobile-open{left:0}.main-content{flex:1 1 auto;order:1}.content{min-height:50vh}.sidepanel{order:2;max-height:50vh;border-top:1px solid var(--line);flex-shrink:0}.mobile-nav-toggle{display:flex!important}.topbar{padding:10px 12px;height:auto;flex-wrap:wrap;gap:8px}.topbar h1{flex-direction:column;align-items:flex-start;gap:4px;flex:1}.topbar .brand{font-size:20px}.topbar .tagline{font-size:9px;letter-spacing:1.5px;opacity:.7}.top-actions{flex-wrap:wrap;width:100%;gap:6px}#global-search{width:100%;order:10}#search-results{right:12px;left:12px;width:auto}.tab-content{padding:12px}.settings-section{padding:14px;margin-bottom:14px}.settings-section h3{font-size:14px;margin-bottom:12px}.input-row{grid-template-columns:1fr;gap:12px}.input-group.full-width{grid-column:span 1}.dash-two{grid-template-columns:1fr;gap:12px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.small-button{width:100%;padding:10px}.sidepanel-section{padding:12px;margin-bottom:12px}.sidepanel-section h4{font-size:13px}.ob-container{grid-template-columns:1fr;padding:20px 12px;gap:20px}.ob-choice-cards{grid-template-columns:1fr}.ob-help-panel{position:static}}@media(max-width:480px){.topbar{padding:8px 10px}.topbar .brand{font-size:18px}.topbar .tagline{display:none}.top-actions button{padding:6px 10px;font-size:11px;min-height:40px}#health-status{display:none}.tab-content{padding:10px}.settings-section{padding:12px}input,select,textarea{padding:8px 10px;font-size:13px}label{font-size:11px}#cards-builder-modal{width:calc(100vw - 20px)}}.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:var(--panel);border:1px solid var(--line);border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:all .2s}.mobile-nav-toggle:active{transform:scale(.95)}.mobile-nav-toggle svg{width:24px;height:24px;stroke:var(--fg);transition:transform .3s ease}.mobile-nav-toggle.active svg{transform:rotate(90deg)}.mobile-nav-drawer{display:none;position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--panel);border-right:1px solid var(--line);z-index:1000;transition:left .3s ease;overflow-y:auto;padding:20px 0;box-shadow:4px 0 12px #0000004d}.mobile-nav-drawer.active{left:0}.mobile-nav-drawer .nav-header{padding:0 20px 16px;border-bottom:1px solid var(--line);margin-bottom:16px}.mobile-nav-drawer .nav-header h2{margin:0;font-size:20px;color:var(--accent)}.mobile-nav-drawer button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:14px 20px;color:var(--fg-muted);font-size:14px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-nav-drawer button:active{background:var(--bg-elev1)}.mobile-nav-drawer button.active{background:var(--bg-elev2);color:var(--accent);border-left-color:var(--accent);font-weight:600}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:all}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--fg-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00ff884d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn:hover{background:var(--panel);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0f83}.action-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #00ff884d}.action-btn:active:before{width:300px;height:300px}.action-btn svg{transition:all .2s}.action-btn:hover svg{stroke:var(--accent);filter:drop-shadow(0 0 4px rgba(0,255,136,.5))}.action-btn.loading{pointer-events:none;opacity:.6}.action-btn.loading svg{animation:spin 1s linear infinite}.action-btn.success{background:color-mix(in oklch,var(--ok) 8%,var(--bg));border-color:var(--accent);color:var(--accent)}.action-btn.success svg{stroke:var(--accent)}.action-btn.error{background:color-mix(in oklch,var(--warn) 8%,var(--bg));border-color:var(--err);color:var(--err)}.action-btn.error svg{stroke:var(--err)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ob-container{max-width:1000px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.ob-progress-dots{grid-column:1 / -1;display:flex;justify-content:center;gap:12px;margin-bottom:30px}.ob-dot{width:36px;height:36px;border-radius:50%;background:var(--panel-bg);border:2px solid var(--line);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.ob-dot.active{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 12px var(--accent)}.ob-step{display:none;animation:fadeIn .4s ease}.ob-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-main{background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;padding:40px}.ob-title{font-size:28px;font-weight:700;color:var(--fg);margin:0 0 12px}.ob-subtitle{font-size:16px;color:var(--fg-muted);margin:0 0 30px;line-height:1.5}.ob-info-box{background:var(--card-bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:16px 20px;margin:20px 0}.ob-info-box p{margin:8px 0;font-size:14px;color:var(--fg-muted);line-height:1.6}.ob-warning-box{background:var(--card-bg);border:1px solid var(--err);border-left:3px solid var(--err);border-radius:8px;padding:16px 20px;margin:20px 0;color:var(--err);font-size:14px}.ob-tooltip-header{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;margin-bottom:8px}.ob-choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.ob-card{background:var(--card-bg);border:2px solid var(--line);border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .3s ease;text-align:center}.ob-card:hover{border-color:var(--accent);background:var(--panel-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00ff881a}.ob-card svg{margin-bottom:16px;stroke:var(--accent)}.ob-card h3{font-size:18px;font-weight:600;color:var(--fg);margin:0 0 8px}.ob-card p{font-size:14px;color:var(--fg-muted);margin:0}.ob-links{margin-top:30px}.ob-links h4{font-size:14px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.ob-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ob-link-grid a{font-size:13px;color:var(--link);text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.ob-link-grid a:hover{background:var(--card-bg);border-color:var(--line)}.ob-mode-tabs{display:flex;gap:8px;margin-bottom:24px}.ob-mode-tab{flex:1;padding:12px 20px;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;color:var(--fg-muted);cursor:pointer;transition:all .2s ease}.ob-mode-tab.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ob-mode-content{display:none}.ob-mode-content.active{display:block}.ob-input-group{margin-bottom:24px}.ob-input-group label{display:block;font-size:14px;font-weight:600;color:var(--fg);margin-bottom:8px}.ob-text-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:14px;font-family:inherit}.ob-text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00ff881a}.ob-hint{font-size:12px;color:var(--fg-muted);margin:8px 0}.ob-file-input{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ob-browse-btn{padding:10px 20px;background:var(--card-bg);border:1px solid var(--line);border-radius:6px;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ob-browse-btn:hover{background:var(--panel-bg);border-color:var(--accent)}.ob-file-display{font-size:14px;color:var(--fg-muted)}.ob-stages{display:flex;align-items:center;justify-content:center;gap:16px;margin:30px 0}.ob-stage{display:flex;flex-direction:column;align-items:center;gap:8px}.ob-stage-dot{width:12px;height:12px;border-radius:50%;background:var(--line);transition:all .3s ease}.ob-stage.active .ob-stage-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.ob-stage span{font-size:12px;color:var(--fg-muted);text-align:center}.ob-stage.active span{color:var(--accent);font-weight:600}.ob-stage-arrow{color:var(--line);font-size:20px}.ob-progress-bar{height:8px;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:20px 0}.ob-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent) 0%,var(--link) 100%);transition:width .5s ease}.ob-progress-text{font-size:14px;color:var(--fg-muted);text-align:center;margin-top:8px}.ob-log{background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0;max-height:300px;overflow-y:auto;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--fg-muted);line-height:1.6}.ob-questions-list{display:flex;flex-direction:column;gap:24px;margin:30px 0}.ob-question-item{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:20px}.ob-question-input{width:calc(100% - 100px);padding:12px 16px;background:var(--input-bg);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:14px;font-family:inherit;margin-right:12px}.ob-ask-btn{padding:12px 24px;background:var(--accent);border:none;border-radius:8px;color:var(--bg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ob-ask-btn:hover{opacity:.9;transform:translateY(-1px)}.ob-answer{margin-top:16px;padding:16px;background:var(--panel-bg);border-left:3px solid var(--accent);border-radius:6px;font-size:14px;color:var(--fg);line-height:1.6;display:none}.ob-answer.visible{display:block}.ob-trace-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--link);text-decoration:none}.ob-trace-link:hover{text-decoration:underline}.ob-trace-panel{margin-top:12px;padding:16px;background:var(--code-bg);border:1px solid var(--line);border-radius:8px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--fg-muted);max-height:300px;overflow-y:auto}.ob-sliders{display:flex;flex-direction:column;gap:32px;margin:30px 0}.ob-slider-group label{display:block;font-size:14px;font-weight:600;color:var(--fg);margin-bottom:12px}.ob-slider-group input[type=range]{width:100%;height:6px;background:var(--line);border-radius:6px;outline:none;-webkit-appearance:none}.ob-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.ob-slider-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.ob-slider-labels{display:flex;justify-content:space-between;margin-top:8px}.ob-slider-labels span{font-size:12px;color:var(--fg-muted)}.ob-settings-box{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:20px;margin:30px 0}.ob-settings-box h4{font-size:14px;font-weight:600;color:var(--fg);margin:0 0 12px}.ob-summary-content{font-family:SF Mono,Consolas,monospace;font-size:13px;color:var(--fg-muted);line-height:1.8}.ob-actions{display:flex;gap:12px;margin-top:30px}.ob-primary-btn{flex:1;padding:16px 32px;background:var(--accent);border:none;border-radius:10px;color:var(--bg);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.ob-primary-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.ob-secondary-btn{padding:14px 28px;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ob-secondary-btn:hover{background:var(--panel-bg);border-color:var(--accent)}.ob-eval-box{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}.ob-eval-result{margin-top:16px;padding:16px;background:var(--panel-bg);border-left:3px solid var(--accent);border-radius:6px;font-size:14px;color:var(--fg)}.ob-help-panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;padding:24px;position:sticky;top:20px}.ob-help-panel h4{font-size:16px;font-weight:700;color:var(--fg);margin:0 0 8px}.ob-help-panel p{font-size:13px;color:var(--fg-muted);margin:0 0 16px}.ob-help-input{width:100%;min-height:80px;padding:12px;background:var(--input-bg);border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:13px;font-family:inherit;resize:vertical;margin-bottom:12px}.ob-help-input:focus{outline:none;border-color:var(--accent)}.ob-help-btn{width:100%;padding:10px;background:var(--accent);border:none;border-radius:8px;color:var(--bg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ob-help-btn:hover{opacity:.9}.ob-help-results{margin-top:16px;padding:16px;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--fg);line-height:1.6;display:none;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;overflow-x:auto}.ob-help-results.visible{display:block}.ob-help-pills{display:flex;flex-direction:column;gap:8px;margin-top:16px}.ob-help-pill{padding:8px 12px;background:var(--card-bg);border:1px solid var(--line);border-radius:6px;color:var(--fg-muted);font-size:12px;text-align:left;cursor:pointer;transition:all .2s ease}.ob-help-pill:hover{background:var(--panel-bg);border-color:var(--accent);color:var(--accent)}.ob-help-link{display:inline-block;margin-top:16px;font-size:13px;color:var(--link);text-decoration:none}.ob-help-link:hover{text-decoration:underline}.ob-footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.ob-nav-btn{padding:12px 32px;background:var(--card-bg);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ob-nav-btn:hover{background:var(--panel-bg);border-color:var(--accent)}.ob-nav-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ob-nav-primary:hover{opacity:.9;transform:translateY(-1px)}.ob-nav-btn:disabled{opacity:.5;cursor:not-allowed}.ob-nav-btn:disabled:hover{transform:none}:root{--bg: var(--bg);--fg: var(--fg);--muted: var(--fg-muted);--accent: var(--accent);--panel: var(--panel);--line: var(--line)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar h1{font-size:18px;margin:0}.top-actions button{background:var(--accent);color:var(--accent-contrast);border:none;padding:6px 10px;border-radius:8px;cursor:pointer}.top-actions input[type=search]:focus{outline:none;border-color:var(--accent)}mark.hl{background:var(--accent);color:var(--accent-contrast);padding:0 2px;border-radius:2px}.top-actions{position:relative}#search-results{position:absolute;top:40px;right:140px;width:340px;max-height:260px;overflow:auto;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #00000073;display:none;z-index:1000}#search-results .item{padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--line);color:var(--fg)}#search-results .item:last-child{border-bottom:none}#search-results .item:hover,#search-results .item.active{background:var(--bg-elev2);color:var(--fg)}.search-hit{outline:2px solid var(--accent);border-radius:6px;transition:outline .12s ease}.tab-bar{background:var(--panel);padding:8px;border-bottom:1px solid var(--line)}.tab-bar button{background:var(--bg-elev2);color:var(--fg);border:1px solid var(--line);padding:8px 12px;border-radius:8px;cursor:pointer;margin-right:6px}.tab-bar button.active{background:var(--accent)}.tab-content{display:flex;flex-direction:column;flex:1;padding:0;height:100%;overflow:auto}.tab-content.active{display:flex;flex-direction:column;flex:1}#calc-frame{width:100%;height:calc(100vh - 140px);border:none;background:var(--card-bg)}form#config-form label{display:flex;gap:8px;align-items:center;margin:8px 0}details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:10px 0}details summary{cursor:pointer;color:var(--muted)}.repo-grid fieldset{border:1px dashed var(--line);border-radius:8px;padding:8px;margin:8px 0}.form-actions{margin-top:10px}.form-actions button{background:var(--accent);color:var(--accent-contrast);border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.small{font-size:12px;color:var(--muted)}.dropzone{border:2px dashed var(--accent);padding:12px;border-radius:10px;text-align:center;cursor:pointer;margin-top:8px}.cost-results{margin-top:8px}.help{display:inline-block;margin-left:6px;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:14px;height:14px;text-align:center;line-height:14px;font-size:10px;cursor:help}.help:hover{color:var(--accent);border-color:var(--accent)}.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1100px){.dash-two{grid-template-columns:1fr}}.settings-section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 4px 16px #00000014;transition:all .2s ease}.settings-section:hover{border-color:var(--line);box-shadow:0 6px 24px #0000001f}.settings-section h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--fg);letter-spacing:-.01em}.settings-section .accent-blue{color:var(--link);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-section p.small{line-height:1.6;color:var(--fg-muted);margin:0 0 20px}.input-row{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.input-group input,.input-group select{background:var(--input-bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--fg);font-size:14px;transition:all .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.small-button{background:var(--bg-elev2);border:1px solid var(--accent);border-radius:8px;padding:10px 16px;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.small-button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #00000026;color:var(--accent-contrast)}.small-button:active{transform:translateY(0)}.result-display{background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--fg)}.tri-results{background:var(--panel-bg);border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:16px}.tri-results h4{font-size:13px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.tri-results pre{background:var(--code-bg);border:1px solid var(--line);border-radius:6px;padding:12px;margin:0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--fg-muted)}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:var(--bg-elev2);color:var(--link);font-size:11px;font-weight:700;cursor:help;border:1px solid var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none}.help-icon:focus{outline:2px solid var(--link);outline-offset:2px}.tooltip-wrap{position:relative;display:inline-block}.tooltip-bubble{position:absolute;z-index:30000;top:24px;left:0;min-width:280px;max-width:min(480px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 16px));overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;padding:10px 12px;background:var(--card-bg);border:1px solid var(--line);border-radius:6px;color:var(--fg);font-size:12px;line-height:1.45;box-shadow:0 6px 18px #00000073;display:none}.tooltip-bubble--floating{position:fixed!important}.tooltip-bubble a{color:var(--link);text-decoration:none}.tooltip-bubble a:hover{text-decoration:underline}.tooltip-bubble .tt-title{font-weight:700;color:var(--fg);display:block;margin-bottom:6px}.tooltip-bubble .tt-strong{font-weight:700;color:var(--fg)}.tooltip-bubble .mono{font-family:var(--font-mono);font-size:12px;color:var(--fg);background:var(--bg-elev2);border:1px solid var(--line);padding:1px 4px;border-radius:4px}.tooltip-bubble .tt-links{margin-top:8px;opacity:.9}.tooltip-bubble .tt-links a{margin-right:10px}.tooltip-visible{display:block!important}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 4px var(--accent)}50%{opacity:.3;box-shadow:0 0 0 var(--accent)}}html,:root,[data-theme=dark]{--font-sans: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg: #09090b;--bg-elev1: #0f0f12;--bg-elev2: #18181b;--panel: #0f0f12;--line: #27272a;--fg: #e4e4e7;--fg-muted: #71717a;--accent: #64748b;--accent-contrast: #ffffff;--link: #94a3b8;--on-link: #18181b;--ok: #4ade80;--warn: #fbbf24;--err: #f87171;--on-warn: #000000;--on-err: #000000;--chip-bg: #18181b;--input-bg: #18181b;--card-bg: #09090b;--panel-bg: #0f0f12;--panel-border: rgba(113, 113, 122, .38);--glow-1: rgba(34, 211, 238, .18);--glow-2: rgba(59, 130, 246, .2);--gridline: rgba(148, 163, 184, .14);--studio-bg-0: #05070f;--studio-bg-1: #0a1222;--studio-bg-2: #09182f;--studio-panel-bg: rgba(10, 16, 31, .78);--studio-panel-strong-bg: rgba(11, 20, 41, .9);--studio-text: #dbe7ff;--studio-text-muted: #97a8c9;--studio-accent: #7dd3fc;--studio-accent-2: #67e8f9;--studio-good: #34d399;--studio-warn: #fbbf24;--studio-bad: #fb7185;--studio-radius: 10px;--code-bg: #18181b;--code-fg: #a1a1aa;--ring: rgba(100, 116, 139, .2);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 3px}[data-theme=light]{--font-sans: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg: #fafafa;--bg-elev1: #ffffff;--bg-elev2: #f4f4f5;--panel: #ffffff;--line: #e4e4e7;--fg: #18181b;--fg-muted: #71717a;--accent: #475569;--accent-contrast: #ffffff;--link: #334155;--on-link: #ffffff;--ok: #16a34a;--warn: #d97706;--err: #dc2626;--on-warn: #ffffff;--on-err: #ffffff;--chip-bg: #f4f4f5;--input-bg: #ffffff;--card-bg: #ffffff;--panel-bg: #ffffff;--panel-border: rgba(71, 85, 105, .24);--glow-1: rgba(14, 165, 233, .18);--glow-2: rgba(59, 130, 246, .12);--gridline: rgba(30, 41, 59, .1);--studio-bg-0: #f7fbff;--studio-bg-1: #edf4ff;--studio-bg-2: #e3efff;--studio-panel-bg: rgba(255, 255, 255, .88);--studio-panel-strong-bg: rgba(255, 255, 255, .98);--studio-text: #0f172a;--studio-text-muted: #475569;--studio-accent: #0284c7;--studio-accent-2: #0f766e;--studio-good: #059669;--studio-warn: #d97706;--studio-bad: #dc2626;--studio-radius: 10px;--code-bg: #f4f4f5;--code-fg: #3f3f46;--ring: rgba(71, 85, 105, .15);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 3px}body{background:var(--bg);color:var(--fg)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.panel{background:var(--panel-bg);border-color:var(--line)}.card{background:var(--card-bg);border-color:var(--line)}.code{background:var(--code-bg);color:var(--code-fg)}.input-row,.config-grid,.sidepanel-section .input-row,.rag-subtab-content .input-row,.settings-section .input-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}@media(max-width:1200px){.input-row,.config-grid,.sidepanel-section .input-row,.rag-subtab-content .input-row,.settings-section .input-row{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.input-row,.config-grid,.sidepanel-section .input-row,.rag-subtab-content .input-row,.settings-section .input-row{grid-template-columns:1fr!important}}html{height:100%}body{height:100%;margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--fg)}code,pre,.mono{font-family:var(--font-mono)}.bg-panel{background:var(--panel)}.text-fg{color:var(--fg)}.text-muted{color:var(--fg-muted)}.border-line{border-color:var(--line)}.ring{outline:2px solid var(--ring);outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar .title{font-weight:600;letter-spacing:-.01em}.container{max-width:1024px;margin:0 auto;padding:16px}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:16px}.learning-reranker-subtab,.learning-agent-subtab{display:flex;flex-direction:column;flex:1;gap:12px;min-height:640px;height:calc(100vh - 132px)}.learning-reranker-header{display:flex;flex-direction:column;gap:6px}.learning-reranker-title{margin:0;color:var(--studio-text);font-size:1.12rem;font-family:var(--font-sans);letter-spacing:.01em}.learning-reranker-subtitle{margin:0;color:var(--studio-text-muted);font-size:.86rem}.training-studio-root{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;padding:12px;border:1px solid var(--panel-border);border-radius:var(--studio-radius);background:radial-gradient(circle at 15% 14%,var(--glow-1),transparent 36%),radial-gradient(circle at 84% 4%,var(--glow-2),transparent 44%),linear-gradient(155deg,var(--studio-bg-0),var(--studio-bg-1) 47%,var(--studio-bg-2));color:var(--studio-text)}.studio-hint-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.studio-workspace{position:relative;flex:1 1 auto;min-height:clamp(520px,64vh,980px);min-width:0;overflow:hidden}.studio-dockview{width:100%;height:100%}.studio-dockview .dv-groupview{border-radius:8px;overflow:hidden}.training-studio-root:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--gridline) 1px,transparent 1px),linear-gradient(90deg,var(--gridline) 1px,transparent 1px);background-size:34px 34px;opacity:.2;z-index:-1}.training-studio-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-title{margin:0;font-size:1rem;color:var(--studio-text)}.studio-subtitle{margin:3px 0 0;color:var(--studio-text-muted);font-size:.78rem}.studio-header-actions{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;overflow-x:auto}.studio-command-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow:visible}.studio-command-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.training-studio-root .small-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;border:1px solid var(--panel-border);background:linear-gradient(180deg,#7dd3fc1c,#38bdf80a);color:var(--studio-text);padding:6px 10px;cursor:pointer;font-size:.72rem;border-radius:7px}.training-studio-root .small-button:hover:not(:disabled){border-color:var(--studio-accent)}.training-studio-root .small-button[data-active=true]{border-color:var(--studio-accent);color:var(--studio-accent)}.training-studio-root .small-button:disabled{opacity:.6;cursor:not-allowed}.studio-run-setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-run-setup-item{border:1px solid var(--panel-border);border-radius:8px;background:#0814278c;min-height:50px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.studio-label{color:var(--studio-text-muted);font-size:.66rem;letter-spacing:.06em}.studio-value{color:var(--studio-text);font-size:.82rem}.studio-inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-inline-row select{min-width:100px}.studio-panel-group{min-height:0;min-width:0;height:100%}.studio-panel-group [data-panel]{min-width:0;min-height:0}.studio-resize-handle{position:relative;width:8px;background:linear-gradient(180deg,#4d81aa0a,#4d81aa29);border-radius:999px;margin:2px}.studio-resize-handle.horizontal{width:auto;height:8px}.studio-resize-handle:after{content:"";position:absolute;inset:2px;border-radius:999px;background:#589ac53d}.studio-resize-handle:hover:after{background:#71c3f180}.studio-panel{border:1px solid var(--panel-border);border-radius:8px;background:var(--studio-panel-bg);display:flex;flex-direction:column;min-height:0}.studio-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 10px;border-bottom:1px solid var(--panel-border)}.studio-panel-title{margin:0;color:var(--studio-text);font-size:.8rem;letter-spacing:.07em}.studio-panel-subtitle{margin:3px 0 0;color:var(--studio-text-muted);font-size:.7rem}.studio-left-dock,.studio-right-dock,.studio-bottom-dock,.studio-center-stage{min-height:0;min-width:0}.studio-right-dock{height:100%;overflow:hidden}.studio-run-list,.studio-inspector-body,.studio-bottom-body{min-height:0;overflow:auto}.studio-run-list{padding:8px;display:block}.studio-virtual-scroll{position:relative;overflow:auto}.studio-virtual-rail{position:relative;min-height:100%}.studio-virtual-item{position:absolute;left:0;right:0;padding:0 8px 8px}.studio-run-item{display:grid;gap:4px;border:1px solid var(--panel-border);border-radius:8px;background:#030a1694;color:var(--studio-text);padding:8px;text-align:left;cursor:pointer}.studio-run-item[data-selected=true]{border-color:var(--studio-accent);background:#081c32b8}.studio-run-item-top{display:flex;justify-content:space-between;gap:8px;font-size:.69rem}.studio-run-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border:1px solid var(--panel-border);border-radius:999px;font-size:.64rem;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--studio-text-muted);background:#061022b3}.studio-run-status-pill[data-status=queued]{border-color:color-mix(in srgb,var(--studio-warn) 52%,transparent);color:var(--studio-warn)}.studio-run-status-pill[data-status=running]{border-color:color-mix(in srgb,var(--studio-accent) 58%,transparent);color:var(--studio-accent)}.studio-run-status-pill[data-status=completed]{border-color:color-mix(in srgb,var(--studio-good) 60%,transparent);color:var(--studio-good)}.studio-run-status-pill[data-status=failed]{border-color:color-mix(in srgb,var(--studio-bad) 62%,transparent);color:var(--studio-bad)}.studio-run-status-pill[data-status=cancelled]{border-color:color-mix(in srgb,var(--studio-warn) 62%,transparent);color:color-mix(in srgb,var(--studio-warn) 82%,#ffffff)}.studio-run-status-pill[data-status=unknown]{opacity:.9}.studio-run-item-meta{color:var(--studio-text-muted);font-size:.68rem;line-height:1.35}.studio-center-stage{display:flex;flex-direction:column}.studio-tab-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--panel-border)}.studio-tab-btn{border:1px solid var(--panel-border);border-radius:8px;background:#020916a3;color:var(--studio-text-muted);font-size:.67rem;padding:6px 9px;cursor:pointer}.studio-tab-btn[data-active=true]{border-color:var(--studio-accent-2);color:var(--studio-accent-2);background:#08253fbf}.studio-tab-spacer{flex:1}.studio-inspector-body{flex:1 1 auto;padding:8px 8px 14px;display:block;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden}.studio-compact-panel{overflow:hidden}.studio-inspector-body>*+*{margin-top:8px}.studio-form-grid{display:grid;gap:8px;padding:8px}.studio-form-grid.one{grid-template-columns:1fr}.studio-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.training-studio-root .input-group{display:grid;gap:5px}.training-studio-root .input-group label{display:inline-flex;align-items:center;gap:6px;color:var(--studio-text-muted);font-size:.66rem;letter-spacing:.04em}.training-studio-root input,.training-studio-root select,.training-studio-root textarea{border:1px solid var(--panel-border);border-radius:8px;background:#020812de;color:var(--studio-text);font-size:.75rem;padding:7px 8px;min-width:0}.training-studio-root input:focus,.training-studio-root select:focus,.training-studio-root textarea:focus{outline:1px solid var(--studio-accent);outline-offset:1px}.training-studio-root textarea{resize:vertical}.studio-details{margin:0 8px 8px;border:1px solid var(--panel-border);border-radius:8px;background:#040c1973}.studio-details>summary{cursor:pointer;padding:8px 10px;color:var(--studio-text);font-size:.73rem}.studio-metric-grid,.studio-diff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:8px}.studio-metric-card{border:1px solid var(--panel-border);border-radius:8px;background:#040c1980;padding:8px;display:grid;gap:6px}.studio-metric-name{color:var(--studio-text-muted);font-size:.67rem}.studio-metric-value{color:var(--studio-text);font-size:.95rem;font-weight:600}.studio-keyvals{display:grid;gap:6px;padding:10px}.studio-keyvals>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:center;font-size:.74rem}.studio-keyvals>div>span:first-child{color:var(--studio-text-muted)}.studio-status-block{display:grid;gap:6px;padding:8px}.studio-status-line{color:var(--studio-text-muted);font-size:.72rem}.studio-bottom-body{min-height:0;overflow:auto}.studio-timeline{min-height:0;overflow:auto;padding:0}.studio-log-viewer{min-height:0;padding:8px;overflow:auto;display:grid;gap:8px}.studio-gradient-viz{min-height:0;padding:10px;overflow:auto}.studio-event-row{border:1px solid var(--panel-border);border-radius:8px;background:#040c1975;padding:8px;display:grid;gap:6px}.studio-event-row[data-type=error]{border-color:color-mix(in srgb,var(--studio-bad) 58%,transparent)}.studio-event-row[data-type=telemetry]{border-color:color-mix(in srgb,var(--studio-accent-2) 58%,transparent)}.studio-event-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.studio-event-message{margin:0;color:var(--studio-text);font-size:.75rem;line-height:1.35}.studio-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:6px;color:var(--studio-text-muted);font-size:.67rem}.studio-pre{margin:0;border:1px solid var(--panel-border);border-radius:8px;background:#020812db;color:var(--studio-text);font-family:var(--font-mono);font-size:.68rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;overflow:auto;padding:10px}.studio-pre-err{border-color:color-mix(in srgb,var(--studio-bad) 58%,transparent);color:color-mix(in srgb,var(--studio-bad) 72%,#ffffff)}.studio-pre-full{min-height:100%;font-size:.78rem;line-height:1.5}.studio-chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.studio-chip{border:1px solid var(--panel-border);border-radius:999px;background:#071324b8;color:var(--studio-text-muted);font-size:.64rem;padding:3px 8px}.studio-chip-warn{border-color:color-mix(in srgb,var(--studio-warn) 56%,transparent);color:var(--studio-warn)}.studio-search{min-width:260px;flex:1}.studio-callout{border:1px solid var(--panel-border);border-radius:8px;background:#040c1980;padding:8px 10px;font-size:.72rem}.studio-callout-warn{border-color:color-mix(in srgb,var(--studio-warn) 56%,transparent);background:color-mix(in srgb,var(--studio-warn) 11%,transparent);color:color-mix(in srgb,var(--studio-warn) 75%,#ffffff)}.studio-callout-err{border-color:color-mix(in srgb,var(--studio-bad) 56%,transparent);background:color-mix(in srgb,var(--studio-bad) 11%,transparent);color:color-mix(in srgb,var(--studio-bad) 75%,#ffffff)}.studio-empty{margin:0;padding:10px;color:var(--studio-text-muted);font-size:.75rem}.studio-checkbox-inline{display:inline-flex;align-items:center;gap:6px;color:var(--studio-text-muted);font-size:.73rem}.studio-overview-headline{display:grid;gap:2px;justify-items:end}.studio-overview-label{color:var(--studio-text-muted);font-size:.64rem}.studio-overview-value{color:var(--studio-accent-2);font-size:1rem}.studio-inline-help{display:inline-flex;align-items:center;gap:6px;padding:8px 10px 0}.studio-help-anchor{color:var(--studio-text-muted);font-size:.72rem}.studio-truncate{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-mono{font-family:var(--font-mono)}.studio-visualizer-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;height:100%}.neural-canvas-wrap{position:relative;width:min(100%,1400px);margin-inline:auto;aspect-ratio:16 / 9;min-height:300px;max-height:min(70vh,680px);border-bottom:1px solid var(--panel-border);overflow:hidden;background:#061226}.neural-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:2;background:transparent}.neural-canvas.active{display:block}.neural-overlay{position:absolute;inset:0;display:grid;place-items:center;color:var(--studio-text-muted);font-size:.82rem;pointer-events:none;z-index:3}.neural-renderer-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:var(--studio-text-muted);font-size:.76rem}.neural-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 10px;width:min(100%,1400px);margin-inline:auto}.neural-zoom{display:inline-flex;align-items:center;gap:8px;color:var(--studio-text-muted);font-size:.72rem}.neural-scrub-row{display:flex;align-items:center;gap:10px;padding:0 10px 10px;width:min(100%,1400px);margin-inline:auto}.neural-scrub-row input[type=range]{flex:1}.studio-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#02040ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.studio-modal{border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(165deg,var(--studio-bg-1),var(--studio-bg-2));box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.studio-modal-visualizer{width:min(95vw,1800px);height:min(92vh,1100px)}.studio-modal-logs{width:min(95vw,1600px);height:min(90vh,980px)}.studio-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--panel-border);background:#030914c7}.studio-modal-title{margin:0;font-size:.92rem;color:var(--studio-text)}.studio-modal-subtitle{margin:4px 0 0;color:var(--studio-text-muted);font-size:.76rem}.studio-modal-body{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column}.studio-modal-body-scroll{overflow:auto}.studio-log-terminal{min-height:0;height:100%;display:flex;flex-direction:column;gap:8px;padding:8px}.studio-log-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.studio-log-terminal-host{min-height:220px;flex:1;border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;background:#050a15}.neural-renderer-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--studio-text-muted);font-size:.8rem}@media(max-width:1280px){.studio-workspace{min-height:520px}.neural-canvas-wrap{width:100%;max-height:min(60vh,560px)}.studio-run-setup{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-form-grid.two{grid-template-columns:1fr}}@media(max-width:1024px){.learning-reranker-subtab{min-height:0;height:auto}.training-studio-root{min-height:0}.studio-workspace{min-height:620px}}@media(max-width:860px){.training-studio-header{flex-direction:column;align-items:stretch}.studio-header-actions{justify-content:flex-start;flex-wrap:wrap}.studio-command-bar{flex-direction:column;align-items:stretch}.studio-command-group{justify-content:flex-start}.studio-run-setup{grid-template-columns:1fr}.neural-canvas-wrap{min-height:240px;max-height:min(52vh,420px)}}:root{--timing-instant: .05s;--timing-fast: .15s;--timing-normal: .2s;--timing-slow: .3s;--timing-lazy: .6s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--bg-hover: color-mix(in oklch, var(--bg-elev2) 95%, var(--fg) 5%);--bg-hover-intense: color-mix(in oklch, var(--bg-elev2) 90%, var(--fg) 10%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tab-bar button{will-change:transform,box-shadow;transition:transform var(--timing-fast) var(--ease-out),background var(--timing-fast) var(--ease-out),color var(--timing-fast) var(--ease-out),border-color var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out);position:relative;overflow:hidden}.tab-bar button:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm);background:var(--bg-hover);color:var(--fg);border-color:color-mix(in oklch,var(--line) 80%,var(--accent) 20%)}.tab-bar button:active{transform:translateY(0) scale(.98);transition-duration:var(--timing-instant);box-shadow:none}.tab-bar button.active{box-shadow:0 0 0 2px var(--ring);transform:none}.tab-bar button.active:hover{filter:brightness(1.05);transform:translateY(-1px)}.tab-bar button.promoted-tab{transition:transform var(--timing-fast) var(--ease-out),background var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out)}.tab-bar button.promoted-tab:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-md)}.tab-bar button.promoted-tab:after{transition:transform var(--timing-fast) var(--ease-bounce)}.tab-bar button.promoted-tab:hover:after{transform:scale(1.2) rotate(15deg)}.subtab-btn{position:relative;overflow:hidden;will-change:transform,background;transition:background var(--timing-fast) var(--ease-out),color var(--timing-fast) var(--ease-out),transform var(--timing-fast) var(--ease-out)}.subtab-btn:hover{transform:translateY(-1px);background:var(--bg-hover)}.subtab-btn:active{transform:translateY(0) scale(.98);transition-duration:var(--timing-instant)}.subtab-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width var(--timing-normal) var(--ease-out)}.subtab-btn:hover:after{width:100%}.subtab-btn.active:after{width:100%;background:var(--accent)}.subtab-bar button:nth-child(1){transition-delay:0ms}.subtab-bar button:nth-child(2){transition-delay:20ms}.subtab-bar button:nth-child(3){transition-delay:40ms}.subtab-bar button:nth-child(4){transition-delay:60ms}.subtab-bar button:nth-child(5){transition-delay:80ms}.subtab-bar button:nth-child(6){transition-delay:.1s}.subtab-bar button:nth-child(7){transition-delay:.12s}.subtab-bar button:nth-child(8){transition-delay:.14s}.subtab-bar{opacity:1;transform:translateY(0);transition:opacity var(--timing-normal) var(--ease-out),transform var(--timing-normal) var(--ease-out)}.subtab-bar[data-state=hidden]{opacity:0;transform:translateY(-8px);pointer-events:none}.subtab-bar[data-state=visible],.subtab-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.top-actions button{will-change:transform,box-shadow;transition:transform var(--timing-fast) var(--ease-out),background var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out);position:relative;overflow:hidden}.top-actions button:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md);filter:brightness(1.05)}.top-actions button:active{transform:translateY(0) scale(.98);transition-duration:var(--timing-instant);box-shadow:var(--shadow-sm)}@keyframes tab-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}input,textarea,select{will-change:box-shadow,border-color;transition:border-color var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out),background var(--timing-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--accent);animation:input-focus-glow var(--timing-normal) var(--ease-out)}@keyframes input-focus-glow{0%{box-shadow:0 0 0 0 var(--ring)}to{box-shadow:0 0 0 3px var(--ring)}}input.valid,textarea.valid,select.valid{border-color:var(--ok);box-shadow:0 0 0 2px color-mix(in oklch,var(--ok) 20%,transparent 80%);animation:valid-pulse var(--timing-slow) var(--ease-out)}@keyframes valid-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--ok) 40%,transparent 60%)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--ok) 20%,transparent 80%)}to{box-shadow:0 0 0 2px color-mix(in oklch,var(--ok) 20%,transparent 80%)}}input.invalid,textarea.invalid,select.invalid{border-color:var(--warn);box-shadow:0 0 0 2px color-mix(in oklch,var(--warn) 20%,transparent 80%);animation:invalid-shake var(--timing-slow) var(--ease-out)}@keyframes invalid-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.error-message{max-height:0;overflow:hidden;opacity:0;margin-top:0;color:var(--warn);font-size:12px;transition:max-height var(--timing-normal) var(--ease-out),opacity var(--timing-normal) var(--ease-out),margin-top var(--timing-normal) var(--ease-out)}.error-message.show{max-height:100px;opacity:1;margin-top:4px}.success-message{opacity:0;transform:translateY(-4px);color:var(--ok);font-size:12px;transition:opacity var(--timing-normal) var(--ease-out),transform var(--timing-normal) var(--ease-out)}.success-message.show{opacity:1;transform:translateY(0)}input[type=checkbox],input[type=radio]{cursor:pointer;transition:transform var(--timing-fast) var(--ease-bounce)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:inline-block;width:44px;height:24px;background:var(--line);border-radius:999px;position:relative;transition:background var(--timing-normal) ease;box-shadow:inset 0 0 0 1px #00000026}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--card-bg);position:absolute;top:3px;left:3px;transition:transform var(--timing-fast) var(--ease-out),background var(--timing-fast) ease;box-shadow:0 1px 2px #00000040}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px);background:var(--accent-contrast)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--link);outline-offset:2px}.toggle-label{font-size:13px;color:var(--fg);text-transform:none;letter-spacing:0;font-weight:500}input[type=checkbox]:checked,input[type=radio]:checked{animation:check-pop var(--timing-slow) var(--ease-bounce)}@keyframes check-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}input[type=checkbox]:hover,input[type=radio]:hover{transform:scale(1.05)}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--accent) 60%,white 40%),transparent);transform:scale(0);animation:ripple-animation var(--timing-lazy) ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}[data-theme=dark] .ripple{background:radial-gradient(circle,color-mix(in oklch,var(--accent) 40%,white 60%),transparent)}.progress-bar{height:4px;background:var(--bg-elev1);border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ok) 0%,var(--accent) 50%,var(--ok) 100%);border-radius:2px;width:0%;transition:width var(--timing-slow) var(--ease-out);position:relative}.progress-shine{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.loading-spinner{width:20px;height:20px;border:2px solid var(--bg-elev2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{animation:pulse var(--timing-lazy) ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton{background:linear-gradient(90deg,var(--bg-elev1) 0%,var(--bg-elev2) 50%,var(--bg-elev1) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}#search-results .item{will-change:background,transform;transition:background var(--timing-fast) var(--ease-out),transform var(--timing-fast) var(--ease-out)}#search-results .item:hover{transform:translate(2px);background:var(--bg-hover-intense)}#search-results .item:active{transform:translate(0);transition-duration:var(--timing-instant)}.resize-handle{will-change:background;transition:background var(--timing-normal) var(--ease-out)}.resize-handle:after{transition:background var(--timing-normal) var(--ease-out),height var(--timing-fast) var(--ease-out)}.resize-handle:hover:after{height:60px}.settings-section{transition:border-color var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out)}.settings-section:hover{border-color:color-mix(in oklch,var(--line) 80%,var(--accent) 20%);box-shadow:var(--shadow-sm)}.tooltip{transition:background var(--timing-fast) var(--ease-out),transform var(--timing-fast) var(--ease-out),border-color var(--timing-fast) var(--ease-out)}.tooltip:hover{transform:scale(1.1)}#health-status.healthy{color:var(--ok);animation:health-pulse 2s ease-in-out infinite}@keyframes health-pulse{0%,to{opacity:1}50%{opacity:.9}}#health-status.unhealthy{color:var(--err);animation:health-error 1s ease-in-out infinite}@keyframes health-error{0%,to{opacity:1}50%{opacity:.6}}#global-search{will-change:box-shadow,border-color}#global-search:hover{border-color:color-mix(in oklch,var(--line) 70%,var(--accent) 30%)}html{scroll-behavior:smooth}.tab-bar::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--bg-elev2) 80%,var(--fg) 20%)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{transition:color var(--timing-fast) var(--ease-out)}a:hover{color:var(--accent)}pre,code{transition:background var(--timing-fast) var(--ease-out)}pre:hover,code:hover{background:color-mix(in oklch,var(--code-bg) 95%,var(--fg) 5%)}.tab-bar button,.subtab-btn,.top-actions button,.tab-content{transform:translateZ(0);backface-visibility:hidden}.dev-stack-btn{will-change:transform,box-shadow;position:relative;overflow:hidden}.dev-stack-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm);background:var(--bg-hover)}.dev-stack-btn:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:var(--timing-instant);box-shadow:none}.dev-stack-btn.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-md)}.dev-stack-btn:disabled{opacity:.6;cursor:not-allowed}.status-running{animation:health-pulse 2s ease-in-out infinite}.status-stopped{animation:health-error 1s ease-in-out infinite}.status-indicator{display:inline-flex;align-items:center;gap:8px}.status-indicator-sm{gap:6px}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--fg-muted);box-shadow:none}.status-indicator-sm .status-dot{width:8px;height:8px}.status-indicator-lg .status-dot{width:12px;height:12px}.status-dot.status-online,.status-dot.status-success{background:var(--ok);border:1px solid var(--ok)}.status-dot.status-offline,.status-dot.status-error{background:var(--err);border:1px solid var(--err)}.status-dot.status-warning{background:var(--warn);border:1px solid var(--warn)}.status-dot.status-idle{background:color-mix(in oklch,var(--fg-muted) 70%,var(--bg) 30%)}.status-dot.status-loading{background:transparent;border:2px solid var(--bg-elev2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;box-shadow:none}.status-dot.status-pulse.status-loading{animation:spin .8s linear infinite}.status-dot.status-pulse.status-online,.status-dot.status-pulse.status-success{animation:health-pulse 2s ease-in-out infinite}.status-dot.status-pulse.status-offline,.status-dot.status-pulse.status-error{animation:health-error 1s ease-in-out infinite}.status-label{font-size:12px;color:var(--fg-muted)}.dev-stack-section{transition:border-color var(--timing-fast) var(--ease-out),box-shadow var(--timing-fast) var(--ease-out)}.dev-stack-section:hover{border-color:color-mix(in oklch,var(--line) 80%,var(--link) 20%);box-shadow:var(--shadow-sm)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-elev2);border-radius:999px;outline:none;transition:background .2s ease;cursor:pointer}input[type=range]:hover{background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:grab;box-shadow:0 2px 8px #3b82f64d;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3b82f680}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 2px 6px #3b82f666}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:grab;border:none;box-shadow:0 2px 8px #3b82f64d;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3b82f680}input[type=range]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--bg-elev2);border-radius:999px}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--bg-elev2);border-radius:999px}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #3b82f633,0 2px 8px #3b82f64d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px #3b82f633,0 2px 8px #3b82f64d}