:root{color-scheme:dark;--bg-0: #0e1116;--bg-1: #151a22;--bg-2: #1b2230;--bg-3: #232b3b;--line: #2c3548;--line-strong: #3a455c;--text: #e8edf7;--text-muted: #8b95a8;--accent: #d4a017;--accent-ink: #1a1404;--ok: #3ecf8e;--warn: #e0a935;--danger: #e26d5a;--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, monospace;--header-h: 4.25rem;--logs-h: 11.5rem;--controls-w: 18.5rem;--inspector-w: 24rem}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1a2436 0%,transparent 55%),radial-gradient(900px 500px at 90% 0%,#1c1a12 0%,transparent 50%),var(--bg-0)}code{font-family:var(--mono);font-size:.85em}button{font:inherit}.studio-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) var(--logs-h);height:100%;min-height:100vh}.engineering-nav{display:flex;gap:.25rem;padding:.4rem .75rem;overflow-x:auto;border-bottom:1px solid var(--line);background:#0e1116f5}.engineering-nav__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.engineering-nav__item:hover{color:var(--text);background:var(--bg-2)}.engineering-nav__item--active{color:var(--accent);border-color:#d4a01773;background:#2a2414}.studio-body--lab{grid-template-columns:var(--controls-w) minmax(0,1fr) minmax(22rem,28rem)}.studio-body--preview-lab{grid-template-columns:minmax(0,1fr) minmax(24rem,34rem)}.studio-body--workspace{grid-template-columns:minmax(0,1fr)}.preview-slot{min-width:0;min-height:0;display:flex}.preview-slot>.preview-pane{flex:1}.preview-slot--hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.enterprise-workspace{min-width:0;min-height:0;overflow:auto;background:var(--bg-1);border-left:1px solid var(--line)}.enterprise-workspace__content{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.1rem 1.5rem}.workspace-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(135deg,rgba(212,160,23,.08),transparent 55%),var(--bg-2)}.workspace-hero h2{margin:.2rem 0 .35rem;font-size:1.2rem}.workspace-hero p{margin:0;color:var(--text-muted);font-size:.8rem;max-width:42rem}.workspace-kicker{display:inline-block;color:var(--accent);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.health-score{display:grid;justify-items:center;gap:.2rem;min-width:7rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(212,160,23,.35);background:#1a160c}.health-score strong{font-size:1.8rem;line-height:1}.health-score span{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.65rem}.metric-card{display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.metric-card__label,.metric-card__detail{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.metric-card__value{font-size:1.05rem}.workspace-section{display:grid;gap:.75rem;padding:.9rem;border:1px solid var(--line);border-radius:12px;background:#151a22b3}.workspace-section__head h3{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.workspace-section__head p{margin:.35rem 0 0;color:var(--text-muted);font-size:.72rem}.workflow{display:flex;flex-wrap:wrap;gap:.45rem}.workflow__step{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-2);font-size:.72rem}.workflow__step span{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:999px;background:#2a2414;color:var(--accent);font-size:.62rem;font-weight:700}.summary-list,.detail-grid,.documentation-grid{display:grid;gap:.55rem}.summary-list{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.summary-list div,.detail-grid div{display:grid;gap:.15rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}.summary-list strong,.detail-grid dd{margin:0;font-family:var(--mono);font-size:.78rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid__wide{grid-column:1 / -1}.detail-grid dt{color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.profile-grid,.scenario-grid,.snapshot-grid,.plugin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.65rem}.profile-card,.scenario-card,.snapshot-card,.plugin-grid article,.session-list article,.violation-list article{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-2);color:inherit;text-align:left}.profile-card--active,.scenario-card:focus-within{border-color:#d4a0178c;box-shadow:inset 0 0 0 1px #d4a01733}.profile-card span,.scenario-card span,.snapshot-card span,.plugin-grid span,.session-list span{color:var(--text-muted);font-size:.7rem}.scenario-card dl{display:grid;gap:.25rem;margin:0}.scenario-card dt{color:var(--text-muted);font-size:.58rem;text-transform:uppercase}.scenario-card dd{margin:0;font-family:var(--mono);font-size:.7rem}.inline-form,.release-form{display:flex;flex-wrap:wrap;gap:.55rem;align-items:end}.inline-form .field__control,.release-form .field__control{min-width:12rem}.release-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.release-form__wide{grid-column:1 / -1}.release-form label,.inline-form label{display:grid;gap:.25rem;color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.field__control{width:100%;padding:.55rem .65rem;border:1px solid var(--line-strong);border-radius:6px;color:var(--text);background:var(--bg-2);font:inherit}.comparison-arrow{padding:.55rem .35rem;color:var(--accent);font-weight:700}.mini-chart{display:flex;align-items:end;gap:.3rem;height:7rem;padding:.5rem;border:1px solid var(--line);border-radius:10px;background:#0b0e13}.mini-chart__bar{flex:1;min-width:.45rem;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#ebbc2e,#8a6810)}.check-list,.workspace-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.check-list li,.workspace-list li{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;padding:.45rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);font-size:.75rem}.metric-status{display:inline-flex;align-items:center;padding:.12rem .4rem;border-radius:999px;border:1px solid var(--line);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.metric-status--good{color:var(--ok);border-color:#3ecf8e66}.metric-status--warn{color:var(--warn);border-color:#e0a93573}.metric-status--bad{color:var(--danger);border-color:#e26d5a73}.snapshot-card img{width:100%;border-radius:8px;border:1px solid var(--line);background:#111}.workspace-empty,.workspace-notice{margin:0;color:var(--text-muted);font-size:.74rem}.workspace-notice{padding:.7rem .8rem;border-left:3px solid var(--accent);background:#d4a01714}.release-package-code{min-height:8rem}.documentation-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.session-list,.violation-list{display:grid;gap:.55rem}.studio-shell--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;--logs-h: 8.5rem}.studio-shell--fullscreen .control-panel,.studio-shell--fullscreen .inspector-panel{display:none}.studio-header{display:grid;grid-template-columns:minmax(12rem,1.2fr) auto auto auto;gap:1.25rem 1.75rem;align-items:end;padding:.85rem 1.15rem .95rem;border-bottom:1px solid var(--line);background:#0e1116eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-header__title{margin:0;font-size:1.2rem;font-weight:650;letter-spacing:-.03em}.studio-header__title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.studio-header__badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border:1px solid var(--line-strong);border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.studio-header__subtitle{margin:.3rem 0 0;font-size:.75rem;color:var(--text-muted)}.studio-header__modes,.studio-header__lifecycle{display:flex;flex-direction:column;gap:.35rem}.studio-header__modes-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.studio-header__mode-switch,.studio-header__actions{display:flex;gap:.35rem;flex-wrap:wrap}.studio-mode-btn,.studio-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);border-radius:6px;padding:.4rem .75rem;font-size:.8rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.studio-mode-btn:hover,.studio-btn:hover:not(:disabled){border-color:#55607a;background:var(--bg-3)}.studio-mode-btn--active{border-color:var(--accent);color:var(--accent);background:#2a2414}.studio-btn--primary{border-color:#b88912;background:linear-gradient(180deg,#e0b020,#c49212);color:var(--accent-ink);font-weight:600}.studio-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ebbc2e,#d4a017);border-color:#d4a017}.studio-btn:disabled,.studio-mode-btn:disabled{opacity:.45;cursor:not-allowed}.studio-body{display:grid;grid-template-columns:var(--controls-w) minmax(0,1fr) var(--inspector-w);min-height:0;border-bottom:1px solid var(--line)}.studio-shell--fullscreen .studio-body{grid-template-columns:minmax(0,1fr)}.control-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg-1)}.control-panel__head{padding:.85rem .9rem .65rem;border-bottom:1px solid var(--line)}.panel-title{margin:0;font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.panel-hint{margin:.35rem 0 0;font-size:.7rem;color:var(--text-muted)}.control-panel__list{overflow:auto;padding:.4rem 0}.control-section{padding:0;border-bottom:1px solid rgba(44,53,72,.7)}.control-section__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border:0;background:transparent;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left}.control-section__toggle:hover{background:#ffffff08}.control-section__body{padding:0 .9rem .85rem}.control-label{display:block;margin:.35rem 0;color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.control-input{width:100%;margin-top:.2rem;padding:.55rem .65rem;border:1px solid var(--line-strong);border-radius:6px;color:var(--text);background:var(--bg-2);font-size:.78rem}.control-select{width:100%;margin-top:.2rem;padding:.55rem 1.8rem .55rem .65rem;border:1px solid var(--line-strong);border-radius:6px;color:var(--text);background:var(--bg-2);font-size:.78rem;cursor:pointer}.control-select:focus,.control-input:focus{outline:2px solid rgba(212,160,23,.42);outline-offset:1px}.control-select:disabled,.control-input:disabled{opacity:.55;cursor:wait}.control-section__help{margin:.5rem 0 0;color:var(--text-muted);font-size:.68rem;line-height:1.45}.env-grid{display:grid;gap:.55rem;margin:0}.env-grid div{display:grid;gap:.15rem}.env-grid dt{color:var(--text-muted);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.env-grid dd{margin:0;font-family:var(--mono);font-size:.72rem;word-break:break-word}.preview-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-0)}.preview-pane__chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .9rem;border-bottom:1px solid var(--line);background:var(--bg-1)}.preview-pane__chrome-left{display:flex;flex-direction:column;gap:.2rem;min-width:0}.preview-pane__url{font-family:var(--mono);font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-pane__status{display:flex;gap:.4rem;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);font-size:.68rem;color:var(--text-muted);background:var(--bg-2)}.status-pill--ready{border-color:#3ecf8e73;color:var(--ok)}.status-pill--active{border-color:#e0a93580;color:var(--warn)}.preview-pane__frame-wrap{position:relative;flex:1;min-height:0;margin:.75rem;border:1px solid var(--line-strong);border-radius:10px;overflow:auto;background:linear-gradient(45deg,#c9d0db 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,#c9d0db 25%,transparent 25%) 0 0 / 16px 16px,#dfe3ec;box-shadow:inset 0 0 0 1px #ffffff0a;display:flex;align-items:flex-start;justify-content:center;padding:.75rem}.preview-pane__viewport{position:relative;flex:0 0 auto;overflow:hidden;border:1px solid #9aa3b2;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0f172a2e}.preview-pane__frame{display:block;width:100%;height:100%;min-height:420px;border:0;background:#f4f6fa}.preview-pane--fullscreen .preview-pane__frame-wrap{margin:.5rem}.inspector-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--bg-1)}.inspector-panel__tabs{display:flex;gap:.15rem;padding:.35rem .5rem 0;border-bottom:1px solid var(--line);overflow-x:auto}.inspector-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);padding:.45rem .6rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.inspector-tab--active{color:var(--text);border-bottom-color:var(--accent)}.inspector-panel__body{flex:1;min-height:0;overflow:auto;padding:.75rem .85rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.inspector-heading{margin:.35rem 0 0;font-size:.7rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.inspector-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inspector-actions{display:flex;flex-wrap:wrap;gap:.35rem}.code-block{margin:0;padding:.6rem .7rem;border:1px solid var(--line-strong);border-radius:6px;background:#0b0e13;color:#cfd8e8;font-family:var(--mono);font-size:.68rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:16rem;overflow:auto}.inspector-list{margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:.68rem;line-height:1.5}.inspector-list li{padding:.2rem 0;border-bottom:1px solid rgba(44,53,72,.45);color:#c5cddc;word-break:break-word}.inspector-list li.is-failed{color:#f0b4aa}.inspector-list li.is-muted{color:var(--text-muted)}.inspector-list__badge{display:inline-block;min-width:3.1rem;color:var(--text-muted)}.result-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.result-item{border:1px solid var(--line-strong);border-radius:8px;padding:.55rem .65rem;background:var(--bg-2)}.result-item--pass{border-color:#3ecf8e59}.result-item--fail{border-color:#e26d5a80}.result-item__head{display:flex;align-items:baseline;gap:.45rem}.result-item__verdict{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.08em}.result-item--pass .result-item__verdict{color:var(--ok)}.result-item--fail .result-item__verdict{color:var(--danger)}.result-item__label{font-size:.76rem;font-weight:600}.result-item__meta{margin-left:auto;font-family:var(--mono);font-size:.66rem;color:var(--text-muted)}.result-item__checks{margin:.4rem 0 0;padding:0;list-style:none;font-size:.7rem;line-height:1.5;color:#c5cddc}.result-item__checks em{color:var(--text-muted);font-style:normal}.check-ok{color:var(--ok)}.check-fail{color:var(--danger)}.failure-report{display:grid;gap:.4rem;margin:.55rem 0 0;padding-top:.5rem;border-top:1px solid var(--line)}.failure-report div{display:grid;gap:.1rem}.failure-report dt{color:var(--text-muted);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.failure-report dd{margin:0;font-size:.7rem;line-height:1.45;word-break:break-word}.compat-matrix{width:100%;border-collapse:collapse;font-size:.68rem;font-family:var(--mono)}.compat-matrix th,.compat-matrix td{border:1px solid var(--line);padding:.35rem .4rem;text-align:left}.compat-matrix th{color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.58rem}.status-pill--error{color:#f0b4aa;border-color:#f0b4aa73;background:#78281e40}.log-panels{display:flex;flex-direction:column;min-height:0;background:var(--bg-1)}.log-panels__tabs{display:flex;gap:.15rem;padding:.35rem .5rem 0;border-bottom:1px solid var(--line);overflow-x:auto;align-items:center}.log-clear{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text-muted);border-radius:4px;padding:.25rem .55rem;font-size:.68rem;cursor:pointer}.log-list__item--error{color:#f0b4aa}.log-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);padding:.45rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.log-tab--active{color:var(--text);border-bottom-color:var(--accent)}.log-panels__body{flex:1;min-height:0;overflow:auto;padding:.55rem .85rem;font-family:var(--mono);font-size:.72rem;line-height:1.45}.log-empty{margin:0;color:var(--text-muted)}.log-list{margin:0;padding:0;list-style:none}.log-list__item{padding:.15rem 0;border-bottom:1px solid rgba(44,53,72,.45);color:#c5cddc;white-space:pre-wrap;word-break:break-word}@media(max-width:960px){.studio-header{grid-template-columns:1fr;align-items:start}.studio-body{grid-template-columns:1fr;grid-template-rows:auto minmax(18rem,1fr) minmax(14rem,auto)}.inspector-panel{border-left:0;border-top:1px solid var(--line)}.control-panel{border-right:0;border-bottom:1px solid var(--line);max-height:11rem}.control-panel__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.access-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.access-gate__card{width:min(30rem,100%);background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:2rem 2rem 2.25rem;box-shadow:0 24px 60px #00000073;text-align:center}.access-gate__brand{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}.access-gate__title{margin:0 0 .6rem;font-size:1.3rem;color:var(--text)}.access-gate__text{margin:0 auto;max-width:26rem;color:var(--text-muted);font-size:.9rem;line-height:1.5}.access-gate__text code{color:var(--text);background:var(--bg-2);padding:.05rem .3rem;border-radius:4px}.access-gate__actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.4rem}.access-gate__btn{background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;cursor:pointer}.access-gate__btn:hover{border-color:var(--accent)}.access-gate__btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.access-gate__spinner{width:1.6rem;height:1.6rem;margin:1.4rem auto 0;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:access-gate-spin .8s linear infinite}@keyframes access-gate-spin{to{transform:rotate(360deg)}}