body.platform-mode { background:#f1f5f9; color:#0f172a; }
#platform-nav { display:flex; align-items:center; gap:12px; padding:14px 24px; background:#0f172a; color:#fff; flex-wrap:wrap; }
#platform-nav span { margin-right:auto; }
#platform { width:100%; max-width:1200px; margin:32px auto; padding:0 24px; }
#platform h1 { font-size:28px; margin-bottom:20px; }
#platform h2 { margin:24px 0 12px; }
.platform-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; }
.platform-cards article { padding:20px; border:1px solid #cbd5e1; background:#fff; border-radius:8px; color:#0f172a; }
.platform-cards h3 { margin-bottom:12px; }
.platform-cards .btn { margin:4px 4px 4px 0; }
#platform form, .platform-dialog form { display:grid; gap:12px; margin:12px 0; }
#platform > form { max-width:500px; }
#platform label, .platform-dialog label { display:grid; gap:6px; color:#0f172a; }
#platform input, #platform select, .platform-dialog input, .platform-dialog select, .platform-dialog textarea { padding:9px; border:1px solid #94a3b8; border-radius:5px; background:#fff; color:#0f172a; width:100%; }
.platform-dialog { max-width:800px; width:90%; max-height:85vh; overflow:auto; border:1px solid #94a3b8; border-radius:8px; padding:24px; background:#fff; color:#0f172a; }
.platform-dialog::backdrop { background:rgb(15 23 42 / 65%); }
.platform-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; margin-top:16px; color:#0f172a; }
.platform-dialog h2 { margin:16px 0; }
.platform-dialog input { margin:12px 0; }
.platform-error { color:#b91c1c; }
body.platform-mode [hidden] { display:none !important; }
body.platform-mode .debug-bar { position:relative; }