:root{--background:#020617;--surface:rgba(15,23,42,0.74);--surface-strong:rgba(15,23,42,0.92);--foreground:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,0.24);--field:rgba(2,6,23,0.72);--accent:#ef4444;--accent-strong:#fca5a5;--danger:#f87171;--glow:rgba(239,68,68,0.3)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body:before{background:radial-gradient(circle at 18% 14%,rgba(239,68,68,.2),transparent 28%),radial-gradient(circle at 88% 12%,rgba(248,250,252,.09),transparent 22%),linear-gradient(90deg,rgba(248,250,252,.035) 1px,transparent 0),linear-gradient(180deg,rgba(248,250,252,.035) 1px,transparent 0);background-size:auto,auto,44px 44px,44px 44px;content:"";inset:0;pointer-events:none;position:fixed}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{display:grid;min-height:100vh;place-items:center;padding:32px 16px}.surface{width:min(100%,720px)}.topline{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding-bottom:18px}.brand-lockup{align-items:center;display:flex;gap:14px}.brand-icon{filter:drop-shadow(0 16px 34px var(--glow));height:52px;width:52px}.suite{color:var(--accent-strong);font-size:.72rem;letter-spacing:.12em;margin-bottom:4px}.brand,.suite{font-weight:700;text-transform:uppercase}.brand{font-size:clamp(2.2rem,7vw,4.9rem);letter-spacing:-.017em;line-height:.88;margin:0}.limit{color:var(--muted);font-size:.78rem;text-align:right;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--surface),rgba(2,6,23,.42));border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.35);grid-gap:22px;gap:22px;margin-top:24px}.drop,.panel{display:grid;padding:24px}.drop{align-items:center;background:rgba(2,6,23,.38);border:1px dashed rgba(248,250,252,.34);grid-gap:10px;gap:10px;min-height:148px;text-align:center}.drop input{display:none}.drop strong{display:block;font-size:1rem;text-transform:uppercase}.drop span{color:var(--muted);display:block;font-size:.85rem}.file-button,.primary,.secondary{border:1px solid var(--foreground);min-height:44px;padding:0 16px;text-transform:uppercase}.file-button{align-items:center;background:#f8fafc;color:#090909;display:inline-flex;justify-content:center;justify-self:center}.primary{background:linear-gradient(135deg,#ef4444,#7f1d1d);box-shadow:0 18px 44px rgba(239,68,68,.22);color:#fff}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.45}.secondary{background:rgba(248,250,252,.04);color:var(--foreground)}.meta{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding:14px 0}.meta-row{display:flex;gap:14px;justify-content:space-between}.meta-row span:first-child{color:var(--muted)}audio{height:42px;width:100%}.controls{display:grid;grid-gap:18px;gap:18px}.control-row{display:grid;grid-gap:10px;gap:10px}.control-heading{align-items:center;display:flex;gap:14px;justify-content:space-between}.control-heading label{text-transform:uppercase}.number{align-items:center;display:flex;gap:8px}.number input{background:var(--field);border:1px solid var(--line);color:var(--foreground);height:38px;padding:0 10px;text-align:right;width:112px}.number span{color:var(--muted)}input[type=range]{accent-color:var(--accent);width:100%}.actions{display:flex;gap:12px}.actions a,.actions button{align-items:center;display:inline-flex;flex:1 1;justify-content:center;text-decoration:none}.status{color:var(--muted);min-height:22px}.status.error{color:var(--danger)}.result{border-top:1px solid var(--foreground);display:grid;grid-gap:14px;gap:14px;padding-top:18px}@media (max-width:560px){.actions,.control-heading,.meta-row,.topline{align-items:stretch;flex-direction:column}.limit{text-align:left}.actions{display:grid}}