@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #07111a;--panel: rgba(11, 28, 38, .8);--border: rgba(170, 237, 210, .16);--accent: #7df9c1;--text: #effff8;--muted: #c8e0d9;--shadow: 0 24px 60px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:IBM Plex Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(40,104,88,.28),transparent 28%),linear-gradient(180deg,#061019,#07111a 52%,#04090f)}button{font:inherit}.app-shell{width:min(1100px,calc(100vw - 16px));margin:0 auto;padding:8px 0 16px}.toolbar,.viewer-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px}.primary-button,.secondary-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button{color:#05281c;background:linear-gradient(135deg,var(--accent) 0%,#c3ffd7 100%);font-weight:700}.secondary-button{color:var(--text);background:#ffffff14}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.status-text{flex:1 1 280px;min-height:1.5em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-card{padding:8px}.video-stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:12px;background:linear-gradient(135deg,#1a4358d9,#060b11fa),#09131c}#inputVideo,#overlayCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#inputVideo{opacity:0;pointer-events:none}.viewer-hint{position:absolute;left:16px;bottom:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050e15b8;color:var(--muted)}.viewer-hint.hidden{opacity:0}@media(max-width:640px){.app-shell{width:min(100vw - 8px,1100px);padding-top:4px}.toolbar{padding:8px}.video-stage{aspect-ratio:3 / 4}}