@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#0b0d10;--panel:#14171c;--panel-2:#1a1e25;--border:#262b33;--text:#e6e8eb;--muted:#9aa3ad;--accent:#7aa2ff;--accent-2:#b388ff;--danger:#ff8f8f}[data-theme=light]{--bg:#f4f6f9;--panel:#fff;--panel-2:#eef1f5;--border:#d8dde4;--text:#1a1d22;--muted:#5c646e;--accent:#3b6fe0;--accent-2:#7c5cff;--danger:#d23b3b}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,Arial,Helvetica,sans-serif}.studio{flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.studio-topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:18px;padding:12px 20px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;display:flex}.brand-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px #7aa2ff99}.brand-logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px}.brand-name{letter-spacing:.2px;color:var(--muted)}.brand-name strong{color:var(--text)}.tabs{gap:6px;margin-left:6px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:15px;transition:background .15s,color .15s,border-color .15s}.tab:hover{color:var(--text);background:var(--panel-2)}.tab-active{color:#0b0d10;background:linear-gradient(135deg, var(--accent), var(--accent-2));font-weight:600}.studio-body{flex:1;min-height:0;display:flex}.studio-main{flex:1;min-width:0;padding:22px;overflow:auto}.btn-ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;margin-left:auto;padding:8px 14px;font-size:14px;transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-ghost.full{width:100%;margin-left:0}.theme-toggle{background:var(--panel-2);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;margin-left:auto;font-size:16px;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle+.btn-ghost{margin-left:8px}.op-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:12px 20px;font-size:16px;transition:border-color .15s,background .15s,opacity .15s}.op-btn:hover{border-color:var(--accent)}.op-btn:disabled{opacity:.5;cursor:not-allowed}.op-btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0d10;border-color:#0000;font-weight:600}.translator-surface{color:#fff;text-align:center;background:#050505;border:1px solid #1f242b;border-radius:16px;flex-direction:column;justify-content:center;min-height:100%;padding:40px;font-family:Arial,sans-serif;display:flex;position:relative;overflow:hidden}.translator-surface.led{z-index:60;border:none;border-radius:0;min-height:0;padding:5vh 5vw;position:fixed;inset:0}.translator-lang-bar{background:#111419;border:1px solid #232932;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:0 auto 22px;padding:8px 14px;display:inline-flex}.translator-lang-item{align-items:center;gap:8px;display:flex}.translator-lang-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.translator-lang-select{color:#fff;cursor:pointer;background:#1a1e25;border:1px solid #2d3440;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:500}.translator-lang-select:focus{border-color:var(--accent);outline:none}.translator-lang-swap{width:32px;height:32px;color:var(--accent);cursor:pointer;background:#1a1e25;border:1px solid #2d3440;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.translator-lang-swap:hover{border-color:var(--accent);background:#252c38;transform:scale(1.05)}.translator-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.manual-row{justify-content:center;gap:10px;width:100%;max-width:900px;margin:-8px auto 28px;display:flex}.manual-input{color:#fff;background:#101010;border:1px solid #555;border-radius:8px;flex:1;padding:14px 16px;font-size:20px}.studio-sidebar{border-left:1px solid var(--border);background:var(--panel);flex-shrink:0;width:340px;padding:20px;overflow:auto}.sidebar-title{margin:0;font-size:16px;font-weight:600}.sidebar-sub{color:var(--muted);margin:4px 0 20px;font-size:13px}.field{margin-bottom:22px}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field-label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.field-input{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;padding:10px 12px;font-size:14px}.field-input:focus{border-color:var(--accent);outline:none}.field-textarea{resize:vertical;font-family:inherit;line-height:1.5}.field-hint{color:var(--muted);margin:8px 0 0;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);background:#7aa2ff1f;border:1px solid #7aa2ff4d;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}input[type=range]{width:100%;accent-color:var(--accent)}.lang-row{align-items:center;gap:8px;display:flex}.lang-row .field-input{flex:1;min-width:0}.lang-swap{background:var(--panel-2);border:1px solid var(--border);width:38px;height:40px;color:var(--accent);cursor:pointer;border-radius:9px;flex-shrink:0;font-size:16px;transition:border-color .15s}.lang-swap:hover{border-color:var(--accent)}.chat{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.chat-title{font-weight:600}.chat-model{color:var(--accent);background:#7aa2ff1f;border:1px solid #7aa2ff4d;border-radius:999px;padding:2px 10px;font-size:12px}.chat-header .btn-ghost{margin-left:auto}.chat-scroll{flex-direction:column;flex:1;gap:18px;min-height:0;padding:22px;display:flex;overflow:auto}.chat-empty{text-align:center;max-width:420px;color:var(--muted);margin:auto}.chat-empty-title{color:var(--text);margin:0 0 8px;font-size:22px}.chat-empty-sub{margin:0;font-size:14px;line-height:1.6}.chat-msg{flex-direction:column;gap:6px;max-width:80%;display:flex}.chat-msg-user{align-self:flex-end;align-items:flex-end}.chat-msg-assistant{align-self:flex-start}.chat-role{color:var(--muted);padding:0 4px;font-size:12px}.chat-bubble{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:var(--panel-2);border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.55}.chat-msg-user .chat-bubble{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0d10;border-color:#0000}.chat-error{color:var(--danger);margin:0;padding:0 22px 8px;font-size:13px}.chat-composer{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.chat-textarea{resize:none;background:var(--panel-2);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:12px;flex:1;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.5}.chat-textarea:focus{border-color:var(--accent);outline:none}.toggle{cursor:pointer;color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.chat-tag{color:var(--accent-2);background:#b388ff24;border:1px solid #b388ff59;border-radius:999px;padding:2px 10px;font-size:12px}.chat-typing{color:var(--muted)}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 10px;line-height:1.55}.md h1,.md h2,.md h3{margin:16px 0 8px;line-height:1.3}.md h1{font-size:20px}.md h2{font-size:18px}.md h3{font-size:16px}.md ul,.md ol{margin:0 0 10px;padding-left:22px}.md li{margin:4px 0}.md a{color:var(--accent);text-decoration:underline}.md code{font-family:var(--font-mono,"Courier New", monospace);border:1px solid var(--border);background:#00000059;border-radius:5px;padding:1px 5px;font-size:.9em}.md pre{border:1px solid var(--border);background:#0b0d10;border-radius:10px;margin:0 0 10px;padding:12px 14px;overflow-x:auto}.md pre code{background:0 0;border:none;padding:0}.md blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0 0 10px;padding-left:12px}.md table{border-collapse:collapse;margin:0 0 10px;font-size:14px}.md th,.md td{border:1px solid var(--border);padding:6px 10px}.chat-sources{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;max-width:100%;margin-top:8px;padding:8px 10px;display:flex}.chat-sources-label{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:11px}.chat-source{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:13px;text-decoration:none;overflow:hidden}.chat-source:hover{text-decoration:underline}.chat-stats{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.chat-copy{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:11px}.chat-copy:hover{border-color:var(--accent);color:var(--text)}.attach-btn{background:var(--panel-2);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;flex-shrink:0;font-size:18px;transition:border-color .15s}.attach-btn:hover{border-color:var(--accent)}.chat-attachments{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.chat-attach-img{border:1px solid var(--border);object-fit:cover;border-radius:12px;max-width:220px;max-height:220px}.chat-attach-file{color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:inline-flex}.composer-attachments{flex-wrap:wrap;gap:8px;padding:10px 18px 0;display:flex}.attach-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;max-width:220px;padding:5px 8px 5px 6px;display:inline-flex}.attach-chip img{object-fit:cover;border-radius:6px;width:30px;height:30px}.attach-chip-icon{padding:0 2px;font-size:18px}.attach-chip-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.attach-chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1}.attach-chip-remove:hover{color:var(--danger)}.live{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.live-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px 28px;display:flex}.live-orb{cursor:pointer;color:#0b0d10;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:50%;width:120px;height:120px;font-size:44px;transition:transform .15s,box-shadow .2s;box-shadow:0 0 #7aa2ff80}.live-orb:hover{transform:scale(1.04)}.live-orb-connecting{opacity:.7;cursor:default}.live-orb-on{background:linear-gradient(135deg,#ff6b6b,#ff8f8f);animation:1.6s ease-in-out infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #ff6b6b80}70%{box-shadow:0 0 0 24px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.live-status{color:var(--muted);margin:0;font-size:16px}.live-error{color:var(--danger);margin:0;font-size:14px}.live-devices{flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:4px;display:flex}.live-device{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.live-device select{background:var(--panel-2);border:1px solid var(--border);max-width:200px;color:var(--text);border-radius:9px;padding:7px 10px;font-size:13px}.live-device select:focus{border-color:var(--accent);outline:none}.live-device select:disabled{opacity:.55;cursor:not-allowed}.live-transcript{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow:auto}.live-hint{text-align:center;max-width:420px;color:var(--muted);margin:auto;font-size:14px;line-height:1.6}.live-line{flex-direction:column;gap:3px;max-width:85%;display:flex}.live-line-user{align-self:flex-end;align-items:flex-end}.live-line-model{align-self:flex-start}.live-who{color:var(--muted);font-size:12px}.live-text{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;padding:10px 14px;font-size:16px;line-height:1.5}.live-line-user .live-text{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0d10;border-color:#0000}.live-line-partial .live-text{opacity:.7}.sidebar-backdrop{display:none}.sidebar-close{background:var(--panel-2);border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;font-size:16px;line-height:1;display:none;position:absolute;top:14px;right:14px}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.studio-sidebar{z-index:80;width:min(360px,88vw);animation:.22s drawerIn;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0000008c}.sidebar-backdrop{z-index:70;background:#00000080;animation:.22s fadeIn;display:block;position:fixed;inset:0}.sidebar-close{display:block}}@media (max-width:640px){.studio-main{padding:12px}.translator-surface{border-radius:12px;padding:18px 14px}.translator-controls{gap:8px;margin-bottom:18px}.op-btn{padding:10px 14px;font-size:14px}.manual-input{padding:10px 12px;font-size:16px}.chat-scroll{gap:14px;padding:14px}.chat-msg{max-width:92%}.chat-header{padding:12px 14px}.chat-composer{padding:10px 12px}}@media (max-width:560px){.studio-topbar{flex-wrap:wrap;gap:10px 12px;padding:10px 14px}.brand-name{font-size:15px}.tabs{flex-basis:100%;order:3;justify-content:center}.tab{padding:7px 14px;font-size:14px}}@media (max-width:480px){.manual-row{flex-direction:column}.manual-row .op-btn{width:100%}}.welcome{border-bottom:1px solid var(--border);color:var(--text);background:#7aa2ff1a;align-items:center;gap:14px;padding:10px 20px;font-size:14px;display:flex}.welcome-text{flex:1}.welcome-close{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px}.welcome-close:hover{border-color:var(--accent)}.translator-notice{color:#ffd9a0;background:#ffc8781a;border:1px solid #ffc8784d;border-radius:10px;max-width:760px;margin:-8px auto 16px;padding:10px 16px;font-size:16px}.translator-shortcuts{color:#8a93a0;margin:-4px 0 18px;font-size:14px}.translator-shortcuts kbd{font-family:var(--font-mono,monospace);color:#cbd2da;background:#1a1e25;border:1px solid #2a2f37;border-radius:5px;margin:0 2px;padding:1px 6px;font-size:12px}.op-btn-sm{padding:7px 12px;font-size:13px}.transcript-panel{text-align:left;background:#0d0f13;border:1px solid #20242b;border-radius:12px;width:100%;max-width:900px;margin:-4px auto 22px;padding:14px 16px}.transcript-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.transcript-title{color:#cbd2da;flex:1;font-size:14px;font-weight:600}.transcript-summary{color:#e6e8eb;white-space:pre-wrap;background:#7aa2ff14;border:1px solid #7aa2ff40;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:15px;line-height:1.5}.transcript-lines{color:#d8d8d8;max-height:240px;font-size:15px;overflow:auto}.transcript-lines p{margin:0 0 6px;line-height:1.45}.transcript-num{color:#6b7686;margin-right:4px}.transcript-empty{color:#8a93a0}.live-meter{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;width:min(260px,70%);height:8px;overflow:hidden}.live-meter-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width 80ms linear}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.op-btn-live{color:#0b0d10;background:linear-gradient(135deg,#ff6b6b,#ff8f8f);border-color:#0000;font-weight:600}.share-panel{text-align:left;background:#0d0f13;border:1px solid #20242b;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;width:100%;max-width:760px;margin:-4px auto 22px;padding:16px 18px;display:flex}.share-info{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:220px;display:flex}.share-live{letter-spacing:.4px;color:#ff8f8f;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.share-dot{background:#ff6b6b;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite livePulse}.share-title{color:#d8d8d8;margin:0;font-size:15px}.share-link{color:#7aa2ff;word-break:break-all;font-size:14px;text-decoration:none}.share-link:hover{text-decoration:underline}.share-qr{background:#fff;border-radius:12px;flex-shrink:0;padding:10px;line-height:0}.viewer{color:#fff;background:#050505;flex-direction:column;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0}.viewer-bar{border-bottom:1px solid #1a1e25;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.viewer-brand{color:#9aa3ad;font-size:16px}.viewer-brand strong{color:#fff}.viewer-status{font-size:13px}.viewer-status-live{color:#8ef0c1}.viewer-status-connecting{color:#9aa3ad}.viewer-status-error{color:#ff8f8f}.viewer-lang{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.viewer-lang select{color:#fff;background:#14171c;border:1px solid #262b33;border-radius:10px;padding:8px 10px;font-size:15px}.viewer-stage{text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.viewer-caption{overflow-wrap:break-word;text-wrap:balance;max-width:1400px;margin:0;font-weight:700;line-height:1.12}.viewer-foot{text-align:center;color:#6b7280;border-top:1px solid #1a1e25;padding:10px 16px;font-size:12px}.translator-standalone{color:#fff;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.translator-standalone-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0d10f2;border-bottom:1px solid #1c222b;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;transition:transform .25s,opacity .25s;display:flex}.translator-standalone-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.translator-standalone-bar.visible{opacity:1;transform:translateY(0)}.translator-standalone-brand{align-items:center;gap:14px;display:flex}.back-link{color:var(--accent);background:#161b22;border:1px solid #28303d;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.back-link:hover{border-color:var(--accent);background:#212833}.standalone-title{color:var(--muted);white-space:nowrap;font-size:16px}.standalone-title strong{color:#fff}.standalone-center-status{color:#a0aec0;background:#12161d;border:1px solid #232a36;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.status-dot.pulse{background:#ef4444;animation:1.5s ease-in-out infinite livePulse}.standalone-actions{align-items:center;gap:10px;display:flex}.op-btn-danger{color:#fff!important;background:#dc2626!important;border-color:#ef4444!important}.translator-standalone-stage{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5vh 6vw;display:flex;overflow:hidden}.translator-source-preview{color:#718096;overflow-wrap:break-word;max-width:1200px;margin-bottom:24px;font-size:clamp(16px,2.5vw,24px);line-height:1.4}.source-label{color:var(--accent);margin-right:6px;font-weight:600}.translator-vietnamese-caption{color:#fff;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 4px 24px #000c;max-width:1500px;margin:0;font-weight:800;line-height:1.15}.translator-standalone-footer{text-align:center;color:#4a5568;background:#050608;border-top:1px solid #10141a;padding:8px 16px;font-size:11px}.pin-gate-loading{z-index:9999;background:#06080d;position:fixed;inset:0}.pin-gate-container{z-index:9999;background:radial-gradient(circle at 50% 30%,#121826 0%,#06080d 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.pin-gate-backdrop{pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237aa2ff' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pin-gate-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#0f141fd9;border:1px solid #7aa2ff2e;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:32px 28px;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 20px 50px #0009,0 0 30px #7aa2ff14}.pin-gate-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.pin-logo-wrapper{background:#0d121d;border:1px solid #7aa2ff40;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex;position:relative}.pin-logo-img{object-fit:contain;width:42px;height:42px}.pin-logo-glow{z-index:-1;background:radial-gradient(circle,#7aa2ff66,#0000 70%);border-radius:22px;position:absolute;inset:-4px}.pin-gate-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.pin-gate-subtitle{color:#8b9bb4;margin:0;font-size:13px}.pin-inputs-row{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.pin-digit-box{text-align:center;color:#fff;background:#0b0f19;border:1.5px solid #7aa2ff33;border-radius:14px;outline:none;width:52px;height:60px;font-size:28px;font-weight:700;transition:all .2s;box-shadow:inset 0 2px 4px #0006}.pin-digit-box:focus{border-color:var(--accent);background:#101624;box-shadow:0 0 0 3px #7aa2ff40,inset 0 2px 4px #0006}.pin-digit-box.filled{background:#0e1422;border-color:#7aa2ff80}.pin-digit-box.error{color:#ff5c5c!important;background:#ff5c5c14!important;border-color:#ff5c5c!important}.pin-error-text{color:#ff5c5c;margin:0 0 14px;font-size:13px;font-weight:600;animation:.2s fadeIn}.pin-success-text{color:#38ef7d;margin:0 0 14px;font-size:13px;font-weight:600;animation:.2s fadeIn}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px;margin-bottom:20px;display:grid}.pin-key-btn{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#111726;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;height:52px;font-size:20px;font-weight:600;transition:all .12s;display:flex}.pin-key-btn:hover{background:#1a2236;border-color:#7aa2ff4d;transform:translateY(-1px)}.pin-key-btn:active{background:#202b44;transform:scale(.96)}.pin-key-action{color:#8b9bb4;font-size:16px;font-weight:500}.pin-gate-footer{color:#55657e;letter-spacing:.2px;font-size:11px}.pin-shake{animation:.4s pinShakeAnim}@keyframes pinShakeAnim{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-success{border-color:#38ef7d80;box-shadow:0 0 40px #38ef7d33}