:root{font-family:Segoe UI,Arial,sans-serif;color:#142b45;background:#f1f4f8;font-synthesis:none;--blue:#0966d4;--ink:#112b49}*{box-sizing:border-box}body{margin:0;padding-bottom:85px}a{color:var(--blue);text-decoration:none}header,main{max-width:1050px;margin:auto}header{padding:28px 28px 18px;display:grid;grid-template-columns:1fr auto;gap:10px 20px}.brand{grid-row:span 3;color:var(--ink);display:flex;gap:15px;align-items:center;font-size:21px;font-weight:650}.brand small{display:block;font-size:10px;letter-spacing:.11em;margin-top:9px;color:#65768a}.mark{border-radius:50%;background:var(--ink);color:white;width:62px;height:62px;display:grid;place-items:center;font-size:23px;flex:none}.status{text-align:right;font-size:14px;font-weight:650;color:#a04a18}.muted,small{font-size:13px;color:#64748b}.primary,button{border:0;border-radius:9px;padding:12px 18px;font:600 14px Segoe UI,Arial;cursor:pointer;background:#e6edf6;color:var(--ink)}.primary{background:var(--blue);color:white}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.95)}#pending{display:inline-grid;place-items:center;border-radius:20px;background:#ffffff29;min-width:24px;padding:2px 7px;margin-left:7px}main{padding:20px 28px}h1{font-size:30px;letter-spacing:-.025em;margin:15px 0 8px}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:650;font-size:11px;color:#64748b}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.tile,.card{background:white;border:1px solid #dce4ee;border-radius:16px;padding:25px;box-shadow:0 3px 12px #112b4905}.tile{display:flex;flex-direction:column;gap:12px;min-height:145px;color:var(--ink)}.tile .num{font-size:12px;color:var(--blue);font-weight:700}.tile strong{font-size:19px}.tile small{line-height:1.5}.divider{border:0;border-top:1px solid #d4deeb;margin:30px 0}.toolbar,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{justify-content:space-between;margin:25px 0}.card{margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}input,select,textarea{font:400 15px Segoe UI,Arial;padding:11px;border:1px solid #cad5e3;border-radius:7px;background:white;width:100%;color:var(--ink)}textarea{min-height:100px;resize:vertical}.wide{grid-column:1/-1}.actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.event{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e7edf4;gap:20px}.tag{background:#edf3fc;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:650}.empty{padding:35px 0;text-align:center;color:#65768a}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.preview{max-height:450px;max-width:100%;background:#0a1e36;border-radius:8px}.upload{padding:20px;background:#f5f8fc;border:1px dashed #aabdd4;border-radius:10px}.emulator-shell{padding:14px;background:#0c1524;border-radius:12px;max-width:100%;height:min(65vh,650px);overflow:auto}.emulator-shell:fullscreen{height:100vh;width:100vw;border-radius:0}.emulator-shell iframe{border:0;display:block;margin:auto;transform-origin:top center;background:white}#notice{max-width:994px;margin:0 auto;padding:0 25px;color:#9c411e;font-size:14px;white-space:pre-wrap}footer{position:fixed;bottom:0;background:white;border-top:1px solid #d8e1ec;display:flex;justify-content:center;gap:35px;width:100%;padding:20px;z-index:5;font-size:13px}details{margin-top:20px}code{font-size:12px;overflow-wrap:anywhere}.pending-item{padding:12px 0;border-bottom:1px solid #e7edf4}.pending-item small{display:block;margin-top:6px}@media(max-width:700px){header{grid-template-columns:1fr;padding:20px}.brand{grid-row:auto;font-size:18px}.status{text-align:left}#connection-detail{font-size:12px}main{padding:14px 20px}.tiles{grid-template-columns:1fr}.tile{min-height:110px;padding:20px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}footer{gap:22px;padding:18px 9px}.event{align-items:flex-start}.brand small{font-size:9px}h1{font-size:27px}.mark{width:50px;height:50px}.card{padding:20px}}
@media(max-width:700px){body{padding-bottom:110px}footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;text-align:center;font-size:12px;padding:15px 10px}footer a{min-width:0;white-space:nowrap}}

.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-icon{font-size:30px!important;line-height:1.2}.tile{min-height:175px}.emulator-shell{padding:20px}#workspace-status,#upload-progress{max-width:994px;margin:10px auto}#offline-banner{background:#fff1ce;border:1px solid #e6c876;border-radius:10px;padding:14px 18px;color:#684914;line-height:1.5}#local-save{padding:10px 4px;color:#43614b;font-size:13px}.upload-category{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #dce4ee}progress{width:100%;height:18px;accent-color:var(--blue)}.profile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-card{display:block;margin:0}.profile-team{margin-top:28px}.identity-context{color:#52647a}@media(max-width:700px){.tiles,.profile-cards{grid-template-columns:1fr}#workspace-status,#upload-progress{margin:10px 20px}.upload-category{flex-direction:column}.tile{min-height:145px}}

.emulator-exit{position:sticky;top:0;z-index:2;display:flex;gap:10px;flex-wrap:wrap;background:#0c1524;padding:0 0 12px}.emulator-exit button{padding:9px 14px}

.announcement-preview{display:flex;gap:12px;overflow-x:auto;margin:14px 0}.announcement-frame{aspect-ratio:16/9;background:black;flex:0 0 240px;display:grid;place-items:center}.announcement-frame img{width:100%;height:100%;object-fit:contain}.announcement-preview+ p{font-size:13px}

.announcement-frame{width:240px;height:135px;min-height:135px;max-height:135px}.announcement-frame img{display:block;width:240px;height:135px;max-width:100%;max-height:135px;object-fit:contain}

.search-picker{position:relative}.search-picker-options{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid #9bb2cd;border-radius:8px;box-shadow:0 8px 20px #112b4930;margin:3px 0;padding:4px;list-style:none}.search-picker-options li{padding:12px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;font-weight:400}.search-picker-options li:hover,.search-picker-options li.active{background:#e7f1ff}.search-picker-options li[aria-selected=true]{font-weight:700}.picker-status{display:block;color:#65768a;font-size:12px}.search-picker-options[hidden]{display:none}

/* Keep conditional panels hidden even when their layout class uses display. */
[hidden]{display:none!important}

.test-runtime-banner{padding:1rem;border:3px solid #b42318;background:#fff1ed;color:#761c19;font-weight:700;margin:1rem;}