
:root{--ti-blue:#8897a8;--ti-light-blue:#748595;--ti-accent:#657d8c;--bg-dark:#7b8996;--text-main:#3f4b55;--text-light:#f7f8f9;--bg-gray:#f3f5f6;--line:#d7dde2;--muted:#69757e;--success:#607a70;--shadow:0 10px 28px rgba(69,82,93,.12);--calc-scale:1}
*{box-sizing:border-box}html{scroll-behavior:smooth;margin:0!important;padding:0!important}body{margin:0!important;padding:0!important;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.62;color:var(--text-main);background:#fff}a{color:var(--ti-light-blue)}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:9999}.skip-link:focus{left:8px}.container{width:min(100% - 40px,1000px);margin-inline:auto;padding:40px 0}.site-header{background:var(--ti-blue)!important;color:var(--text-light)!important;position:sticky!important;top:0!important;z-index:5000!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.site-header>nav{width:min(100% - 40px,1200px)!important;margin:0 auto!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;padding:0!important;background:transparent!important}.logo{font-weight:800!important;font-size:1.5rem!important;color:#fff!important;text-decoration:none!important;letter-spacing:-.02em}.logo span{color:var(--ti-accent)!important}#navMenu{list-style:none!important;display:flex!important;align-items:center!important;gap:22px!important;margin:0!important;padding:0!important;background:transparent!important}#navMenu>li{margin:0!important;padding:0!important;position:relative!important}#navMenu>li>a{color:#fff!important;text-decoration:none!important;font-weight:650!important;padding:21px 0!important;display:block!important;background:transparent!important;font-size:.96rem!important}#navMenu>li>a:hover,#navMenu>li>a:focus-visible{color:var(--ti-accent)!important}.menu-toggle{display:none!important;background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:7px!important;color:#fff!important;font-size:1.4rem!important;line-height:1!important;padding:8px 10px!important;cursor:pointer!important}.dropdown{display:none!important;position:absolute!important;top:100%!important;left:-18px!important;min-width:245px!important;list-style:none!important;margin:0!important;padding:8px!important;background:var(--ti-blue)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0 0 9px 9px!important;box-shadow:0 12px 26px rgba(0,0,0,.25)!important;z-index:6000!important}.nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown{display:block!important}.dropdown li{margin:0!important;padding:0!important}.dropdown a{display:block!important;color:#fff!important;text-decoration:none!important;padding:10px 12px!important;border-radius:6px!important;font-size:.9rem!important}.dropdown a:hover,.dropdown a:focus-visible{background:var(--ti-light-blue)!important;color:#fff!important}
.hero{background:linear-gradient(135deg,var(--ti-blue),var(--bg-dark));color:#fff;text-align:center;padding:54px 20px 64px}.hero-inner{width:min(100%,1120px);margin:auto}.hero h1{font-size:clamp(2.15rem,5vw,3.25rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 13px;color:#fff}.hero .lede{font-size:1.12rem;max-width:820px;margin:0 auto 34px;color:#e8f1f6}.trust-strip{list-style:none;display:flex;justify-content:center;gap:28px;margin:32px 0 0;padding:0;flex-wrap:wrap}.trust-strip li{font-weight:750;color:var(--ti-accent)}.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start;max-width:980px;margin:0 auto}.calc-wrapper{min-width:0}.calc-panel{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:#f0f4f5;box-shadow:0 16px 44px rgba(0,0,0,.32)}.calculator-fullscreen-target{background:#f0f4f5}.calc-toolbar{display:flex;justify-content:center;align-items:center;padding:11px;border-bottom:1px solid #d4dde2;background:#fff}.zoom-controls{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.zoom-controls button{min-width:42px;height:38px;padding:0 12px;border:1px solid #b9c7d1;border-radius:7px;background:linear-gradient(#fff,#f4f7f9);color:var(--ti-blue);font-weight:800;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.08)}.zoom-controls button:active{transform:translateY(1px);box-shadow:none}.zoom-label{min-width:58px;color:#172634;font-weight:850}.calculator-stage{min-height:calc(645px * var(--calc-scale));display:flex;justify-content:center;align-items:flex-start;padding:8px 7px 18px;overflow:auto;background:#eef3f4}.calculator-stage.is-loading{background:linear-gradient(100deg,#edf2f4 35%,#fff 50%,#edf2f4 65%);background-size:300% 100%;animation:load 1.45s linear infinite}@keyframes load{to{background-position:-300% 0}}.calculator-shell{position:relative;display:inline-block;transform:scale(var(--calc-scale));transform-origin:top center;isolation:isolate;overflow:visible}.calculator-shell.brand-light:before{content:"";position:absolute;top:5px;left:11px;width:104px;height:15px;background:#080808;border-radius:2px;z-index:2147483647;pointer-events:none}.calculator-shell.brand-minimized:after{content:"";position:absolute;top:5px;right:11px;width:100px;height:15px;background:#080808;border-radius:2px;z-index:2147483647;pointer-events:none}#calculatorDiv{outline:none!important;margin-inline:auto!important;position:relative;filter:drop-shadow(0 -1.25px 0 rgba(211,215,218,.96)) drop-shadow(-2px 0 0 rgba(151,157,161,.82)) drop-shadow(2px 0 0 rgba(163,169,173,.82)) drop-shadow(0 4px 0 rgba(115,121,125,.72)) drop-shadow(0 8px 8px rgba(19,27,31,.18))}.runtime-status{margin:0;padding:9px 12px;border-top:1px solid #d4dde2;background:#fff;color:#667887;text-align:left;font-size:.79rem}.runtime-status.is-ready{color:var(--success)}.runtime-error{max-width:520px;margin:28px auto;padding:18px;border:1px solid #e1bf63;border-radius:12px;background:#fff7dc;color:#624b14}.runtime-error p{margin:6px 0 12px}.runtime-error .button{border:0}.workflows{background:rgba(0,0,0,.28);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.12);text-align:left}.workflows h2{margin:0 0 5px;color:var(--ti-accent);font-size:1.15rem}.workflows>p{margin:0 0 13px;color:#dce8ee;font-size:.88rem}.workflow-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.15);padding:13px 0}.workflow-link:first-of-type{border-top:0}.workflow-link:hover strong{color:var(--ti-accent)}.workflow-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:rgba(255,255,255,.08);font-size:.69rem;font-weight:900}.workflow-link strong{display:block;color:#fff;font-size:.9rem}.workflow-link small{display:block;color:#c8d7de;font-size:.72rem}.connection-note{margin:14px 0 0;color:#cbdbe2;font-size:.75rem;text-align:left}.calculator-fullscreen-target:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;background:#f1f4f5}.calculator-fullscreen-target:fullscreen .calculator-stage{flex:1;min-height:0;align-items:center}.calculator-fullscreen-target:fullscreen .calc-toolbar,.calculator-fullscreen-target:fullscreen .runtime-status{flex:0 0 auto}.calculator-fullscreen-target.is-pseudo-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2147483000!important;background:#f1f4f5!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:none!important}.calculator-fullscreen-target.is-pseudo-fullscreen .calc-toolbar{flex:0 0 auto!important;padding:calc(8px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px))!important;background:#fff!important}.calculator-fullscreen-target.is-pseudo-fullscreen .calculator-stage{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:6px max(4px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;-webkit-overflow-scrolling:touch}.calculator-fullscreen-target.is-pseudo-fullscreen .runtime-status{display:none!important}body.calculator-overlay-open{overflow:hidden!important}
.section{padding:58px 0}.section.alt{background:var(--bg-gray)}.section h2,.content-grid h1,.content-grid h2,.content-grid h3{color:var(--ti-blue)}.section h2{font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.15;margin:0 0 12px}.section-intro{max-width:780px;margin:0 auto 28px;text-align:center;color:var(--muted)}.grid-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(18,48,70,.04)}.feature-card h3{margin:0 0 7px;color:var(--ti-blue)}.feature-card p{margin:0;color:var(--muted)}.btn{display:inline-block;padding:11px 20px;background:var(--ti-accent);color:#fff;text-decoration:none;border-radius:7px;font-weight:800}.btn:hover{background:var(--ti-light-blue)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.step{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ti-blue);color:#fff;font-weight:800;margin-bottom:10px}.step strong{display:block;color:var(--ti-blue)}.step p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:10px}.faq summary{font-weight:800;color:var(--ti-blue);cursor:pointer}.faq p{margin:9px 0 0;color:var(--muted)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;width:min(100% - 40px,1120px);margin:0 auto;padding:48px 0}.content-grid article{min-width:0}.content-grid h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 18px}.content-grid h2{margin:32px 0 10px;font-size:1.55rem}.content-grid h3{margin:22px 0 8px}.content-grid p{margin:0 0 15px}.content-grid ol,.content-grid ul{padding-left:24px}.content-grid li{margin:6px 0}.content-grid code,.content-grid kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.content-grid kbd{padding:2px 6px;border:1px solid #c7d1d8;border-bottom-width:2px;border-radius:5px;background:#f5f7f8;color:#1b3246;font-weight:700}.content-grid pre{overflow:auto;padding:15px;border:1px solid var(--line);border-radius:8px;background:#f4f6f8}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:16px}.breadcrumbs a{text-decoration:none}.sidebar{background:var(--bg-gray);padding:20px;border-radius:10px;height:fit-content;position:sticky;top:90px;border:1px solid var(--line)}.sidebar h2,.sidebar h3{margin-top:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin:8px 0}.sidebar a{text-decoration:none;font-weight:650}.sidebar a:hover{text-decoration:underline}.notice{padding:14px 16px;border-left:4px solid var(--ti-accent);background:#edf8fb;border-radius:5px;margin:20px 0}.policy-links{display:grid;gap:8px;margin:18px 0}.policy-links a{font-weight:700}.models-table{width:100%;border-collapse:collapse;margin:18px 0}.models-table th,.models-table td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.models-table th{background:var(--bg-gray);color:var(--ti-blue)}
footer{background:var(--bg-dark);color:#aebbc4;padding:38px 0;margin-top:36px}footer .container{padding:0}.footer-inner{text-align:center}.footer-brand{color:#e8f0f4;font-weight:700}.footer-inner nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}.footer-inner a{color:#d9e7ed;text-decoration:none}.footer-inner a:hover{text-decoration:underline}.legal{max-width:900px;margin:11px auto 0;font-size:.82rem;color:#9fb0bb}
@media(max-width:900px){.calc-layout{grid-template-columns:1fr}.workflows{max-width:620px;width:100%;margin-inline:auto}.grid-features{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.calculator-stage{min-height:calc(645px * var(--calc-scale))}}
@media(max-width:768px){.site-header>nav{width:min(100% - 28px,1200px);min-height:62px!important}.menu-toggle{display:block!important}#navMenu{display:none!important;position:absolute!important;top:62px!important;left:-14px!important;right:-14px!important;width:auto!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px 14px 16px!important;background:var(--ti-blue)!important;border-top:1px solid rgba(255,255,255,.13)!important;box-shadow:0 12px 18px rgba(0,0,0,.22)!important}#navMenu.active{display:flex!important}#navMenu>li>a{padding:10px 8px!important}.dropdown{position:static!important;display:block!important;min-width:0!important;box-shadow:none!important;border:0!important;border-radius:7px!important;background:var(--bg-dark)!important;padding:5px!important;margin-bottom:5px!important}.dropdown a{padding:8px 11px!important}.hero{padding:42px 14px 52px}.hero .lede{font-size:1rem}.trust-strip{gap:14px 20px}.calculator-stage{padding-inline:0}.zoom-controls{width:100%;display:grid;grid-template-columns:40px 52px 40px 1fr 1fr;gap:5px}.zoom-controls button{min-width:0;width:100%;padding:0 5px;font-size:.78rem}.zoom-label{min-width:0;font-size:.8rem}.grid-features{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.container{width:min(100% - 28px,1000px)}.content-grid{width:min(100% - 28px,1120px);padding-top:34px}.models-table{font-size:.88rem}.models-table th,.models-table td{padding:9px}}
@media(max-width:430px){.logo{font-size:1.3rem!important}.hero h1{font-size:2.08rem}.zoom-controls{grid-template-columns:36px 45px 36px 1fr 1fr}.workflows{padding:17px}.workflow-link{grid-template-columns:34px 1fr auto}.workflow-icon{width:33px;height:33px}}


/* ===== V1.1 Academic gray palette + external-runtime reset ===== */
html,body{margin:0!important;padding:0!important;min-height:100%;background:#f7f8f9!important}
body>.site-header:first-of-type{margin-top:0!important}
.site-header{margin:0!important;background:#8897a8!important;color:#26343e!important;box-shadow:0 2px 8px rgba(63,75,85,.12)!important}
.site-header>nav{margin-top:0!important}
.logo{color:#26343e!important;font-size:1.18rem!important;letter-spacing:-.015em!important;white-space:nowrap}
#navMenu>li>a{color:#2f3d47!important}
#navMenu>li>a:hover,#navMenu>li>a:focus-visible{color:#eef1f3!important}
.menu-toggle{color:#2f3d47!important;border-color:rgba(47,61,71,.34)!important}
.dropdown{background:#eef1f3!important;border-color:#cfd6dc!important;box-shadow:0 10px 24px rgba(63,75,85,.14)!important}
.dropdown a{color:#33414b!important}
.dropdown a:hover,.dropdown a:focus-visible{background:#dce2e6!important;color:#33414b!important}
.hero{background:linear-gradient(135deg,#edf0f2 0%,#dfe4e8 100%)!important;color:#35434d!important;border-bottom:1px solid #d1d8de}
.hero h1{color:#34424c!important}
.hero .lede{color:#56636d!important}
.trust-strip li{color:#617787!important}
.calc-panel{border-color:#cbd3d9!important;background:#e4e9ec!important;box-shadow:0 12px 30px rgba(69,82,93,.15)!important}
.calculator-fullscreen-target{background:#e4e9ec!important}
.calc-toolbar{background:#f5f6f7!important;border-bottom-color:#d4dadd!important}
.zoom-controls button{border-color:#c2cbd2!important;background:#f4f6f7!important;color:#485762!important;box-shadow:0 1px 2px rgba(63,75,85,.08)!important}
.zoom-controls button:hover{background:#e8ecef!important}
.zoom-label{color:#46545f!important}
.calculator-stage{background:#e1e6e9!important}
.calculator-stage.is-loading{background:linear-gradient(100deg,#e2e7ea 35%,#f2f4f5 50%,#e2e7ea 65%)!important;background-size:300% 100%!important}
.runtime-status{background:#f5f6f7!important;border-top-color:#d4dadd!important;color:#65717a!important}
.workflows{background:#d7dee3!important;border-color:#c5ced5!important;color:#3f4c55!important;box-shadow:0 8px 20px rgba(69,82,93,.08)!important}
.workflows h2{color:#526a79!important}
.workflows>p,.connection-note{color:#66727b!important}
.workflow-link{color:#3f4c55!important;border-top-color:#c1cbd2!important}
.workflow-link strong{color:#3b4953!important}
.workflow-link small{color:#68757e!important}
.workflow-link:hover strong{color:#526a79!important}
.workflow-icon{border-color:#b8c3cb!important;background:#edf0f2!important;color:#4d6170!important}
.section h2,.content-grid h1,.content-grid h2,.content-grid h3,.feature-card h3,.step strong,.faq summary,.models-table th{color:#566572!important}
.section.alt,.sidebar,.models-table th{background:#f1f3f4!important}
.feature-card,.step,.faq details{border-color:#d7dde2!important;box-shadow:none!important}
.btn{background:#748695!important;color:#fff!important}
.btn:hover{background:#657786!important}
.step:before{background:#8897a8!important;color:#273640!important}
.notice{border-left-color:#8897a8!important;background:#eef1f3!important}
a{color:#5a7080}
footer{background:#8897a8!important;color:#34434d!important;box-shadow:none!important}
.footer-brand{color:#2f3e48!important;font-weight:750!important}
.footer-inner a{color:#354752!important}
.legal{color:#485964!important}
.calculator-fullscreen-target:fullscreen,.calculator-fullscreen-target.is-pseudo-fullscreen{background:#e4e9ec!important}
.calculator-fullscreen-target.is-pseudo-fullscreen .calc-toolbar{background:#f5f6f7!important}
@media(max-width:768px){
  #navMenu{background:#8897a8!important;border-top-color:rgba(47,61,71,.18)!important;box-shadow:0 10px 18px rgba(63,75,85,.12)!important}
  .dropdown{background:#e7ebee!important}
  .logo{font-size:1rem!important}
}

/* ===== TI-BASIC Studio ===== */
.studio-hero{padding:48px 20px 32px;background:linear-gradient(135deg,#eef1f3,#e2e7ea);border-bottom:1px solid #d2d9de;text-align:center}
.studio-hero .eyebrow{margin:0 0 8px;color:#5b7180;font-size:.79rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.studio-hero h1{margin:0;color:#3d4c56;font-size:clamp(2rem,5vw,3.15rem);line-height:1.08;letter-spacing:-.035em}
.studio-hero p{max-width:760px;margin:14px auto 0;color:#64717a;font-size:1.05rem}
.studio-wrap{width:min(100% - 32px,1240px);margin:28px auto 58px}
.studio-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:13px 15px;border:1px solid #ccd5db;border-radius:10px;background:#f5f7f8;color:#53616b;font-size:.9rem}
.studio-note strong{color:#44545f}
.studio-app{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:680px;border:1px solid #cbd4da;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 15px 36px rgba(63,75,85,.11)}
.studio-main{min-width:0;background:#f7f8f9}
.studio-side{border-left:1px solid #cbd4da;background:#edf1f3}
.studio-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #d4dce1;background:#eef1f3}
.studio-toolbar label{font-size:.76rem;font-weight:800;color:#596772;text-transform:uppercase;letter-spacing:.04em}
.studio-toolbar input,.studio-toolbar select,.studio-btn{height:38px;border:1px solid #bcc8d0;border-radius:7px;background:#fff;color:#41505a;font:inherit}
.studio-toolbar input{width:120px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;text-transform:uppercase}
.studio-toolbar select{max-width:190px;padding:0 30px 0 10px}
.studio-spacer{flex:1}
.studio-btn{padding:0 12px;font-size:.84rem;font-weight:750;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.studio-btn:hover,.studio-btn:focus-visible{background:#e1e7ea}
.studio-btn.primary{background:#748695;color:#fff;border-color:#6d7e8c}
.studio-btn.primary:hover{background:#657786}
.editor-shell{display:grid;grid-template-columns:48px minmax(0,1fr);min-height:520px;background:#26323a}
.line-numbers{margin:0;padding:17px 9px 17px 0;border-right:1px solid #43515a;color:#81909a;background:#222d34;text-align:right;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;user-select:none;overflow:hidden}
#basicEditor{display:block;width:100%;min-height:520px;resize:vertical;border:0;outline:0;padding:17px 18px;background:#26323a;color:#e9edef;caret-color:#fff;font:15px/1.54 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
#basicEditor::selection{background:#607887}
.editor-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid #d5dde2;background:#eef1f3;color:#64717a;font-size:.78rem}
.save-state{color:#5f746c;font-weight:700}
.token-tray{padding:12px 14px;border-top:1px solid #d4dce1;background:#f3f5f6}
.token-tray h2{margin:0 0 9px;color:#53636e;font-size:.85rem}
.token-list{display:flex;gap:6px;flex-wrap:wrap}
.token-button{border:1px solid #c0cbd2;border-radius:6px;background:#fff;color:#4b5b65;padding:6px 9px;font:700 .78rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.token-button:hover{background:#e2e8eb}
.studio-tabs{display:flex;border-bottom:1px solid #cbd4da;background:#e4eaed}
.studio-tab{flex:1;padding:13px 8px;border:0;border-bottom:3px solid transparent;background:transparent;color:#5d6b74;font-weight:800;cursor:pointer}
.studio-tab[aria-selected="true"]{border-bottom-color:#748695;background:#edf1f3;color:#3f4f59}
.studio-panel{display:none;padding:18px}
.studio-panel.active{display:block}
.studio-panel h2{margin:0 0 12px;color:#4c5d68;font-size:1.08rem}
.studio-panel h3{margin:19px 0 7px;color:#53636e;font-size:.92rem}
.studio-panel p{margin:0 0 12px;color:#64717a;font-size:.87rem}
.check-summary{padding:12px;border:1px solid #c7d2d8;border-radius:8px;background:#f8f9fa;color:#4c5b65;font-size:.87rem}
.check-summary.ok{border-color:#b9cbc3;background:#f1f6f3;color:#4d685d}
.check-list{margin:12px 0 0;padding:0;list-style:none}
.check-list li{margin:8px 0;padding:9px 10px;border-left:3px solid #a97e68;background:#faf6f3;color:#5a4b44;font-size:.82rem}
.command-search{width:100%;height:39px;padding:0 11px;border:1px solid #bbc7cf;border-radius:7px;background:#fff;font:inherit}
.command-results{margin:10px 0 0;padding:0;list-style:none;max-height:455px;overflow:auto}
.command-results li{padding:10px 4px;border-bottom:1px solid #d5dde2}
.command-results button{border:0;background:transparent;color:#4c6270;padding:0;font:800 .83rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.command-results small{display:block;margin-top:3px;color:#6a767e;font-size:.76rem;line-height:1.35}
.lesson-card{padding:12px;border:1px solid #ccd5db;border-radius:8px;background:#f8f9fa}
.lesson-step{display:none}.lesson-step.active{display:block}
.lesson-code{display:block;margin:8px 0;padding:9px;border-radius:6px;background:#26323a;color:#edf1f3;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}
.lesson-controls{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.studio-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.studio-info article{padding:18px;border:1px solid #d5dde2;border-radius:10px;background:#fff}
.studio-info h2{margin:0 0 6px;color:#556672;font-size:1rem}.studio-info p{margin:0;color:#69757e;font-size:.88rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-toolbar input.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:940px){.studio-app{grid-template-columns:1fr}.studio-side{border-left:0;border-top:1px solid #cbd4da}.studio-info{grid-template-columns:1fr}.command-results{max-height:280px}}
@media(max-width:620px){.studio-wrap{width:min(100% - 18px,1240px);margin-top:16px}.studio-hero{padding:36px 14px 25px}.studio-toolbar{align-items:flex-end}.studio-toolbar label{display:grid;gap:4px}.studio-toolbar input{width:105px}.studio-toolbar select{max-width:150px}.studio-spacer{display:none}.studio-btn{padding:0 9px}.editor-shell{grid-template-columns:39px minmax(0,1fr)}.line-numbers{padding-right:7px;font-size:12px}#basicEditor{padding-inline:12px;font-size:13px}.token-tray{padding-inline:10px}}

/* ===== TI-BASIC Studio V2.0 dual-format engine ===== */
.studio-hero.v2{padding-bottom:38px}
.studio-hero.v2 code{padding:.1em .34em;border:1px solid #c8d1d7;border-radius:5px;background:rgba(255,255,255,.55);color:#455761;font-size:.9em}
.engine-pill{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 12px;border:1px solid #bcc8cf;border-radius:999px;background:#f7f9fa;color:#53636d;font-size:.79rem;font-weight:800}
.engine-pill span{width:8px;height:8px;border-radius:50%;background:#85939c}
.engine-pill.is-loading span{animation:enginePulse 1s infinite alternate}.engine-pill.is-ready{border-color:#b8c9c1;background:#f1f6f3;color:#50695f}.engine-pill.is-ready span{background:#5f7d70}.engine-pill.is-error{border-color:#d3b9ad;background:#faf3f0;color:#795848}.engine-pill.is-error span{background:#a96f55}
@keyframes enginePulse{to{opacity:.25}}
.v2-wrap{width:min(100% - 28px,1320px)}
.privacy-note{border-left:4px solid #8897a8}
.v2-app{grid-template-columns:minmax(0,1fr) 370px;min-height:760px}
.v2-toolbar{position:relative}
.v2-toolbar .file-button{display:inline-grid;place-items:center;text-transform:none;letter-spacing:0;cursor:pointer}
.v2-toolbar .check-button{min-width:145px}
.import-meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto 30px;gap:10px;align-items:center;padding:9px 13px;border-bottom:1px solid #d4dce1;background:#f6f8f9;color:#596872;font-size:.79rem}
.import-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:#485963}.import-meta span+span{padding-left:10px;border-left:1px solid #d1d9de}
.import-meta button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#687781;font-size:1.15rem;cursor:pointer}.import-meta button:hover{background:#e4e9ec}
.source-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:14px;border-top:1px solid #d4dce1;background:#f3f5f6}
.source-actions .token-tray{flex:1;border-top:0}.secondary-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.danger-quiet{color:#765b50}
.v2-side{min-width:0}.v2-side .studio-panel{padding:16px}
.results-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.results-heading h2{margin:0}.results-heading span{color:#71808a;font-size:.72rem}
.check-summary.is-working{background:linear-gradient(90deg,#e8edef,#f7f9fa,#e8edef);background-size:220% 100%;animation:checkSweep 1.2s linear infinite}
@keyframes checkSweep{to{background-position:-220% 0}}
.check-summary.has-errors{border-color:#d4b8ac;background:#faf3f0;color:#735344}.check-summary strong{color:inherit}
.check-list li.warning{border-left-color:#aa945d;background:#faf8ef;color:#645b40}.check-list li.error{cursor:pointer}.check-list li.error:hover,.check-list li.error:focus{outline:2px solid rgba(137,87,63,.18);outline-offset:1px}
.format-result{position:relative;margin-top:12px;padding:12px;border:1px solid #cbd4da;border-radius:10px;background:#f8f9fa}
.format-result>div{display:flex;align-items:center;gap:10px;padding-right:58px}.format-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid #bcc8cf;border-radius:9px;background:#edf1f3;color:#52646f;font-size:.72rem;font-weight:900}.format-result h3{margin:0;color:#4a5a65;font-size:.9rem}.format-result p{margin:2px 0 0;color:#6a767e;font-size:.74rem;line-height:1.35}.format-badge{position:absolute;top:12px;right:12px;padding:3px 7px;border-radius:999px;background:#e2e7ea;color:#63717a;font-size:.66rem;font-weight:850}.format-result.is-ready{border-color:#b8cbc2;background:#f3f7f5}.format-result.is-ready .format-badge{background:#dbe9e2;color:#506c60}.format-result.is-error{border-color:#d5bbae;background:#faf5f2}.format-result.is-error .format-badge{background:#f0ded5;color:#7a5747}.format-result.is-working{border-color:#bec9d0}.format-result.is-working .format-badge{animation:enginePulse .8s infinite alternate}
.download-button{width:100%;margin-top:10px}.download-button:not(:disabled){background:#748695;color:#fff;border-color:#697c8b}.download-button:disabled{cursor:not-allowed;opacity:.55}
.smart-toggle{display:flex;gap:9px;align-items:flex-start;margin-top:15px;padding:11px;border:1px solid #ccd5db;border-radius:9px;background:#f6f8f9;color:#52616b;cursor:pointer}.smart-toggle input{margin-top:3px}.smart-toggle span{display:grid}.smart-toggle strong{font-size:.82rem}.smart-toggle small{margin-top:2px;color:#6b7881;font-size:.72rem;line-height:1.35}.result-caution{margin:13px 2px 0!important;color:#707c84!important;font-size:.73rem!important}
.transfer-choice{display:grid;grid-template-columns:28px 1fr;gap:10px;margin:12px 0}.transfer-choice>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#8897a8;color:#293943;font-size:.75rem;font-weight:900}.transfer-choice strong{color:#4b5c67;font-size:.86rem}.transfer-choice p{margin:2px 0 0!important;font-size:.78rem!important}.transfer-links{padding-top:12px;border-top:1px solid #d3dbe0;line-height:1.8!important}.studio-attribution{text-align:center;color:#74818a;font-size:.76rem}.studio-attribution a{font-weight:700}
@media(max-width:1040px){.v2-app{grid-template-columns:minmax(0,1fr) 330px}.v2-toolbar .studio-spacer{display:none}.source-actions{align-items:flex-start;flex-direction:column;padding-right:0}.secondary-actions{padding:0 12px 12px;width:100%;justify-content:flex-start}}
@media(max-width:940px){.v2-app{grid-template-columns:1fr}.v2-side{border-left:0;border-top:1px solid #cbd4da}.v2-side .studio-panel{min-height:0}.source-actions{flex-direction:row;align-items:center;padding-right:12px}.secondary-actions{width:auto;padding:0}}
@media(max-width:680px){.v2-wrap{width:min(100% - 14px,1320px)}.v2-toolbar{display:grid;grid-template-columns:1fr 1fr}.v2-toolbar label{min-width:0}.v2-toolbar label:nth-child(3){grid-column:1/-1}.v2-toolbar input,.v2-toolbar select{width:100%;max-width:none}.v2-toolbar .file-button,.v2-toolbar .check-button{width:100%}.import-meta{grid-template-columns:minmax(0,1fr) 28px}.import-meta span:nth-child(2),.import-meta span:nth-child(3){display:none}.source-actions{flex-direction:column;align-items:stretch;padding-right:0}.secondary-actions{padding:0 10px 12px;display:grid;grid-template-columns:1fr 1fr}.secondary-actions .danger-quiet{grid-column:1/-1}.format-result>div{padding-right:52px}}

/* ===== V2.1 CE/Evo Program Runner ===== */
.run-button{border-color:#718493;background:#f8fafb;color:#435763}.run-button:hover,.run-button:focus-visible{background:#dfe6ea}
.runner-main{min-height:80vh;background:#f4f6f7;color:#3f4b55}
.runner-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:36px max(22px,calc((100vw - 1420px)/2));border-bottom:1px solid #ccd5db;background:linear-gradient(135deg,#edf1f3,#dfe5e8)}
.runner-hero .eyebrow{margin:0 0 7px;color:#607684;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.runner-hero h1{margin:0;color:#3e4d57;font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.035em}.runner-hero p{max-width:760px;margin:10px 0 0;color:#64717a}.runner-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.runner-privacy{width:min(100% - 32px,1420px);margin:20px auto 14px;padding:11px 14px;border:1px solid #cbd5db;border-left:4px solid #8193a0;border-radius:9px;background:#fafbfb;color:#596872;font-size:.83rem}
.runner-workspace{width:min(100% - 32px,1420px);margin:0 auto 22px;overflow:hidden;border:1px solid #c7d1d7;border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(63,75,85,.11)}
.runner-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #cad4da;background:#e9eef1}.runner-toolbar label{display:grid;gap:4px;color:#5b6973;font-size:.69rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.runner-toolbar select{height:37px;padding:0 30px 0 10px;border:1px solid #b9c6ce;border-radius:7px;background:#fff;color:#40515c;font:inherit;text-transform:none;letter-spacing:0}.runner-project-title{display:grid;min-width:142px;margin-right:auto}.runner-project-title span{color:#687681;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.runner-project-title strong{color:#3d4e59;font:850 1.08rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runner-controls{display:flex;gap:6px;flex-wrap:wrap}.runner-control{height:37px;padding:0 11px;border:1px solid #b7c4cc;border-radius:7px;background:#fff;color:#465762;font-weight:800;cursor:pointer}.runner-control:hover:not(:disabled){background:#dfe6ea}.runner-control.primary{border-color:#6d808f;background:#748695;color:#fff}.runner-control:disabled{cursor:not-allowed;opacity:.48}
.runner-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(330px,.8fr) 290px;min-height:690px}.runner-source-panel,.runner-device-panel{min-width:0;border-right:1px solid #cbd5db}.runner-source-panel>header,.runner-device-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:67px;padding:11px 14px;border-bottom:1px solid #cbd5db;background:#f0f3f5}.runner-grid h2{margin:0;color:#4c5e69;font-size:.9rem}.runner-grid header p{margin:2px 0 0;color:#71808a;font-size:.7rem}.runner-counter{color:#6e7d86;font-size:.69rem;text-align:right}.runner-counter strong{display:block;color:#4d606c;font-size:.9rem}.runner-model-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bcc8cf;border-radius:9px;background:#e6ebee;color:#536875;font-weight:900}
.runner-source{height:623px;overflow:auto;background:#253139}.runner-code-line{position:relative;display:grid;grid-template-columns:16px 38px minmax(0,1fr);width:100%;min-height:28px;align-items:start;border:0;background:transparent;color:#e5eaed;padding:4px 8px;text-align:left;cursor:pointer}.runner-code-line:hover{background:#303e47}.runner-code-line.is-active{background:#3e515d;box-shadow:inset 3px 0 #aab8c0}.runner-line-number{color:#84949e;text-align:right;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runner-code-line code{padding-left:10px;color:inherit;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.runner-breakpoint{width:9px;height:9px;margin-top:6px;border:1px solid #6d7f8a;border-radius:50%;background:transparent}.runner-code-line.has-breakpoint .runner-breakpoint{border-color:#b47e69;background:#c58b73;box-shadow:0 0 0 2px rgba(197,139,115,.18)}
.runner-device-panel{background:#e3e8eb}.runner-device{width:min(100% - 30px,430px);margin:18px auto;padding:12px 13px 16px;border:1px solid #73818a;border-radius:18px 18px 25px 25px;background:linear-gradient(145deg,#505d65,#39454c);box-shadow:0 12px 25px rgba(36,47,54,.24)}.runner-device-label{display:flex;justify-content:space-between;padding:1px 5px 8px;color:#dce3e7;font-size:.62rem;font-weight:850;letter-spacing:.1em}.runner-screen{min-height:264px;margin:0;padding:12px;overflow:auto;border:7px solid #242c31;border-radius:4px;background:#dce2d4;color:#1d2520;font:clamp(10px,1.15vw,13px)/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;white-space:pre;box-shadow:inset 0 0 14px rgba(44,58,47,.16)}
.runner-input,.runner-menu{margin-top:9px;padding:10px;border:1px solid #70808a;border-radius:8px;background:#edf1f3}.runner-input label,.runner-menu>strong{display:block;margin-bottom:5px;color:#445761;font-size:.79rem;font-weight:850}.runner-input form>div{display:grid;grid-template-columns:1fr auto;gap:6px}.runner-input input{min-width:0;height:36px;border:1px solid #aebbc3;border-radius:6px;padding:0 9px;background:#fff;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runner-input button,.runner-menu button{border:1px solid #718492;border-radius:6px;background:#7d8f9c;color:#fff;font-weight:800}.runner-menu>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.runner-menu button{min-height:34px;padding:5px}
.runner-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.runner-keypad button{height:36px;border:1px solid #1d272d;border-radius:6px;background:#e7ebed;color:#26333b;font-weight:850;box-shadow:0 2px 0 #1d282e;cursor:pointer}.runner-keypad button:active{transform:translateY(2px);box-shadow:none}.runner-keypad .operator{background:#b4c0c6}.runner-keypad .enter{grid-column:1/-1;background:#8295a1;color:#fff}
.runner-inspector{min-width:0;background:#eef2f4}.runner-state-card{padding:15px;border-bottom:1px solid #ccd6dc}.runner-state-card h2{margin-bottom:10px}.runner-status{display:inline-flex;padding:5px 9px;border:1px solid #c2ccd2;border-radius:999px;background:#f8fafb;color:#5d6c75;font-size:.72rem;font-weight:850}.runner-status.is-ready{border-color:#b8cbc2;background:#f0f6f3;color:#4e695d}.runner-status.is-working{animation:enginePulse .8s infinite alternate}.runner-status.is-waiting{border-color:#d2c39e;background:#faf7ec;color:#6e6038}.runner-status.is-error{border-color:#d4b8ac;background:#faf3f0;color:#765344}.runner-state-card>p{margin:8px 0 0;color:#697780;font-size:.75rem;line-height:1.45}.runner-variables{display:grid;gap:5px;max-height:250px;overflow:auto}.runner-variables>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;padding:6px 8px;border:1px solid #d2dade;border-radius:6px;background:#f9fafb}.runner-variables strong{color:#516571;font:800 .75rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.runner-variables code{overflow:hidden;color:#44545e;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.runner-empty{margin:0!important;color:#75828a!important;font-size:.75rem!important}.runner-diagnostics{margin:0;padding:0;list-style:none}.runner-diagnostics li{margin:7px 0;padding:7px 8px;border-left:3px solid #a4afb5;background:#f8fafb;color:#65727a;font-size:.72rem;line-height:1.4}.runner-diagnostics li.ok{border-color:#789487;background:#f3f7f5;color:#526c60}.runner-diagnostics li.warning{border-color:#aa945d;background:#faf8ef;color:#665c3d}.runner-diagnostics li.error{border-color:#b27d67;background:#faf3f0;color:#765343}
.runner-limitations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(100% - 32px,1420px);margin:0 auto;padding-bottom:50px}.runner-limitations article{padding:17px;border:1px solid #d1d9de;border-radius:10px;background:#fff}.runner-limitations h2{margin:0 0 6px;color:#536570;font-size:.92rem}.runner-limitations p{margin:0;color:#6a7780;font-size:.8rem}
@media(max-width:1150px){.runner-grid{grid-template-columns:minmax(340px,1fr) minmax(330px,.9fr)}.runner-inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd5db}.runner-state-card{border-right:1px solid #ccd6dc;border-bottom:0}.runner-state-card:last-child{border-right:0}.runner-source,.runner-grid{min-height:620px}.runner-source{height:620px}}
@media(max-width:780px){.runner-hero{align-items:flex-start;flex-direction:column;padding:28px 18px}.runner-hero-actions{justify-content:flex-start}.runner-privacy,.runner-workspace,.runner-limitations{width:min(100% - 16px,1420px)}.runner-toolbar{align-items:stretch}.runner-project-title{width:100%;margin:0}.runner-toolbar label{flex:1}.runner-toolbar select{width:100%}.runner-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.runner-grid{display:block;min-height:0}.runner-source-panel,.runner-device-panel{border-right:0;border-bottom:1px solid #cbd5db}.runner-source{height:380px;min-height:0}.runner-device{margin-block:14px}.runner-inspector{display:block}.runner-state-card{border-right:0;border-bottom:1px solid #ccd6dc}.runner-limitations{grid-template-columns:1fr}.runner-screen{font-size:10px}}
@media(max-width:430px){.runner-toolbar label{flex-basis:100%}.runner-device{width:min(100% - 14px,430px);padding-inline:9px}.runner-code-line{grid-template-columns:13px 32px minmax(0,1fr);padding-inline:5px}.runner-code-line code{font-size:12px}.runner-screen{padding:7px;font-size:8px}.runner-keypad button{height:34px}.runner-hero h1{font-size:1.9rem}}
