:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#456fff52,#0000 36%),linear-gradient(#071120 0%,#091524 38%,#08111b 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,.button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.95rem 1.35rem;font-weight:700;transition:transform .14s,opacity .14s,background-color .14s,border-color .14s}button:hover,.button:hover{transform:translateY(-1px)}button:disabled,.button.disabled{cursor:not-allowed;opacity:.55;transform:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}#app{min-height:100vh}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 64px}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08101db8;border:1px solid #95b2ff29;border-radius:28px;box-shadow:0 30px 80px #03071273}.intro{margin-bottom:24px;padding:36px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7eb6ff;margin-bottom:.9rem;font-size:.76rem}.intro h1{letter-spacing:-.06em;max-width:12ch;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94}.lede{color:#b7c3d9;max-width:62ch;margin-top:1.2rem;font-size:1.05rem}.intro-meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.meta-pill,.status,.preview-label{color:#cdd9ee;background:#122036c7;border:1px solid #95b2ff2e;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.88rem;display:inline-flex}.workspace{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;display:grid}.controls,.preview{padding:24px}.controls{flex-direction:column;gap:1rem;display:flex}.dropzone{background:linear-gradient(#111d31d1,#0b1320f5);border:1px dashed #7eb6ff59;border-radius:24px;gap:.7rem;padding:24px;display:grid}.dropzone input{width:100%}.dropzone-kicker{text-transform:uppercase;letter-spacing:.12em;color:#7eb6ff;font-size:.8rem}.dropzone strong{color:#f5f8ff;font-size:1.15rem}.dropzone-hint,.notes p,#status-text{color:#a4b1c8}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.actions button,.actions .button{flex:180px;justify-content:center;align-items:center;display:inline-flex}.actions button{color:#06101d;background:linear-gradient(135deg,#89b7ff,#6a7cff 55%,#935dff)}.actions .secondary{color:#eef4ff;background:#122036e0;border:1px solid #95b2ff2e}.status-row{gap:.65rem;display:grid}.status{width:fit-content}.status.idle{color:#cdd9ee}.status.busy{color:#ffe28f}.status.success{color:#96f0b4}.status.error{color:#ff9f9f}.notes{margin-top:auto}.notes summary{cursor:pointer;color:#dde8ff;font-weight:600}.notes p{margin-top:.8rem}.preview{flex-direction:column;gap:1rem;display:flex}.preview-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview h2{font-size:1.5rem}.preview-stage{background:linear-gradient(#fafcfff0,#edf3ffeb),linear-gradient(45deg,#223a601f,#0000);border:1px solid #95b2ff1f;border-radius:24px;place-items:center;min-height:420px;padding:20px;display:grid;overflow:hidden}.preview-stage.empty{color:#97a9c8;background:linear-gradient(#111d31d1,#0b1320f5)}.preview-stage img{object-fit:contain;max-width:100%;max-height:100%;display:block}.diagnostics{gap:.75rem;display:grid}.diagnostics h3{color:#dde8ff;font-size:.95rem}.diagnostics pre{color:#abbbd7;white-space:pre-wrap;word-break:break-word;background:#050a12cc;border:1px solid #95b2ff1f;border-radius:20px;min-height:160px;margin:0;padding:16px;font-family:SFMono-Regular,ui-monospace,monospace;font-size:.84rem;line-height:1.55}@media (width<=900px){.shell{width:min(100% - 24px,1180px);padding:20px 0 40px}.intro,.controls,.preview{padding:20px}.workspace{grid-template-columns:1fr}.preview-stage{min-height:320px}}@media (width<=560px){.intro h1{max-width:none}.preview-header,.actions{flex-direction:column}.actions button,.actions .button{width:100%}}