:root{--ut-aqua:#85f4df;--ut-lav:#b9b1ff;--ut-ink:#071328;--ut-border:#90c8db30;--ut-soft:#a2b9d1;--ut-panel:#101e37}
.ut-main{position:relative;padding-top:64px;padding-bottom:36px;min-height:calc(100vh - 80px);color:#f0f6ff}.ut-main:before{content:"";position:absolute;inset:0 -5vw auto;z-index:-1;height:690px;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#5151ae45,transparent 54%),radial-gradient(ellipse at 2% 32%,#127d7745,transparent 45%)}.ut-hero{margin:0 auto 45px;max-width:900px;text-align:center}.ut-eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:850;color:var(--ut-aqua)}.ut-hero h1{font-size:clamp(39px,6vw,66px);line-height:1.18;margin:19px 0;letter-spacing:-2.6px}.ut-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#72efdc,#bfb2ff);background-clip:text}.ut-hero p{font-size:14px;color:var(--ut-soft);line-height:1.85;max-width:725px;margin:0 auto 24px}.ut-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;color:#9bdccf;font-size:12px}.ut-columns{display:grid;grid-template-columns:1.12fr .88fr;align-items:start;gap:20px}.ut-panel{border:1px solid var(--ut-border);border-radius:22px;background:linear-gradient(155deg,#152441fa,#10192cef);padding:29px;box-shadow:0 17px 65px #00000021;min-width:0}.ut-panel-title{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:24px}.ut-panel h2{font-size:23px;margin:5px 0 0;line-height:1.35;letter-spacing:-.6px}.ut-panel-title small{color:var(--ut-aqua);font-size:10px;font-weight:850;letter-spacing:1.8px}.ut-tag{font-size:10px;font-weight:800;white-space:nowrap;border:1px solid #68b2a14d;background:#75ead513;color:#a1eadc;border-radius:100px;padding:7px 9px}.ut-drop{border:2px dashed #63c0c57a;border-radius:18px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;padding:34px 12px;text-align:center;color:#d4eff8;cursor:pointer;background:#73cfce0a;transition:background .2s}.ut-drop:hover,.ut-drop.dragging{background:#79f2e01d}.ut-drop input{position:absolute;width:1px;height:1px;opacity:0}.ut-drop:focus-within{outline:2px solid #b2ffeb}.ut-drop-icon{font-size:34px;color:var(--ut-aqua)}.ut-drop strong{font-size:14px}.ut-drop span:last-child{font-size:11px;line-height:1.7;color:#9db7c8;max-width:340px}.ut-tracks{display:grid;gap:12px;margin-top:18px}.ut-empty{color:#90adc2;font-size:13px;line-height:1.7}.ut-track{border:1px solid #8dbdcc38;border-radius:14px;background:#09172c95;padding:14px;display:grid;gap:10px}.ut-track-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ut-track-head strong{font-size:12px;overflow-wrap:anywhere}.ut-track-head small{display:block;margin-top:5px;color:#86abc1}.ut-track-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.ut-label{font-size:11px;color:#afc6da;display:grid;gap:9px}.ut-label input,.ut-label select,.ut-textarea{width:100%;background:#0a1629;color:#f0f7ff;border:1px solid #95b5d94c;border-radius:10px;padding:11px;font:inherit;font-size:13px;min-width:0}.ut-track-controls input{padding:9px}.ut-icon-btn,.ut-small-btn{border:1px solid #7da5c950;border-radius:10px;background:#20314c;color:#dff6f5;padding:10px 13px;font:inherit;font-size:12px;cursor:pointer}.ut-icon-btn:hover,.ut-small-btn:hover{background:#2f5266}.ut-order{display:flex;gap:6px}.ut-order button{min-width:30px;padding:9px}.ut-two{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.ut-check{font-size:12px;color:#b7cfdd;display:flex;align-items:center;gap:8px;line-height:1.5}.ut-check input{accent-color:#6ae5d2}.ut-metric{text-align:right}.ut-metric b{font-size:20px;color:#b5ffed;display:block}.ut-metric small{font-size:10px;color:#95b4c7}.ut-primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(110deg,#77f2d8,#a8bfff);color:#071e30;font-weight:850;cursor:pointer;padding:15px 22px;font-size:13px;min-height:47px;width:100%;transition:filter .18s}.ut-primary:not(:disabled):hover{filter:brightness(1.12)}.ut-primary:disabled{opacity:.5;cursor:not-allowed}.ut-status{font-size:12px;line-height:1.7;color:#a1c5d2;min-height:40px;margin:13px 0}.ut-preview{display:block;width:100%;margin:12px 0}.ut-download{display:block;text-align:center;border:1px solid #6edfc4;border-radius:12px;padding:14px;font-weight:800;color:#87f9df;text-decoration:none}.ut-note{font-size:12px;line-height:1.8;color:#8daac0}.ut-text-lab{margin-top:22px}.ut-textarea{min-height:170px;resize:vertical;line-height:1.7}.ut-text-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:15px 0}.ut-text-info{font-size:12px;color:#95b6cd}.ut-footer{margin-top:40px;padding:25px 0;border-top:1px solid var(--ut-border);display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;color:#8ea9bf;font-size:11px}.ut-footer a{color:#91eddc}.ut-diag-list{display:grid;gap:9px}.ut-diag-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:13px 16px;background:#09162ca8;border:1px solid #8ca9c32e;border-radius:12px}.ut-diag-row strong{font-size:13px}.ut-diag-row small{display:block;color:#91b0c8;margin-top:6px;font-size:11px;word-break:break-word}.ut-diag-state{font-size:11px;font-weight:850;border-radius:10px;padding:7px 10px}.ut-diag-state.ok{background:#1a5245;color:#8ff7d9}.ut-diag-state.warn{background:#4a401e;color:#f6d58d}.ut-diag-state.error{background:#512937;color:#ffd1d5}.ut-help{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.ut-help>div{border:1px solid var(--ut-border);border-radius:14px;padding:17px}.ut-help b{font-size:13px}.ut-help p{color:#95afc5;font-size:12px;line-height:1.8}html[data-theme=light] .ut-main{color:#192e44}html[data-theme=light] .ut-panel{background:#fff;--ut-soft:#657f8e;--ut-border:#809ab546}html[data-theme=light] .ut-empty,html[data-theme=light] .ut-note,html[data-theme=light] .ut-panel .ut-label,html[data-theme=light] .ut-help p{color:#50687c}html[data-theme=light] .ut-drop{background:#f1fafb;color:#304e58}html[data-theme=light] .ut-track,html[data-theme=light] .ut-diag-row{background:#edf5f8;color:#18354b}html[data-theme=light] .ut-hero p,html[data-theme=light] .ut-text-info{color:#567487}html[data-theme=light] .ut-label input,html[data-theme=light] .ut-label select,html[data-theme=light] .ut-textarea{background:#edf5fa;color:#18374b}html[data-theme=light] .ut-check{color:#527085}@media(max-width:880px){.ut-columns{grid-template-columns:1fr}.ut-help{grid-template-columns:1fr}.ut-main{padding-top:44px}}@media(max-width:500px){.ut-panel{padding:19px}.ut-hero h1{font-size:39px;letter-spacing:-1.4px}.ut-hero p{font-size:12px}.ut-two{grid-template-columns:1fr}.ut-track-controls{grid-template-columns:1fr 1fr auto}.ut-panel h2{font-size:21px}.ut-panel-title{flex-wrap:wrap}.ut-drop{padding:23px 11px}}
/* Prevent decorative full-bleed aurora from widening the viewport on mobile. */
.ut-main:before{left:0;right:0}