*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f6f7f9;color:#13263f}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:118px 360px 1fr;min-height:100vh}.rail,.panel{background:#fff;border-right:1px solid #e4e4e7}.rail{padding:18px 10px}.brand{font-weight:900;padding:0 8px 20px}.beta{font-size:10px;color:#315fd4}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;padding:12px 8px;border-radius:13px;text-align:left;font-weight:700;cursor:pointer}.nav .on{background:#eef4ff;color:#315fd4}.panel{padding:18px 16px;height:100vh;overflow:auto}.top{display:flex;align-items:center;justify-content:space-between}.pill{border:1px solid #e4e4e7;background:#fff;border-radius:999px;padding:8px 10px;font-weight:750;cursor:pointer}.credits{color:#315fd4}.card{background:#f7f7f8;border:1px solid #eee;border-radius:18px;padding:13px;margin-top:12px}.field{display:grid;gap:5px;margin-top:9px}.field label{font-size:12px;color:#63758d;font-weight:700}.field select,.field input,.field textarea{width:100%;border:1px solid #e4e4e7;border-radius:11px;background:#fff;padding:10px}.field textarea{min-height:150px;resize:vertical}.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ref{height:85px;border:1px dashed #b9bec7;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.chips{display:flex;gap:6px;overflow:auto;margin-top:8px}.chip{white-space:nowrap;border:1px solid #e4e4e7;background:#fff;border-radius:999px;padding:7px 9px;font-size:12px;cursor:pointer}.chip b{color:#315fd4}.segments{display:flex;gap:5px;flex-wrap:wrap}.segments button{border:1px solid #e4e4e7;background:#fff;border-radius:9px;padding:7px 8px}.segments .on{border-color:#315fd4;color:#315fd4;background:#eef4ff}.row{display:flex;gap:8px;align-items:center}.grow{flex:1}.price{font-size:12px;color:#63758d;margin-top:8px}.generate{width:100%;border:0;border-radius:15px;background:#242426;color:#fff;padding:14px;font-weight:850;margin-top:13px;cursor:pointer}.workspace{padding:20px}.worktop{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px;margin-top:14px}.job{background:#fff;border:1px solid #e4e4e7;border-radius:17px;overflow:hidden}.preview{aspect-ratio:9/16;max-height:380px;background:linear-gradient(145deg,#edf0f4,#dfe3e8);display:flex;align-items:center;justify-content:center;color:#63758d}.body{padding:12px}.status{font-size:11px;font-weight:800;border-radius:999px;padding:4px 7px;background:#fff4df;color:#9a5b00}.status.COMPLETED{background:#e6f7f0;color:#12805c}.status.FAILED{background:#fff0f0;color:#b42318}.body h3{font-size:14px;margin:7px 0}.body button,.adminBtn{border:1px solid #ddd;background:#fff;border-radius:9px;padding:7px 9px;margin-top:8px;cursor:pointer}.danger{border-color:#efb3b3;color:#b42318}.modal{position:fixed;inset:0;background:#0007;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.show{display:flex}.box{background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:18px}.head{display:flex;justify-content:space-between}.close{border:0;border-radius:50%;width:34px;height:34px}.toast{position:fixed;right:18px;bottom:18px;background:#222;color:#fff;border-radius:11px;padding:11px 14px;display:none;z-index:40}.auto{position:absolute;z-index:10;background:#fff;border:1px solid #ddd;border-radius:10px;display:none;max-height:180px;overflow:auto}.auto div{padding:8px 10px;cursor:pointer}video{width:100%;max-height:75vh;background:#000;border-radius:12px}table{border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid #eee;text-align:left}.banner{position:fixed;top:10px;right:14px;z-index:15;background:#eef4ff;border:1px solid #bfd3ff;color:#2457a7;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}@media(max-width:900px){.app{grid-template-columns:1fr}.rail{display:none}.panel{height:auto;border-right:0;border-bottom:1px solid #ddd}.workspace{padding:13px}}
/* MARAD_TYPOGRAPHY_PALETTE_V1 */
/* MARAD_UNIVERSE_AI_STUDIO_THEME_V1 */
:root{color-scheme:dark;--u-bg:#070910;--u-s:#0d1420;--u-s2:#111827;--u-l:#29344c;--u-l2:#3a4663;--u-ink:#eaf1ff;--u-muted:#9fb0c8;--u-a:#6257e8;--u-a2:#6ea0ff}
html{background:var(--u-bg)}body{background:radial-gradient(circle at 15% 0,#252c54 0,transparent 34%),#070910;color:var(--u-ink)}
button,input,select,textarea{color:var(--u-ink)}input[type=checkbox]{accent-color:var(--u-a)}
.app{background:transparent}.rail,.panel{background:#090e17;border-color:var(--u-l)}.rail{box-shadow:12px 0 40px #0002}.brand{color:#f4f7ff;line-height:1.05}.brand:after{content:'UNIVERSO MARAD';display:block;margin-top:9px;color:var(--u-a2);font-size:8px;letter-spacing:.16em}
.nav button{color:var(--u-muted);border:1px solid transparent}.nav button:hover{background:#151d2d;color:#fff}.nav .on{background:linear-gradient(135deg,#5148ce,#6257e8);border-color:#7770ff;color:#fff;box-shadow:0 8px 24px #6257e833}
.top>b,.worktop h2{color:#f3f6ff}.pill{background:#121a29;border-color:#33415c;color:#dbe6f7}.credits{color:#9fb9ff;background:#111b2d;border-color:#304466}
.card,.job{background:linear-gradient(145deg,#111827,#0c111c);border-color:var(--u-l);box-shadow:0 18px 50px #0003}.field label,.price,.worktop small{color:var(--u-muted)}
.field select,.field input,.field textarea,input,select,textarea{background:#080c13;border-color:#35425e;color:var(--u-ink)}select option{background:#0c111c;color:#fff}
.field select:focus,.field input:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:var(--u-a2);box-shadow:0 0 0 3px #6257e824}
.ref,.chip,.segments button,.body button,.adminBtn{background:#101725;border-color:#35425e;color:#c7d4ea}.ref:hover,.chip:hover,.segments button:hover,.body button:hover{background:#182237;border-color:#526384}.segments .on{background:#1b2240;border-color:#7770ff;color:#fff}
.generate{background:linear-gradient(135deg,#5148ce,#6257e8 58%,#477fd8);box-shadow:0 14px 34px #4a44c547}.workspace{background:radial-gradient(circle at 75% 0,#2d3e7a29,transparent 32%),linear-gradient(#090e17,#070910)}.worktop{border-bottom:1px solid #29344cb3}
.preview{background:radial-gradient(ellipse at top,#171d31,#0b111c);color:#7f91ad}.body{color:#dfe8f8}.body h3{color:#eff4ff}.status{background:#2b2316;color:#f2bf72}.status.COMPLETED{background:#102a24;color:#66d1a5}.status.FAILED{background:#31171d;color:#ff8f98}
.modal{background:#020610d1;backdrop-filter:blur(8px)}.box{background:linear-gradient(145deg,#111827,#0c111c);border:1px solid var(--u-l);box-shadow:0 30px 90px #0009}.close{background:#182237;color:#d8e4f6}.toast,.auto{background:#111827!important;color:#eaf1ff!important;border-color:#35425e!important}.banner{background:#111b2df0;border-color:#395071;color:var(--u-a2)}
.marad-asset-thumb-main,.marad-image-ref-item,.marad-image-upload{background:#0d1420!important;border-color:#35425e!important;color:#eaf1ff!important}.marad-asset-media,.marad-image-ref-media,.marad-auto-media{background:#101725!important}.marad-asset-badge{background:#080c13e8!important;color:#9fb9ff!important}
.marad-prompt-editor{background:#080c13!important;color:#eaf1ff!important;border-color:#35425e!important;box-shadow:none!important}.marad-prompt-editor:focus{border-color:#6ea0ff!important;box-shadow:0 0 0 3px #6257e824!important}.marad-ref-token{background:#1b2240!important;border-color:#6257e8!important}.marad-ref-preview,.marad-image-auto{background:#0d1420!important;color:#eaf1ff!important;border-color:#35425e!important;box-shadow:0 22px 65px #0008!important}
.marad-auto-text b,.marad-image-ref-text b,.mrp-info b{color:#8eb4ff!important}.marad-auto-text small,.marad-image-ref-text small,.marad-image-note,.mrp-info span,.mrp-info small{color:#9fb0c8!important}
#maradImageWorkspace{background:#090e17!important;border-color:#29344c!important}#maradImageWorkspace .card,.marad-image-card{background:#111827!important;border-color:#29344c!important;color:#eaf1ff!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#29344c;border-radius:999px}
@media(max-width:900px){.panel{background:#090e17}.workspace{background:#070910}}

/* IA10: display sizes, independent of encoded asset size. */
#assets{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;padding:4px 0 8px}
#assets>.chip{flex:0 0 auto;white-space:nowrap}
.reference-thumbnail,.reference-audio{width:70px;height:70px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.reference-audio{font-size:32px}
.history-thumbnail{width:256px;height:256px;object-fit:contain;flex:none}
.preview:has(.history-thumbnail){aspect-ratio:auto;min-width:256px;min-height:256px;flex-direction:column}
.ia10-editor{min-height:150px;max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #35425e;border-radius:11px;padding:10px;background:#080c13;color:var(--u-ink);font:inherit}
.ia10-editor:focus{outline:2px solid var(--u-a2,#8275ff)}
.ia10-token{display:inline;white-space:nowrap;border-radius:3px;background:#6257e824}
.ia10-token img,.ia10-token .audio-symbol{width:13px;height:13px;object-fit:contain;display:inline-block;vertical-align:baseline;font-size:13px;line-height:13px;margin-right:2px}
.ia10-unknown{text-decoration:underline wavy #efb37a}
.ia10-selected{display:flex;flex-wrap:wrap;gap:4px;font-size:12px}