@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1118;--surface:#101720;--line:#23303b;--muted:#a1afbf;--soft:#7e90a3;--text:#edf3f6;--mint:#5ee9c5;--mono:"JetBrains Mono","Cascadia Code","Consolas",monospace;--sans:"Inter","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:2px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}::selection{background:#5ee9c533;color:white}.svg-sprite{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:8px;left:16px;z-index:99;padding:12px;background:var(--mint);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}
/* Every region lives inside the current viewport. No page or panel scroll areas. */
.studio{width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 26px;overflow:clip;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:24px;border-bottom:1px solid var(--line);background:#111821;min-width:0}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700;letter-spacing:2.5px;line-height:1.1;flex-shrink:0}.brand-mark{font:700 35px var(--mono);letter-spacing:-6px;color:var(--mint);margin-right:6px;transform:translateY(-3px)}.brand-mark>span{font-size:24px}.brand-caption{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:7px;font-weight:400}.main-nav{display:flex;height:100%;align-items:center}.main-nav>a{font-size:13px;height:100%;display:flex;align-items:center;gap:8px;position:relative}.main-nav>a>span{font:10px var(--mono);color:#627487}.main-nav .current:after{content:"";height:2px;background:var(--mint);position:absolute;bottom:0;left:0;right:0}.main-nav>a:hover{color:var(--mint)}.top-actions{display:flex;gap:18px;align-items:center}.studio-label{font:10px var(--mono);letter-spacing:1.4px;color:var(--soft)}.contact-link{font-size:13px;display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid #3e605d;border-radius:5px;color:var(--mint)}.contact-link:hover{background:#1a302d}.contact-link svg{width:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--mint);background:#1b2932}.icon-button.small{width:30px;height:28px}.icon-button.small svg{width:14px}
.workspace{display:grid;grid-template-columns:52px 164px minmax(0,1fr) clamp(330px,32vw,500px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rail explorer editor intro" "rail explorer ecosystem ecosystem";min-width:0;min-height:0}.workspace>*{min-width:0;min-height:0}.activity-bar{grid-area:rail;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding-top:10px;background:#101720}.activity-bar>a{width:100%;height:49px;display:grid;place-items:center;color:#7f91a6;border-left:2px solid transparent}.activity-bar>a:hover{color:var(--text)}.activity-bar .active{color:var(--mint);border-left-color:var(--mint);background:#172329}.activity-bar .bottom-icon{margin-top:auto}.rail-version{font:9px var(--mono);color:var(--soft);margin:12px 0 16px;writing-mode:vertical-rl;letter-spacing:1px}.explorer{grid-area:explorer;border-right:1px solid var(--line);background:#101720;display:flex;flex-direction:column}.explorer-title{padding:21px 14px 18px;font:10px var(--mono);letter-spacing:1.3px;color:var(--muted);display:flex;justify-content:space-between}.folder-title{font:600 10px var(--mono);padding:9px 12px;color:#c4cdd8}.folder-title>span,.folder-path>span{margin-right:7px}.folder-path{padding:4px 20px 10px;font:11px var(--mono);color:var(--muted)}.file-button{width:100%;padding:9px 10px 9px 18px;display:flex;align-items:center;gap:7px;font:10px var(--mono);text-align:left;color:var(--muted)}.file-button:hover{background:#192732}.file-button[aria-current=true]{color:var(--text);background:#1c2b36}.file-type{color:#e4c470;font:10px var(--mono)}.explorer-bottom{margin-top:auto;padding:20px 15px}.micro-label{font:9px var(--mono);letter-spacing:1.25px;color:var(--mint)}.explorer-bottom .micro-label{font-size:8px;color:var(--soft)}.explorer-bottom strong{display:block;font-size:13px;margin:10px 0;color:#c9d7e2;font-weight:500}.explorer-bottom p{color:var(--soft);font-size:11px}.explorer-code{display:block;font:49px var(--mono);letter-spacing:-8px;color:#23323d;margin-top:18px;line-height:1.1}
.editor-shell{grid-area:editor;display:flex;flex-direction:column;background:#0d141d;overflow:clip}.editor-tabs{height:43px;flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#101820;border-bottom:1px solid var(--line)}.editor-tab{min-width:0;padding:0 9px;font:11px var(--mono);color:var(--soft);display:flex;gap:7px;align-items:center;border-right:1px solid var(--line);border-top:2px solid transparent;justify-content:center}.editor-tab[aria-selected=true]{background:#0d141d;color:#e2ecf3;border-top-color:var(--mint)}.editor-tab:hover{color:var(--text)}.tab-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-short{display:none}.tab-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:var(--mint)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;flex-shrink:0;padding:0 16px;border-bottom:1px solid #18222d;font:10px var(--mono);color:var(--soft)}#file-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback{display:flex;gap:4px;align-items:center;flex-shrink:0}.small-button{height:28px;display:flex;align-items:center;gap:5px;color:var(--muted);font:10px var(--mono);white-space:nowrap}.small-button svg{width:12px;height:12px}.small-button:hover{color:var(--mint)}.code-panel{flex:1;min-width:0;min-height:0;overflow:clip;padding:10px 0;position:relative}.code-content{font:12px/23px var(--mono);tab-size:4;width:100%;padding-right:16px}.code-line{display:flex;min-width:0;min-height:23px}.line-number{width:48px;flex-shrink:0;text-align:right;padding-right:16px;color:#5d7083;user-select:none;font-size:10px}.line-text{min-width:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere;color:#c7d6e7}.code-line.active-line{background:#16293277}.active-line .line-number{color:var(--mint)}.token-comment{color:#7893a7;font-style:italic}.token-string{color:#8be0b8}.token-keyword{color:#c3a2f5}.token-number{color:#e1bc86}.token-function{color:#7fcdea}.token-decorator{color:#e8cd82}.code-cursor{display:inline-block;width:6px;height:14px;background:var(--mint);vertical-align:-2px;margin-left:2px;animation:blink 1.05s step-end infinite}.paused .code-cursor{animation:none;opacity:.4}@keyframes blink{50%{opacity:0}}.editor-position{height:23px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 16px;color:#8194a6;font:9px var(--mono);border-top:1px solid #1c2833}.editor-position>span:first-child{color:#84afa9}.terminal{height:112px;flex-shrink:0;border-top:1px solid var(--line);background:#0b131b;padding:0 16px 8px;font:10px/1.7 var(--mono);overflow:clip}.terminal-heading{display:flex;justify-content:space-between;align-items:center;height:32px;font-size:9px;letter-spacing:.8px}.terminal-tab{display:inline-flex;align-items:center;height:27px;border-bottom:1px solid var(--mint);color:#c4d1dc}.terminal-other{margin-left:20px;color:#6f8497}.simulation{font-size:8px;border:1px solid #283942;color:#9bb0be;padding:1px 5px;border-radius:3px}.terminal-command{margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-command>span:first-child{color:var(--mint)}.terminal-path{color:#8ca5b9}.terminal-prompt{color:#c3a2f5}.terminal-log{color:#b8c7d5;display:flex;gap:9px;min-width:0}.terminal-log>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-log .check{color:var(--mint)}.terminal-log .log-time{color:#687c8e;flex-shrink:0}
.intro-panel{grid-area:intro;border-left:1px solid var(--line);padding:22px 30px 16px;background:radial-gradient(ellipse at 95% 20%,#142d30 0%,transparent 65%),#101a22;display:flex;flex-direction:column;gap:14px}.intro-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.intro-top .micro-label{font-size:8px;letter-spacing:1px;color:#93b3b4}.intro-index{font:9px var(--mono);color:#668889;white-space:nowrap}.intro-copy{margin:auto 0;padding:8px 0}.intro-eyebrow{color:#a9c0c7;font-size:12px;margin-bottom:10px}h1{font-size:clamp(34px,3vw,55px);line-height:1.09;font-weight:550;letter-spacing:-1.5px}h1>span{display:block}h1>.accent{color:var(--mint)}.intro-description{max-width:320px;font-size:13px;color:#b2c1ce;line-height:1.6;margin:15px 0 12px}.expertise{display:flex;flex-wrap:wrap;gap:5px 11px;font-size:10px;color:#91acb6;margin-bottom:18px}.expertise>span:not(:last-child):after{content:"/";margin-left:11px;color:#3b5c63}.primary-button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 15px;background:var(--mint);color:#0a2725;border-radius:4px;font-size:12px;font-weight:600}.primary-button svg{width:17px}.primary-button:hover{background:#8cf7d9}.stats-area{display:flex;align-items:center;gap:20px;border-top:1px solid #2b3d43;padding-top:12px}.stats-area>strong{font-size:43px;font-weight:400;line-height:1.1;letter-spacing:-1.5px}.stats-area>strong>span{color:var(--mint);font-size:.78em;margin-left:3px}.stats-area>span{font-size:12px;color:#c1d0da;line-height:1.5}.contact-block{border-top:1px solid #2b3d43;padding-top:12px}.contact-kicker{font-size:8px;letter-spacing:.7px;color:#8ba7ac;display:block;margin-bottom:4px}.contact-block h2{font-size:14px;line-height:1.3;font-weight:500;color:#c8d8df}.contact-email{display:inline-flex;align-items:center;gap:9px;color:var(--mint);font-size:14px;line-height:1.4;margin-top:8px}.contact-email:hover{color:#a2f8e2}.contact-email svg{width:16px;height:16px}.intro-bottom{display:flex;justify-content:space-between;gap:8px;font:8px var(--mono);letter-spacing:.4px;color:#7c959e}
.ecosystem-panel{grid-area:ecosystem;padding:14px 22px 10px;border-top:1px solid var(--line);background:#101922}.ecosystem-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:11px}.ecosystem-heading>div{display:flex;gap:17px;align-items:center;min-width:0}.ecosystem-heading .micro-label{font-size:9px}.ecosystem-heading h2{font-size:14px;font-weight:400;letter-spacing:-.15px;white-space:nowrap}.ecosystem-heading h2 span{color:#91a8b6}.ecosystem-heading>p{font-size:10px;color:#89a1b2}.technology-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.technology-card{background:#15212c;border:1px solid #293b48;padding:12px 10px;border-radius:4px;display:flex;align-items:center;gap:10px;min-width:0;min-height:58px}.technology-card:hover{border-color:#578980;background:#1a2a33}.technology-logo{width:29px;height:29px;object-fit:contain;flex-shrink:0}.technology-info{min-width:0}.technology-info>strong{font-size:12px;font-weight:500;white-space:nowrap;display:block}.technology-info>span{font-size:9px;color:#99adbd;display:none}.trademark-note{font-size:9px;color:#91a6b6;line-height:1.4;margin-top:8px}.external-label{display:none}#partners-section{margin-top:10px}#partners-section>h3{font-size:12px;margin-bottom:5px}
.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#16342f;color:#a3cdc3;font:9px var(--mono);gap:12px;min-width:0}.statusbar>div{display:flex;gap:18px;align-items:center;min-width:0}.statusbar span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.statusbar svg{width:12px;height:12px}.status-tag{color:#76c6b2}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#25433e;color:white;border:1px solid #629b8d;border-radius:5px;z-index:100;width:max-content;max-width:90vw;font-size:13px}
@media(min-width:1700px) and (min-height:850px){.studio{grid-template-rows:74px minmax(0,1fr) 28px}.workspace{grid-template-columns:60px 180px minmax(0,1fr) 500px}.intro-panel{padding:28px 36px 20px;gap:20px}.code-content{font-size:14px;line-height:26px}.code-line{min-height:26px}.editor-tabs{height:46px}.editor-tab{font-size:12px}.intro-description{font-size:15px}.intro-eyebrow{font-size:14px}.expertise{font-size:11px}.primary-button{height:46px;font-size:13px}.terminal{height:126px;font-size:12px}.stats-area>strong{font-size:51px}.stats-area>span{font-size:14px}.contact-block h2{font-size:17px}.contact-email{font-size:16px}.ecosystem-panel{padding:18px 26px 13px}.technology-card{min-height:68px}.technology-info>span{display:block}.ecosystem-heading h2{font-size:16px}.technology-logo{width:34px;height:34px}}
@media(max-width:1400px){.explorer{display:none}.workspace{grid-template-columns:48px minmax(0,1fr) 35%;grid-template-areas:"rail editor intro" "rail ecosystem ecosystem"}.intro-panel{padding:20px 26px 16px}.studio-label{display:none}}
@media(max-width:1050px){.activity-bar{display:none}.workspace{grid-template-columns:minmax(0,1fr) 39%;grid-template-areas:"editor intro" "ecosystem ecosystem"}.topbar{padding:0 20px}.intro-panel{padding:18px 21px 14px}.intro-index{display:none}.intro-top .micro-label{font-size:7px}h1{font-size:34px}.intro-description{font-size:12px}.expertise{font-size:9px;gap:4px 8px}.expertise>span:not(:last-child):after{margin-left:8px}.tab-name{display:none}.tab-short{display:inline}.ecosystem-heading>p{display:none}.technology-card{padding:10px 8px;gap:7px}.technology-logo{width:25px;height:25px}.technology-info>strong{font-size:11px}.contact-block h2{font-size:13px}}
@media(max-height:750px) and (min-width:701px){.studio{grid-template-rows:54px minmax(0,1fr) 24px}.intro-panel{padding:16px 24px 12px;gap:11px}.intro-copy{padding:0}.intro-top{display:none}h1{font-size:36px}.intro-eyebrow{font-size:11px;margin-bottom:8px}.intro-description{margin:10px 0;font-size:12px}.expertise{margin-bottom:12px;font-size:9px}.primary-button{height:35px;font-size:11px}.stats-area{padding-top:10px}.stats-area>strong{font-size:35px}.stats-area>span{font-size:11px}.contact-block{padding-top:10px}.contact-kicker{display:none}.contact-email{font-size:13px;margin-top:5px}.intro-bottom{font-size:7px}.terminal{height:93px}.terminal-heading{height:28px}.terminal-command{margin:3px 0}.ecosystem-panel{padding:10px 18px 8px}.ecosystem-heading{margin-bottom:8px}.technology-card{min-height:48px;padding-top:8px;padding-bottom:8px}.trademark-note{font-size:8px;margin-top:6px}}
/* Narrow portrait screens use three compact regions, all visible together. */
@media(max-width:700px) and (orientation:portrait){.studio{grid-template-rows:52px minmax(0,1fr) 22px}.topbar{padding:0 14px;gap:12px}.brand{font-size:14px;letter-spacing:1.6px;gap:9px}.brand-mark{font-size:28px}.brand-mark>span{font-size:20px}.brand-caption{font-size:6px;letter-spacing:1.3px;margin-top:5px}.main-nav{display:none}.top-actions{gap:8px}.contact-link{font-size:11px;gap:7px;padding:6px 9px}.contact-link svg{width:13px}.top-actions>.icon-button{width:28px;height:32px}.top-actions>.icon-button svg{width:17px}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"editor" "intro" "ecosystem"}.editor-tabs{height:34px}.editor-tab{font-size:10px;gap:5px;padding:0 5px}.editor-toolbar{height:29px;padding:0 11px;font-size:9px}.small-button{font-size:9px;height:26px}.icon-button.small{height:26px;width:27px}.code-panel{padding:6px 0}.code-content{font-size:10px;line-height:18px;padding-right:11px}.code-line{min-height:18px}.line-number{width:33px;padding-right:10px;font-size:9px}.code-cursor{height:12px;width:5px}.editor-position{height:19px;padding:0 11px;font-size:8px}.terminal{height:69px;font-size:9px;padding:0 11px 5px}.terminal-heading{height:23px;font-size:8px}.terminal-tab{height:22px}.simulation{font-size:7px;line-height:1.4}.terminal-command{margin:1px 0}.terminal-log .log-time{display:none}.terminal-log:not(:last-child){display:none}.intro-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"copy stats" "contact contact";gap:10px 14px;padding:13px 16px 11px}.intro-top,.intro-eyebrow,.intro-bottom,.expertise,.intro-copy>.primary-button{display:none}.intro-copy{grid-area:copy;margin:0;padding:0}h1{font-size:27px;line-height:1.06;letter-spacing:-1px}h1>span{display:inline}.intro-description{font-size:11px;line-height:1.4;margin:7px 0 0;max-width:270px}.stats-area{grid-area:stats;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border:0;padding:0}.stats-area>strong{font-size:34px;letter-spacing:-1.3px}.stats-area>span{font-size:10px;line-height:1.3}.stats-area>span>br{display:none}.contact-block{grid-area:contact;display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:9px;min-width:0}.contact-kicker{display:none}.contact-block h2{font-size:11px;max-width:115px;line-height:1.3}.contact-email{font-size:12px;gap:6px;margin:0;white-space:nowrap}.contact-email svg{width:13px;height:13px}.ecosystem-panel{padding:10px 14px 8px}.ecosystem-heading{gap:8px;margin-bottom:8px}.ecosystem-heading>div{justify-content:space-between;flex:1;gap:10px}.ecosystem-heading .micro-label{font-size:8px;letter-spacing:.8px}.ecosystem-heading h2{font-size:11px}.ecosystem-heading h2>span{color:#91a8b6}.technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.technology-card{min-height:35px;padding:6px 8px;gap:7px}.technology-logo{width:22px;height:22px}.technology-info>strong{font-size:10px}.trademark-note{font-size:8px;line-height:1.3;margin-top:7px}.statusbar{padding:0 11px;font-size:8px;gap:8px}.statusbar>div{gap:6px}.statusbar .branch-status,.statusbar .encoding-status,.statusbar .status-tag{display:none}.statusbar span{gap:4px}}
@media(max-width:350px) and (orientation:portrait){.topbar{padding:0 11px}.brand{font-size:12px;gap:8px}.brand-caption{font-size:5px}.contact-link{padding:6px 7px;font-size:10px}.contact-link svg{display:none}.top-actions{gap:4px}.intro-panel{grid-template-columns:minmax(0,1fr) 80px;padding:11px 13px 10px;gap:9px 10px}h1{font-size:24px}.intro-description{font-size:10px}.stats-area>strong{font-size:30px}.stats-area>span{font-size:9px}.contact-email{font-size:11px}.contact-email svg{display:none}.contact-block h2{font-size:10px;max-width:110px}.ecosystem-panel{padding:8px 11px 7px}.ecosystem-heading h2{font-size:9px}.ecosystem-heading .micro-label{font-size:7px}.technology-card{gap:5px;padding:5px 6px}.technology-logo{width:19px;height:19px}.technology-info>strong{font-size:9px}.trademark-note{font-size:7px}}
/* Short windows and landscape phones retain the same single screen. */
@media(max-height:600px) and (orientation:landscape){.studio{grid-template-rows:44px minmax(0,1fr) 20px}.topbar{padding:0 16px}.brand{font-size:14px;gap:9px}.brand-mark{font-size:27px}.brand-caption{font-size:6px;margin-top:3px}.main-nav>a{font-size:11px}.contact-link{font-size:11px;padding:5px 10px}.top-actions{gap:10px}.icon-button{height:31px;width:31px}.explorer,.activity-bar{display:none}.workspace{grid-template-columns:minmax(0,1fr) 37%;grid-template-areas:"editor intro" "ecosystem ecosystem"}.intro-panel{padding:12px 18px;gap:9px}.intro-top,.intro-eyebrow,.intro-bottom,.contact-kicker{display:none}h1{font-size:30px;line-height:1.03}.intro-description{font-size:11px;line-height:1.35;margin:8px 0}.expertise{font-size:8px;margin-bottom:10px}.primary-button{height:31px;font-size:10px}.stats-area{padding-top:7px;gap:15px}.stats-area>strong{font-size:28px}.stats-area>span{font-size:10px}.contact-block{padding-top:8px}.contact-block h2{font-size:11px}.contact-email{font-size:12px;margin-top:4px}.editor-tabs{height:32px}.editor-toolbar{height:29px;font-size:9px}.editor-position{height:19px;font-size:8px}.code-panel{padding:6px 0}.code-content{font-size:10px;line-height:18px}.code-line{min-height:18px}.terminal{height:65px;font-size:9px;padding-bottom:4px}.terminal-heading{height:22px}.terminal-tab{height:21px}.terminal-command{margin:1px 0}.terminal-log:not(:last-child){display:none}.ecosystem-panel{padding:8px 16px 7px}.ecosystem-heading{margin-bottom:7px}.ecosystem-heading h2{font-size:12px}.technology-card{min-height:38px;padding:7px 8px}.technology-logo{width:23px;height:23px}.technology-info>strong{font-size:10px}.trademark-note{font-size:8px;margin-top:5px}.statusbar{font-size:8px}.statusbar .encoding-status{display:none}}
@media(max-height:500px) and (orientation:landscape){.studio{grid-template-rows:40px minmax(0,1fr) 18px}.workspace{grid-template-columns:minmax(0,1fr) 38%}.intro-panel{padding:9px 14px;gap:7px;display:grid;grid-template-columns:minmax(0,1fr) 69px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"copy stats" "contact contact"}.intro-copy{grid-area:copy;margin:auto 0;padding:0}.intro-description{font-size:9px;margin:6px 0 0}.expertise,.primary-button{display:none}h1{font-size:23px;letter-spacing:-.8px}.stats-area{grid-area:stats;border:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.stats-area>strong{font-size:28px}.stats-area>span{font-size:9px}.contact-block{grid-area:contact;display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:6px}.contact-block h2{font-size:9px;max-width:86px}.contact-email{font-size:10px;margin:0;white-space:nowrap}.contact-email svg{display:none}.terminal-path,.terminal-other,.log-time{display:none}.ecosystem-heading .micro-label{font-size:8px}.ecosystem-panel{padding:6px 12px}.ecosystem-heading{margin-bottom:5px}.technology-card{min-height:32px;padding:5px 6px;gap:6px}.technology-logo{width:20px;height:20px}.trademark-note{font-size:7px;margin-top:4px}.editor-tabs{height:29px}.editor-toolbar{height:26px}.editor-position{height:17px}.terminal{height:59px;font-size:8px}.code-panel{padding:3px 0}.code-content{font-size:9px;line-height:16px}.code-line{min-height:16px}.line-number{width:30px;padding-right:8px;font-size:8px}.statusbar .branch-status{display:none}}
@media(max-width:730px) and (orientation:landscape){.workspace{grid-template-columns:minmax(0,1fr) 44%}.technology-info>strong{font-size:9px}.technology-logo{width:18px;height:18px}.technology-card{gap:5px;padding:5px}.intro-panel{padding:8px 11px;grid-template-columns:minmax(0,1fr) 64px}h1{font-size:21px}.stats-area>strong{font-size:24px}.stats-area>span{font-size:8px}.intro-description{font-size:8px}.contact-block h2{font-size:8px}.contact-email{font-size:9px}.ecosystem-heading h2{font-size:10px}.main-nav{display:none}.status-tag{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.code-cursor{display:none}}
@media print{.studio{height:100vh}.top-actions,.playback{visibility:hidden}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}