/* v2.0.18 — a predictable full-screen recording workflow in both themes. */
html,body{height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none}
#app.app-shell{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}
#app .workspace{min-height:0;max-height:100%;overflow:hidden}
#utono-content-frame{min-height:0;overflow:hidden}
#topbar{flex-shrink:0;transform:none!important;top:0;z-index:10}
#utono-photo-input{position:fixed!important;left:0!important;bottom:0!important;width:1px!important;height:1px!important;opacity:0!important;clip-path:inset(50%);pointer-events:none!important;overflow:hidden!important}
.utono-logo-set{border:0;padding:0;background:transparent;cursor:pointer;text-align:left;border-radius:7px}
.utono-logo-set:hover{opacity:.82}.utono-logo-set:focus-visible,.utono-mobile-brand:focus-visible{outline:2px solid var(--utono-action);outline-offset:3px}
button.utono-mobile-brand{border:0;padding:0;background:transparent;cursor:pointer}
#utono-voice-studio-root{position:relative;z-index:9000}
.utono-vs-backdrop{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow-y:auto;padding:clamp(10px,3vw,26px);background:rgba(12,15,12,.76);backdrop-filter:blur(9px)}
.utono-vs-dialog{width:min(550px,100%);max-height:min(95dvh,850px);overflow-y:auto;padding:clamp(20px,3vw,32px);background:var(--utono-card,#fff);color:var(--utono-text,#222);border:1px solid var(--utono-border,#ccc);border-radius:24px;box-shadow:0 25px 95px rgba(0,0,0,.33)}
.utono-vs-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.utono-vs-kicker{font-size:10px;font-weight:850;letter-spacing:.17em;color:var(--utono-action)}
.utono-vs-close{width:35px;height:35px;border:1px solid var(--utono-border);border-radius:50%;background:transparent;color:var(--utono-text);font-size:23px;line-height:1}
.utono-vs-dialog h2{font-size:clamp(25px,4vw,34px);margin:0 0 7px;letter-spacing:-.045em;line-height:1.13}
#utono-vs-intro{font-size:13px;color:var(--utono-muted);line-height:1.6;margin-bottom:24px}
.utono-vs-mic-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--utono-border);border-radius:16px;background:var(--utono-pane)}
.utono-vs-mic-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:14px;background:var(--utono-selected);color:var(--utono-action);font-size:27px}
.utono-vs-mic-meta{display:grid;gap:4px;flex:1;min-width:0}.utono-vs-mic-meta strong{font-size:13px}.utono-vs-mic-meta span{font-size:11px;line-height:1.4;color:var(--utono-muted)}
.utono-vs-live-dot{width:10px;height:10px;background:var(--utono-border);border-radius:50%;flex:none}.utono-vs-live-dot.is-testing{background:#66a777;box-shadow:0 0 0 5px #66a77729}.utono-vs-live-dot.is-recording{background:#de5151;animation:utono-vs-pulse 1s ease-in-out infinite}
@keyframes utono-vs-pulse{50%{box-shadow:0 0 0 6px rgba(222,81,81,.20)}}
.utono-vs-label{display:block;margin:20px 0 8px;font-size:11px;font-weight:750;letter-spacing:.01em}
#utono-vs-device{display:block;width:100%;min-height:44px;border-radius:11px;padding:0 12px;color:var(--utono-text);background:var(--utono-card);border:1px solid var(--utono-border);font-size:12px}
.utono-vs-visual{margin:19px 0 16px;background:var(--utono-pane);border:1px solid var(--utono-border);border-radius:18px;padding:16px}
.utono-vs-wave-status,.utono-vs-meter{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--utono-muted);letter-spacing:.05em}
.utono-vs-wave-status strong{font-size:15px;color:var(--utono-text);font-variant-numeric:tabular-nums}
#utono-vs-canvas{width:100%;height:112px;display:block;max-width:100%;margin:8px 0}
.utono-vs-meter{gap:9px}.utono-vs-meter>span:first-child{white-space:nowrap;font-weight:700;font-size:9px}.utono-vs-meter>span:last-child{min-width:84px;text-align:right;font-size:10px}
.utono-vs-meter-track{height:6px;border-radius:6px;background:var(--utono-border);overflow:hidden;flex:1}.utono-vs-meter-track span{height:100%;display:block;background:var(--utono-action);border-radius:6px;transition:width .11s linear}
.utono-vs-actions{display:flex;gap:12px;margin-top:22px}.utono-vs-actions button{min-height:48px;border-radius:12px;font-weight:750;font-size:13px;padding:0 14px;flex:1}
.utono-vs-secondary{background:transparent;border:1px solid var(--utono-border);color:var(--utono-text)}.utono-vs-primary{background:var(--utono-action);border:1px solid var(--utono-action);color:var(--utono-action-ink)}.utono-vs-stop{background:#bc4545;border-color:#bc4545;color:white}
.utono-vs-actions button:disabled{opacity:.5;cursor:wait}.utono-vs-actions button:hover:not(:disabled){filter:brightness(.94)}
.utono-vs-review{display:grid;gap:8px;padding:13px 15px;border:1px solid var(--utono-border);border-radius:13px}.utono-vs-review label{font-weight:750;font-size:12px}.utono-vs-review audio{width:100%;min-height:48px}.utono-vs-review small{font-size:10px;color:var(--utono-muted)}
.utono-vs-error{background:rgba(187,65,65,.10);border:1px solid rgba(187,65,65,.29);color:var(--utono-danger,#bb4141);padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5}
.utono-vs-privacy{margin:14px 0 0;text-align:center;font-size:11px;line-height:1.45;color:var(--utono-muted)}
@media(max-width:600px){.utono-vs-backdrop{padding:0;align-items:end}.utono-vs-dialog{width:100%;max-height:100dvh;max-height:100svh;border-radius:24px 24px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));}.utono-vs-actions{gap:8px}.utono-vs-actions button{font-size:12px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){.utono-vs-live-dot.is-recording{animation:none}}