:root{color-scheme:dark;--bg:#070d18;--sidebar:#0d1523;--panel:#111e2e;--pan2:#0c1929;--line:#243950;--muted:#899eb4;--text:#e8f2fb;--cyan:#70dbe6;--mint:#65e1c3;--amber:#d7b06d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{width:249px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 15px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:4px 10px 26px;letter-spacing:.1em}.logo b{font-size:18px;font-weight:850}.logo small{display:block;letter-spacing:.15em;font-size:9px;color:var(--muted);margin-top:2px}.emblem{font-size:23px;font-weight:900;display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,#54e5c6,#4178df);color:#06272d;border-radius:11px}.sidecap,.panel-title{color:#90aac2;font-size:10px;font-weight:750;letter-spacing:.14em}.sidecap{padding:12px 12px 10px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar nav button{text-align:left;display:flex;align-items:center;gap:12px;color:#a4b7cd;background:transparent;border-radius:9px;padding:11px 12px;white-space:nowrap;font-size:12px}.sidebar nav button span{font-size:16px;width:20px;text-align:center}.sidebar nav button small{margin-left:auto;color:#5b7087;font-size:10px}.sidebar nav button:hover{background:#1b2d40;color:#fff}.sidebar nav button.active{background:#193a43;color:#80ead5;box-shadow:inset 3px 0 0 #56ddbe}.side-bottom{margin-top:auto;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;gap:10px;align-items:center;color:#d3e4f3;font-size:12px}.side-bottom small{font-size:10px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px #65e1c355}.main{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:12px}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs span{padding:0 13px;color:#456276}.breadcrumbs strong{color:#e5f2fc}.topactions{display:flex;align-items:center;gap:10px}.pill{font-size:10px;letter-spacing:.08em;font-weight:800;padding:6px 9px;border-radius:6px}.pill.amber{background:#3d3222;color:#f1be74}.pill.green{background:#173a37;color:#8cead4}.secondary,.link-btn{background:#1a2b3c;border:1px solid #365168;color:#d7e8f7;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:650}.secondary:hover,.link-btn:hover{background:#263e53}.primary{background:#72dfbe;color:#042b29;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:820}.primary:hover{background:#95f0d1}button:disabled{cursor:not-allowed;opacity:.48}.tab{padding:26px 28px 30px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:.14em;font-weight:780}h1{font-size:29px;margin:7px 0 5px;letter-spacing:-.04em}.page-heading p{margin:0;color:#9fb2c6;font-size:13px;line-height:1.65}.heading-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.metric{background:linear-gradient(145deg,#142638,#0e1c2c);border:1px solid #2c4256;border-radius:12px;min-width:0;padding:17px 18px}.metric span{font-size:10px;color:#83a7bd;letter-spacing:.12em;font-weight:760;display:block}.metric b{font-size:16px;display:block;margin:9px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric small{font-size:11px;color:#7f9ab1}.ide{display:grid;grid-template-columns:minmax(190px,224px) minmax(380px,1fr) minmax(193px,227px);background:#0d1927;border:1px solid #2b4256;border-radius:14px;overflow:hidden;min-height:615px}.files,.inspector{padding:17px 14px;background:#101e2e;min-width:0}.files{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.panel-title button{background:#21354a;color:#aacadd;border-radius:6px;padding:3px 8px}.file{display:block;color:#81e3cf;background:#1a363d;border-left:2px solid var(--mint);padding:10px 8px;width:100%;text-align:left;font-size:12px;border-radius:4px}.file-tip{font-size:11px;line-height:1.65;color:var(--muted);margin:13px 0}.warning{color:#d7ad75}.divider{height:1px;background:var(--line);margin:20px 0}.files label{font-size:11px;color:#a9bed2;display:block;margin-bottom:14px}.files input:not([type="checkbox"]),.files select{display:block;width:100%;margin-top:8px;padding:9px;background:#071322;border:1px solid #335066;border-radius:7px;color:#d7e6f3;font-size:12px}.files .check{display:flex;align-items:center;gap:7px}.check input{accent-color:var(--mint)}.block{width:100%;margin-bottom:9px}.workbench{display:flex;flex-direction:column;min-width:0;background:#091625}.editorbar,.terminal-top{height:42px;background:#122338;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px;color:#8baac0}.editor-tab{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid #67dcc3;color:#dcece8;font-weight:730;padding:0 10px;margin-left:-6px;background:#172c3b}.editor-tab i{font-size:8px;color:#68e3c5;margin-left:9px;font-style:normal}.editor{display:flex;min-height:382px;flex:1;overflow:hidden}.line-index{font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#54738b;background:#0e1a2a;text-align:right;white-space:pre;user-select:none;min-width:49px;padding:17px 12px 17px 8px;border-right:1px solid #1d3043;overflow:hidden}.editor textarea{flex:1;min-width:0;min-height:350px;resize:none;border:0;background:#091625;color:#d5e8f5;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;padding:17px 13px;white-space:pre;overflow:auto;tab-size:4;outline:0}.terminal{height:187px;border-top:1px solid #2b4158;background:#0a1522}.terminal-top{height:39px}.terminal-top .tiny{background:transparent;color:#87a0b5;padding:7px 8px}.terminal-top .tiny.active{color:#79e9d0;border-bottom:2px solid var(--mint)}.terminal pre{height:137px;overflow:auto;margin:0;padding:13px 17px;color:#b8d0e0;font:11px/1.65 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.info-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:11px;color:var(--muted);gap:10px}.info-row strong{color:#e2effa;font-weight:640;text-align:right}.shrink{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-panel{border:1px solid #284357;border-radius:9px;background:#0b1928;padding:12px;font-size:12px}.status-panel strong{display:block;margin-bottom:9px}.status-panel small{display:block;color:#90a8c0;line-height:1.5;overflow-wrap:anywhere}.status-panel a{display:block;margin-top:10px;font-size:11px;color:#75e4d0}.quick{display:block;color:#a8c5dd;font-size:12px;padding:10px 0;border-bottom:1px solid #24384b}.quick:hover{color:var(--mint)}.lowernote{margin-top:19px;border:1px solid #2c4052;background:#111f30;padding:16px 18px;border-radius:10px;color:#9bb1c6;font-size:12px;line-height:1.65}.lowernote strong{color:#d3e8f6}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature{background:linear-gradient(140deg,#12273c,#102131);border:1px solid #35506a;border-radius:13px;padding:20px;min-height:132px}.feature span{font-size:10px;color:#80e1d0;letter-spacing:.12em;font-weight:800}.feature h3{font-size:16px;margin:13px 0 10px}.feature p{font-size:12px;line-height:1.65;color:#9ab2c8;margin:0}.feature small{display:block;margin-top:12px;color:#dfb47b;font-size:10px}footer{padding:5px 28px 25px;color:#607b94;display:flex;justify-content:space-between;font-size:11px}footer span{color:#566f85}[hidden]{display:none!important}@media(max-width:1280px){.ide{grid-template-columns:180px minmax(300px,1fr) 185px}.sidebar{width:209px}.topbar,.tab{padding-left:20px;padding-right:20px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:1050px){.ide{grid-template-columns:180px minmax(0,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.inspector .divider{grid-column:1/-1;margin:5px 0}.metric-row{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:14px}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav button{font-size:10px;padding:9px 5px;gap:4px}.sidebar nav button small,.sidecap,.side-bottom{display:none}.topbar{height:auto;padding:12px;flex-wrap:wrap}.topactions{flex-wrap:wrap}.tab{padding:18px 12px}.page-heading{display:block}.heading-actions{justify-content:flex-start;margin-top:12px}.metric-row{grid-template-columns:repeat(2,1fr);gap:8px}.ide{display:block}.files{border:0;border-bottom:1px solid var(--line)}.workbench{height:520px}.inspector{display:block}.feature-grid{grid-template-columns:1fr}footer{padding:12px;display:block}}

/* V0.2 ABI input/output controls: no untrusted HTML interpolation. */
.argbox,.interact-input{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #335066;background:#071322;color:#d7e6f3;border-radius:7px;padding:9px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.argbox{min-height:56px;max-height:150px}.interaction-label{display:block;font-size:11px;color:#a9bed2;margin-bottom:13px}
#methodResult{overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace}
.inspector .primary{font-size:12px}

.upload-control{display:block;border:1px dashed #41647a;border-radius:9px;color:#b6d2e8;font-size:11px;padding:11px;margin:11px 0}
.upload-control input{display:block;width:100%;margin:9px 0 0;color:#bad3e0;font-size:11px}

.identity-guide-link{display:block;background:#193d45;border:1px solid #54ad9e;border-radius:10px;padding:13px 17px;color:#adffe6;margin:0 0 18px;font-weight:700}.identity-guide-link:hover{background:#20505a}


/* Quick mode switch visible across professional Studio modules. */
.topactions .return-classic-link{border-color:#39788c;background:#133345;color:#bdf0fa;font-weight:750;white-space:nowrap}
.topactions .return-classic-link:hover{background:#205166;color:#fff}
@media(max-width:760px){.topactions .return-classic-link{width:100%;text-align:center}}