.platform-launch{height:28px;align-self:center;margin-left:5px;padding:0 10px;border:1px solid var(--bd);border-radius:6px;background:var(--card);color:var(--mut);font:600 10px var(--mono);letter-spacing:.04em;cursor:pointer}
.platform-launch:hover,.platform-launch[aria-expanded="true"]{border-color:var(--cyan);color:var(--tx);background:color-mix(in srgb,var(--cyan) 9%,var(--card))}.platform-launch::before{content:"◉";margin-right:6px;color:var(--cyan)}
.platform-dialog{position:fixed;inset:0;z-index:780;display:grid;place-items:center;padding:14px;background:rgba(4,6,8,.72);backdrop-filter:blur(8px)}.platform-dialog[hidden]{display:none}.platform-shell{width:min(920px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 28px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--bd);border-radius:11px;background:var(--bg);box-shadow:0 30px 100px rgba(0,0,0,.55)}
.platform-head{display:flex;align-items:flex-start;gap:15px;padding:18px 20px 14px;border-bottom:1px solid var(--bd);background:var(--panel)}.platform-head>div{flex:1}.platform-head p{margin:0 0 5px;color:var(--cyan);font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase}.platform-head h2{margin:0;color:var(--tx);font:600 23px/1 var(--cond)}.platform-head button{width:31px;height:31px;border:1px solid var(--bd);border-radius:6px;background:var(--card);color:var(--mut);font-size:20px;cursor:pointer}
.platform-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--bd)}.platform-tabs button{min-height:46px;border:0;border-right:1px solid var(--bd);background:var(--card);color:var(--mut);font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.platform-tabs button:last-child{border-right:0}.platform-tabs button[aria-selected="true"]{background:var(--tx);color:var(--bg)}
.platform-body{overflow:auto;padding:20px}.platform-pane[hidden]{display:none}.platform-intro{display:grid;gap:14px;align-items:start;margin-bottom:17px}.platform-intro h3{margin:0 0 6px;color:var(--tx);font:600 18px var(--cond)}.platform-intro p{max-width:680px;margin:0;color:var(--mut);font-size:11px;line-height:1.6}.platform-status{min-height:18px;margin:10px 0;color:var(--mut);font:10px var(--mono)}.platform-status[data-kind="error"]{color:#e0708c}.platform-status[data-kind="success"]{color:var(--green)}
.platform-session-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;border:1px solid var(--bd);border-radius:7px;background:var(--bd);overflow:hidden}.platform-session-guide li{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;background:var(--card);color:var(--mut);font:9px var(--mono);letter-spacing:.03em}.platform-session-guide span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:8px}
.platform-form{display:grid;gap:10px;padding:14px;border:1px solid var(--bd);border-radius:8px;background:var(--card)}.platform-form label{display:grid;gap:6px;color:var(--mut);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.platform-form-row>label{flex:1 1 260px}.platform-form textarea,.platform-form input,.platform-invite{width:100%;border:1px solid var(--bd);border-radius:5px;background:var(--bg);color:var(--tx);padding:10px 11px;font:11px var(--sans);outline:none}.platform-form textarea:focus,.platform-form input:focus{border-color:var(--cyan)}.platform-form-row,.platform-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.platform-button{min-height:34px;border:1px solid var(--bd);border-radius:5px;background:var(--card);color:var(--mut);padding:0 11px;font:600 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.platform-button:hover{border-color:var(--cyan);color:var(--tx)}.platform-button.primary{border-color:var(--cyan);background:var(--cyan);color:#082026}.platform-button.danger{border-color:#9b465a;color:#e0708c}.platform-button:disabled{opacity:.42;cursor:not-allowed}
.platform-list{display:grid;gap:8px;margin-top:16px}.platform-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 14px;border:1px solid var(--bd);border-radius:7px;background:var(--card)}.platform-card h4{margin:0 0 5px;color:var(--tx);font-size:12px}.platform-card p{margin:0;color:var(--mut);font-size:10px;line-height:1.45}.platform-card .platform-actions{justify-content:flex-end}.platform-badge{display:inline-flex;margin-left:8px;padding:3px 6px;border:1px solid var(--bd);border-radius:99px;color:var(--mut);font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.platform-badge[data-status="completed"],.platform-badge[data-status="open"]{border-color:var(--green);color:var(--green)}.platform-badge[data-status="queued"]{border-color:var(--cyan);color:var(--cyan)}.platform-badge[data-status="running"]{border-color:var(--amber,#f3a93b);color:var(--amber,#f3a93b)}.platform-badge[data-status="failed"],.platform-badge[data-status="closed"],.platform-badge[data-status="cancelled"]{border-color:#9b465a;color:#e0708c}.platform-empty{padding:30px;border:1px dashed var(--bd);color:var(--mut);text-align:center;font-size:11px}.platform-signin{display:inline-flex;margin-top:12px;color:var(--cyan);font:10px var(--mono)}
.platform-room-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:16px;margin:16px 0;padding:15px;border:1px solid var(--cyan);border-radius:8px;background:color-mix(in srgb,var(--cyan) 5%,var(--card))}.platform-room-live h4{margin:0 0 4px;color:var(--tx);font-size:13px}.platform-room-live p{margin:0 0 11px;color:var(--mut);font-size:10px}.platform-members{display:flex;flex-wrap:wrap;gap:5px;align-content:start}.platform-member{padding:5px 8px;border:1px solid var(--bd);border-radius:99px;color:var(--mut);font:8px var(--mono)}.platform-follow{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--mut);font:10px var(--mono)}.platform-follow input{accent-color:var(--cyan)}.platform-invite-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:10px 0}.platform-invite{font-family:var(--mono);font-size:9px}
@media(max-width:760px){.platform-launch{width:30px;padding:0;font-size:0}.platform-launch::before{margin:0;font-size:11px}.platform-body{padding:14px}.platform-session-guide,.platform-room-live{grid-template-columns:1fr}.platform-card{grid-template-columns:1fr}.platform-card .platform-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:no-preference){.platform-shell{animation:platform-in .18s ease-out}@keyframes platform-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}}