:root{color-scheme:dark;--bg:#0b1020;--card:#171e31;--text:#f5f7fb;--muted:#95a0ba;--accent:#5b8cff;--ok:#2dd4bf;--err:#fb7185}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#080d19,#0f172a);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:rgba(8,13,25,.92);backdrop-filter:blur(16px);border-bottom:1px solid #22304d}
header h1{font-size:20px;margin:0}header span{font-size:12px;color:var(--muted)}
main{padding:14px;max-width:760px;margin:auto;display:grid;gap:14px}.card{background:var(--card);border:1px solid #263451;border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
label{display:block;color:var(--muted);font-size:13px;margin:10px 0 6px}select,textarea,input[type=number],input[type=file],button{width:100%;border-radius:12px;border:1px solid #334463;background:#10182a;color:var(--text);padding:12px;font-size:15px}textarea{resize:vertical;line-height:1.45}select{padding:11px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.grid label{margin:0}.grid select,.grid input{margin-top:5px}.check{display:flex;align-items:center;gap:8px;margin-top:12px}.check input{width:auto}
.actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:15px}button{background:var(--accent);border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.45}.secondary{background:#2a3752}.danger{background:#be123c}.small{width:auto;padding:8px 12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}progress{width:100%;height:14px;margin-top:10px}pre{white-space:pre-wrap;max-height:180px;overflow:auto;color:var(--muted);font-size:11px;background:#0c1323;padding:10px;border-radius:10px}
#previewWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}#previewWrap img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;background:#000}
.result{margin-top:12px;padding-top:12px;border-top:1px solid #2a3752}.result video,.result img,.result audio{width:100%;border-radius:12px;background:#000}.result a{display:inline-block;color:#8fb2ff;margin-top:8px}.install{text-align:center}
.cloudCard{border-color:#355fd8;background:linear-gradient(180deg,#182447,#151d33)}.cloudActions{grid-template-columns:2fr 1fr 1fr}.cloudSettings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cloudSettings .check{margin-top:0}.muted{color:var(--muted);font-size:12px}
.statusPills{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.statusBadge,.statusQueue{font-size:11px!important;padding:4px 8px;border-radius:99px;background:#22304d;color:var(--muted)!important}.statusBadge.online{background:#064e3b;color:#6ee7b7!important}.statusBadge.offline{background:#4c1d24;color:#fda4af!important}.statusBadge.warn{background:#4a3413;color:#fcd34d!important}.statusQueue{background:#1e293b}
@media(max-width:520px){.grid{grid-template-columns:1fr}.cloudActions{grid-template-columns:1fr}.cloudSettings{grid-template-columns:1fr}#previewWrap{grid-template-columns:repeat(2,1fr)}}