.platform-panel { background:#080c16; border:1px solid #27334c; border-radius:12px; padding:24px; }
.platform-panel h3 { color:#fff; font-weight:700; font-size:18px; }
.platform-panel > p { color:#94a3b8; font-size:13px; margin:8px 0 18px; }
.platform-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:22px; }
.platform-tabs button { padding:14px 8px; border:1px solid #334155; border-radius:9px; color:#cbd5e1; background:#0c101d; font-size:13px; }
.platform-tabs button.platform-selected { border-color:#fbbf24; color:#fcd34d; background:#292315; }
.platform-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.platform-fields { display:grid; gap:12px; }
.platform-panel label, .revenue-inputs label { display:block; font-size:12px; color:#cbd5e1; }
.platform-panel input, .platform-panel select, .platform-panel textarea, .revenue-inputs input { display:block; width:100%; background:#050811; border:1px solid #334155; border-radius:7px; padding:10px; color:#f1f5f9; margin:5px 0; font-size:13px; }
.platform-panel :is(input,select,textarea,button):focus-visible { outline:2px solid #fbbf24; outline-offset:2px; }
.platform-guide { background:#0c101d; border-radius:10px; padding:18px; }
.platform-guide h4 { font-weight:700; color:#fcd34d; font-size:14px; }
.platform-guide ol { list-style:decimal; padding-left:18px; margin:12px 0; }
.platform-guide li, .platform-panel p { color:#94a3b8; font-size:12px; line-height:1.8; margin-bottom:10px; }
.platform-links { display:flex; flex-wrap:wrap; gap:12px; margin:12px 0; }
.platform-links a { color:#93c5fd; text-decoration:underline; font-size:12px; }
.platform-snippets { border-top:1px solid #27334c; margin-top:20px; padding-top:16px; }
.platform-snippets summary { cursor:pointer; font-size:13px; color:#fcd34d; margin-bottom:12px; }
.platform-snippets textarea { font-family:monospace; font-size:11px; }
.platform-snippets label { margin-top:16px; }
.revenue-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:18px 0; }
.revenue-results { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.revenue-results strong { display:block; font-size:22px; color:#fcd34d; margin:6px 0; }
.revenue-results span { color:#94a3b8; font-size:12px; }
[hidden] { display:none !important; }
@media(max-width:700px) { .platform-grid { grid-template-columns:1fr; } .revenue-inputs { grid-template-columns:repeat(2,1fr); } .revenue-results { grid-template-columns:1fr; } .platform-panel { padding:16px; } }

.mobile-navigation { display:none; }
@media(max-width:700px) {
 body { display:block !important; }
 body > aside { display:none !important; }
 main { padding:16px !important; }
 .mobile-navigation { display:flex; align-items:center; gap:12px; padding:12px 16px; background:#080c16; border-bottom:1px solid #334155; }
 .mobile-navigation label { font-weight:700; color:#fcd34d; font-size:13px; }
 .mobile-navigation select { flex:1; min-width:0; padding:8px; background:#0c101d; color:#fff; border:1px solid #334155; border-radius:7px; }
 .platform-grid > *, .platform-fields input { min-width:0; }
 .platform-tabs { gap:6px; }
 .platform-tabs button { font-size:12px; }
 #toast { left:16px; right:16px; }
}