:root{--navy:#071b55;--navy-2:#0b286f;--orange:#cf5c15;--teal:#087f8c;--ink:#17233c;--muted:#6e7a91;--line:#d7dfeb;--soft:#eef3f9;--paper:#fff;--canvas:#f5f7fb;--code:#10192d;--code-muted:#8490aa;--success:#16865c;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--canvas);color:var(--ink);font-family:var(--ui)}button,select,textarea,input{font:inherit}button,select,input{accent-color:var(--navy-2)}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline-offset:1px;outline:3px solid #0b7f9242}.workbench-shell{height:100vh;background:radial-gradient(circle at 4% -8%, #087f8c14, transparent 24rem), var(--canvas);grid-template-rows:68px 58px minmax(0,1fr) 34px;height:100dvh;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fffffff5;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 24px;display:grid}.brand-lockup,.compiler-product,.topbar-actions,.privacy-note,.pipeline,.pipeline-step,.commandbar,.example-picker,.optimisation-picker,.option-check,.compile-button,.pane-titlebar,.pane-titlebar>div,.artifact-tabs,.artifact-actions,.build-drawer>div,.build-drawer p,.statusbar{align-items:center;display:flex}.brand-lockup{gap:9px;min-width:max-content}.tara-brand-icon{object-fit:contain;width:46px;height:46px}.tara-brand-text{object-fit:contain;width:112px;height:46px}.compiler-product{border-left:1px solid #d4dce8;flex-direction:column;align-items:flex-start;margin-left:2px;padding-left:11px;line-height:1.05}.compiler-product strong{color:var(--navy);letter-spacing:.035em;white-space:nowrap;font-size:13px}.compiler-product small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:9px;font-weight:750}.pipeline{gap:10px}.pipeline-step{color:var(--muted);white-space:nowrap;gap:7px;font-size:12px;font-weight:650}.pipeline-step b{border:1px solid #bac6d8;border-radius:99px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.pipeline-step.active{color:var(--navy)}.pipeline-step.active b{border-color:var(--navy);background:var(--navy);color:#fff}.pipeline-step.complete{color:var(--teal)}.pipeline-step.complete b{border-color:var(--teal);color:#076c76;background:#e1f5f4}.pipeline-arrow{color:#a4afc0}.topbar-actions{justify-self:end;gap:14px;min-width:max-content}.privacy-note{color:#42506a;gap:8px;font-size:12px;font-weight:650}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #16865c1a}.status-dot.booting{background:#e39135;box-shadow:0 0 0 4px #e391351f}.status-dot.error{background:#c84444;box-shadow:0 0 0 4px #c844441f}.tara-cpu-link{min-height:34px;color:var(--navy-2);white-space:nowrap;background:#f5f8fc;border:1px solid #c8d4e5;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.tara-cpu-link:hover{color:var(--navy);background:#eaf0f8;border-color:#9daec6}.tara-cpu-link span{color:var(--orange);font-size:13px}.iitm-logo{object-fit:contain;flex:none;width:46px;height:46px}.commandbar{border-bottom:1px solid var(--line);background:#edf2f8;gap:18px;padding:8px 20px}.example-picker,.optimisation-picker{gap:9px}.example-picker>span,.optimisation-picker>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.commandbar select{min-height:36px;color:var(--ink);background:#fff;border:1px solid #c5d0df;border-radius:7px;padding:0 34px 0 10px;font-size:13px;font-weight:650}.command-spacer{flex:1}.option-check{color:#46536b;white-space:nowrap;gap:8px;font-size:12px;font-weight:650}.option-check input{width:16px;height:16px}.compile-button{background:var(--orange);color:#fff;border:0;border-radius:7px;gap:9px;min-height:38px;padding:0 12px 0 15px;font-size:13px;font-weight:800;box-shadow:0 2px 7px #cf5c1540}.compile-button:not(:disabled){cursor:pointer}.compile-button:not(:disabled):hover{background:#b94d0c}.compile-button:disabled{cursor:wait;opacity:.72}.compile-button kbd{font:10px/1 var(--mono);background:#ffffff2e;border-radius:4px;margin-left:5px;padding:3px 5px}.workspace{grid-template-columns:minmax(360px,1fr) minmax(430px,1.12fr);gap:10px;min-height:0;padding:10px;display:grid}.pane{border:1px solid var(--line);background:var(--paper);border-radius:9px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 4px 18px #2030500e}.editor-pane{grid-template-rows:43px minmax(0,1fr) 29px;display:grid}.output-pane{grid-template-rows:46px minmax(0,1fr) 124px;display:grid}.pane-titlebar{border-bottom:1px solid var(--line);background:#fbfcfe;justify-content:space-between;gap:16px;padding:0 14px}.pane-titlebar>div{gap:8px}.pane-titlebar strong{font:700 12px/1 var(--mono)}.file-dot{color:#fff;width:23px;height:23px;font:800 11px/1 var(--mono);border-radius:5px;place-items:center;display:grid}.c-file{background:var(--teal)}.unsaved{color:var(--orange);font-size:8px}.stale-badge{color:#a7460c;letter-spacing:.04em;text-transform:uppercase;background:#fff0e3;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800}.pane-meta{color:var(--muted);font:10px/1 var(--mono)}.pane-title-actions{justify-content:flex-end;gap:10px}.editor-wrap{background:#fcfdff;min-height:0;position:relative;overflow:hidden}.source-code-editor,.source-code-editor .cm-editor,.artifact-code-editor,.artifact-code-editor .cm-editor{height:100%;min-height:0}.source-code-editor .cm-scroller,.artifact-code-editor .cm-scroller{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;overflow:auto scroll!important}.source-code-editor .cm-scroller{scrollbar-color:#9daabc #edf2f7}.artifact-code-editor .cm-scroller{scrollbar-color:#53627e #10192d}.source-code-editor .cm-scroller::-webkit-scrollbar{width:11px;height:11px}.artifact-code-editor .cm-scroller::-webkit-scrollbar{width:11px;height:11px}.source-code-editor .cm-scroller::-webkit-scrollbar-track{background:#edf2f7}.source-code-editor .cm-scroller::-webkit-scrollbar-thumb{background:#9daabc;border:2px solid #edf2f7;border-radius:99px}.artifact-code-editor .cm-scroller::-webkit-scrollbar-track{background:#10192d}.artifact-code-editor .cm-scroller::-webkit-scrollbar-thumb{background:#53627e;border:2px solid #10192d;border-radius:99px}.pane-footer{border-top:1px solid var(--line);color:var(--muted);font:10px/1 var(--mono);background:#f8fafc;justify-content:flex-end;align-items:center;gap:16px;padding:0 12px;display:flex}.artifact-toolbar{border-bottom:1px solid var(--line);background:#fbfcfe;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.artifact-tabs{scrollbar-width:thin;gap:2px;min-width:0;padding:0 8px;overflow-x:auto}.artifact-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-self:stretch;padding:0 13px;font-size:14px;font-weight:800}.artifact-tabs button:not(:disabled){cursor:pointer}.artifact-tabs button.selected{border-bottom-color:var(--orange);color:var(--navy)}.artifact-tabs button i{color:#087358;letter-spacing:.04em;text-transform:uppercase;background:#daf3ed;border-radius:99px;margin-left:6px;padding:3px 6px;font-size:10px;font-style:normal}.artifact-actions{gap:6px;padding:0 8px 0 6px;position:relative;box-shadow:-9px 0 12px #fbfcfe}.toolbar-button{color:#3d4b65;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e2;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.toolbar-button:hover:not(:disabled){color:var(--navy);background:#f5f8fb;border-color:#9ba9bd}.toolbar-button.copied{color:#087152;background:#e5f6ee;border-color:#85cdb1}.toolbar-button:disabled{cursor:default;opacity:.45}.copy-icon{font:700 14px/1 var(--mono)}.download-button span{font-size:13px;line-height:1}.copy-toast{z-index:20;color:#09694e;background:#effaf5;border:1px solid #88cbb2;border-radius:8px;align-items:center;gap:8px;max-width:min(420px,100vw - 24px);padding:9px 12px;font-size:11px;font-weight:750;display:flex;position:fixed;bottom:46px;right:18px;box-shadow:0 9px 28px #1836452e}.copy-toast span{background:#ccefe0;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.copy-toast.error{color:#9b352b;background:#fff2ef;border-color:#e3a198}.copy-toast.error span{background:#f9d5d0}.artifact-view{background:var(--code);color:#d9e1f2;min-height:0;overflow:hidden}.empty-artifact{height:100%;color:var(--code-muted);text-align:center;align-content:center;place-items:center;padding:24px;display:grid}.empty-artifact>span{color:#a7b3ca;width:44px;height:44px;font:700 14px/1 var(--mono);border:1px solid #34405a;border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.empty-artifact strong{color:#c1cbe0;font-size:13px}.empty-artifact p{margin:5px 0 0;font-size:11px}.stale-artifact>span{color:#f0bd75;border-color:#76512e}.build-drawer{color:#bdc8dc;background:#18233a;border-top:1px solid #26324a;padding:11px 14px;overflow:hidden}.build-heading{color:#edf2fb;align-items:center;gap:8px;font-size:11px;display:flex}.terminal-mark{color:#64d6c4;font:800 13px/1 var(--mono)}.success-label{color:#78ddba;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.success-label i{background:#47bf8929;border-radius:50%;place-items:center;width:16px;height:16px;font-style:normal;display:grid}.success-label.stale{color:#f0bd75}.success-label.stale i{background:#f0bd7524}.runtime-message{align-items:center;gap:12px;display:flex}.runtime-message p{color:#9aa8c1;font:11px/1.4 var(--mono);align-items:center;gap:8px;margin:13px 0 0;display:flex}.runtime-message button{color:#d9e3f5;cursor:pointer;background:#202c44;border:1px solid #536078;border-radius:5px;margin:13px 0 0 auto;padding:5px 8px;font-size:10px}.spinner-dot{background:#f4aa63;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f4aa631f}.build-success p{color:#c3cee1;font:10px/1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:11px 0 9px;overflow:hidden}.metric-row{flex-wrap:wrap;gap:7px;display:flex}.metric-row span{color:#9eabc1;background:#202c44;border:1px solid #35425a;border-radius:5px;padding:4px 7px;font-size:9px}.metric-row b{color:#eef3fc;font-family:var(--mono)}.build-drawer.has-error{background:#281d2b;border-top-color:#67363f}.diagnostics{color:#ffb4a8;max-height:76px;font:10px/1.45 var(--mono);white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:10px 0 0;overflow:auto}.statusbar{background:var(--navy);color:#cad5eb;white-space:nowrap;border-top:1px solid #123077;gap:11px;padding:0 16px;font-size:10px;overflow:hidden}.statusbar b{color:#fff;font-weight:750}.status-divider{background:#ffffff2e;width:1px;height:14px}.status-spacer{flex:1}.footer-branding{color:#fff;text-overflow:ellipsis;font-weight:650;overflow:hidden}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.pipeline{display:none}.workspace{grid-template-rows:minmax(360px,1fr) minmax(360px,1fr);grid-template-columns:1fr;overflow:auto}.workbench-shell{grid-template-rows:68px auto minmax(0,1fr) 34px}.commandbar{flex-wrap:wrap}.command-spacer{display:none}}@media (max-width:620px){.topbar{gap:10px;padding:0 14px}.privacy-note{font-size:0}.topbar-actions{gap:8px}.tara-brand-icon,.iitm-logo{width:39px;height:39px}.tara-brand-text{width:92px;height:39px}.compiler-product{padding-left:8px}.compiler-product strong{font-size:11px}.compiler-product small{display:none}.tara-cpu-link{min-height:32px;padding:0 7px}.commandbar{gap:10px;padding:8px 10px}.example-picker>span,.optimisation-picker>span,.option-check{display:none}.compile-button{margin-left:auto}.workspace{padding:6px}.artifact-tabs button{padding:0 9px;font-size:12px}.artifact-tabs button i{font-size:9px}.artifact-actions{padding-left:4px}.toolbar-button{padding:0 7px}.pane-meta{display:none}.statusbar{padding:0 10px}.footer-target,.footer-stack,.status-divider,.status-spacer{display:none}.footer-branding{text-align:center;width:100%}}@media (max-width:460px){.tara-brand-text,.privacy-note{display:none}.brand-lockup{gap:7px}.compiler-product{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
