:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;--radius-sm: .8rem;--radius-md: 1.2rem;--radius-lg: 1.6rem;--shadow-soft: 0 12px 30px rgba(17, 24, 39, .08);--shadow-strong: 0 24px 60px rgba(17, 24, 39, .14)}:root:lang(ug){font-family:UKIJ Ekran,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fa;--bg-elevated: #1f2937;--panel: #ffffff;--panel-soft: #f9fafb;--panel-strong: #eff6ff;--text: #111827;--text-muted: #6b7280;--text-soft: #9ca3af;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-strong: #2563eb;--accent-surface: #eff6ff;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--emphasis: #8b5cf6;--border: #e5e7eb;--input: #ffffff;--code: #f3f4f6;--topbar-bg: rgba(245, 247, 250, .92);--sidebar-text: #f9fafb;--sidebar-text-muted: #9ca3af;--sidebar-panel: rgba(255, 255, 255, .04);--sidebar-active-bg: rgba(59, 130, 246, .18);--sidebar-active-text: #f9fafb;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.75 7.75 10 12l4.25-4.25' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark]{color-scheme:dark;--bg: #111827;--bg-elevated: #0f172a;--panel: #1f2937;--panel-soft: #111827;--panel-strong: rgba(59, 130, 246, .14);--text: #f9fafb;--text-muted: #9ca3af;--text-soft: #6b7280;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-strong: #3b82f6;--accent-surface: rgba(59, 130, 246, .18);--success: #34d399;--danger: #f87171;--warning: #fbbf24;--emphasis: #a78bfa;--border: rgba(229, 231, 235, .12);--input: #111827;--code: #111827;--topbar-bg: rgba(17, 24, 39, .92);--sidebar-text: #f9fafb;--sidebar-text-muted: #9ca3af;--sidebar-panel: rgba(255, 255, 255, .04);--sidebar-active-bg: rgba(96, 165, 250, .2);--sidebar-active-text: #f9fafb;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.75 7.75 10 12l4.25-4.25' stroke='%239ca3af' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box;-ms-overflow-style:none}textarea{resize:none;scrollbar-width:none}strong{font-weight:400}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}body,button,input,textarea,select{font:inherit}button,input,textarea,select{border:0}button{cursor:pointer}a{color:inherit;text-decoration:none}code,pre{font-family:SFMono-Regular,ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace}.app-layout{min-height:100vh;--sidebar-width: 16rem}.app-layout.sidebar-collapsed{--sidebar-width: 5rem}.sidebar{position:fixed;top:0;bottom:0;left:0;right:auto;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;gap:1.5rem;padding:1.25rem;overflow:hidden;background:var(--panel);color:var(--text);border-right:1px solid var(--border);box-shadow:8px 0 24px #1118270a;transition:width .18s ease,padding .18s ease,transform .18s ease,opacity .18s ease,visibility 0ms linear .18s}.sidebar-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem}.brand-block{display:flex;align-items:center;gap:1rem;min-width:0}.brand-copy{min-width:0}.brand-mark{display:block;height:2.5rem;width:2.5rem;border-radius:.9rem;overflow:hidden;flex:none;box-shadow:var(--shadow-soft)}.brand-mark.large{height:3.4rem;width:3.4rem;margin:0 auto;border-radius:1.2rem}.brand-mark-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.brand-title{margin:0;font-size:1.05rem;font-weight:700}.brand-subtitle{margin:.15rem 0 0;color:var(--text-muted);font-size:.82rem}.nav-list{display:grid;gap:.5rem}.nav-list a{display:flex;align-items:center;gap:.85rem;min-height:3.25rem;border-radius:1rem;padding:.95rem 1rem;color:var(--text-muted);text-align:start;transition:color .16s ease,background-color .16s ease,transform .16s ease}.nav-list a:hover,.nav-list a.is-active{background:var(--accent-surface);color:var(--accent-strong)}.nav-item-icon,.sidebar-toggle svg,.menu-button svg{width:1.15rem;height:1.15rem;flex-shrink:0}.nav-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-top:auto;display:grid;gap:1rem}.token-indicator{border-radius:var(--radius-md);background:var(--panel-soft);padding:1rem;border:1px solid var(--border);text-align:start}.token-label{display:block;margin-bottom:.4rem;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.content-shell{height:100vh;padding-left:var(--sidebar-width);padding-right:0;display:flex;flex-direction:column;transition:padding-left .18s ease,padding-right .18s ease}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.9rem;background:var(--panel-soft);color:var(--text-muted);border:1px solid var(--border)}.sidebar-toggle:hover{background:var(--accent-surface);color:var(--accent-strong)}.sidebar-footer-toggle{width:2.75rem;height:2.75rem;min-height:0;justify-self:end;padding:0;border-radius:1rem}.app-layout.sidebar-collapsed .sidebar{padding:1rem .85rem}.app-layout.sidebar-collapsed .sidebar-header{grid-template-columns:1fr;justify-items:center}.app-layout.sidebar-collapsed .brand-block{justify-content:center}.app-layout.sidebar-collapsed .brand-copy,.app-layout.sidebar-collapsed .nav-item-label,.app-layout.sidebar-collapsed .token-indicator{display:none}.app-layout.sidebar-collapsed .nav-list a{justify-content:center;padding-inline:.9rem}.app-layout.sidebar-collapsed .sidebar-footer{justify-items:center}.app-layout.sidebar-collapsed .sidebar-footer-toggle{width:3rem;height:3rem;padding-inline:0;border-radius:1rem;justify-self:center}.app-layout.sidebar-collapsed .nav-list a:hover,.app-layout.sidebar-collapsed .nav-list a.is-active{transform:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem;background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-main{display:flex;align-items:center;gap:1rem;min-width:0}.topbar-title{min-width:0}.topbar h2{margin:.1rem 0 0;font-size:1.4rem}.topbar-kicker,.page-eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.topbar-actions>*{flex-shrink:0}.topbar-tools{display:inline-flex;align-items:center;gap:.55rem}.topbar-user{position:relative}.topbar-user.is-open:after{content:"";position:absolute;left:0;right:0;top:100%;height:.7rem}.topbar-user-button{min-width:0;max-width:min(18rem,42vw);display:inline-flex;align-items:center;gap:.75rem;padding:.35rem .5rem .35rem .35rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.topbar-user-avatar,.topbar-user-menu-avatar{width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:999px;background:var(--accent-surface);color:var(--accent-strong);font-size:.95rem;font-weight:700;flex:none}.topbar-user-copy,.topbar-user-menu-copy{min-width:0;display:grid;gap:.08rem;text-align:left}.topbar-user-copy strong,.topbar-user-menu-copy strong{font-size:.92rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-copy small,.topbar-user-menu-copy span{color:var(--text-muted);font-size:.78rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-chevron{width:.95rem;height:.95rem;color:var(--text-muted);flex:none;transition:transform .16s ease}.topbar-user.is-open .topbar-user-chevron{transform:rotate(180deg)}.topbar-user-menu{position:absolute;top:calc(100% + .32rem);right:0;z-index:32;min-width:17rem;padding:.65rem;border:1px solid var(--border);border-radius:1.15rem;background:var(--panel);box-shadow:var(--shadow-strong);opacity:0;pointer-events:none;transform:translateY(-.35rem);transition:opacity .16s ease,transform .16s ease}.topbar-user.is-open .topbar-user-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.topbar-user-menu-header{display:flex;align-items:center;gap:.85rem;padding:.55rem;border-radius:.9rem;background:var(--panel-soft);margin-bottom:.4rem}.topbar-user-menu-avatar{width:2.5rem;height:2.5rem;font-size:1rem}.topbar-user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.8rem .85rem;border:none;border-radius:.9rem;background:transparent;color:var(--text);text-align:left}.topbar-user-menu-item:hover{background:var(--panel-soft)}.topbar-user-menu-icon{width:1rem;height:1rem;color:var(--text-muted);flex:none}:root[dir=rtl] .topbar-user-copy,:root[dir=rtl] .topbar-user-menu-copy,:root[dir=rtl] .topbar-user-menu-item{text-align:right}:root[dir=rtl] .topbar-user-menu{right:auto;left:0}.active-token-chip{display:inline-flex;align-items:center;min-height:2.9rem;padding:0 .95rem;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text-muted);font-size:.88rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border-radius:999px;background:transparent;color:var(--text-muted);border:1px solid var(--border)}.theme-toggle:hover{background:var(--accent-surface);color:var(--accent-strong)}.theme-toggle svg{width:1.15rem;height:1.15rem}.language-toggle{display:inline-flex;align-items:center;min-height:2.9rem;padding:.22rem;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.language-toggle-option{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2.36rem;padding:0 .72rem;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.9rem;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.language-toggle-option:hover{color:var(--text)}.language-toggle-option.is-active{background:var(--accent-surface);color:var(--accent-strong)}.page-shell{padding:1.5rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.panel,.stat-card,.login-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft)}.panel{padding:1.5rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.panel-header h3{margin:0;font-size:1.1rem}.panel-header p{margin:.35rem 0 0;color:var(--text-muted)}.stats-grid,.responsive-grid,.playground-grid{display:grid;gap:1.25rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid.narrow-right{grid-template-columns:minmax(0,1.8fr) minmax(20rem,.9fr)}.dashboard-stats-grid,.dashboard-chart-grid{display:grid;gap:1.25rem}.dashboard-stats-grid,.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-grid{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start;justify-items:stretch}.playground-grid>*{align-self:start;width:100%;min-width:0}.stat-card{padding:1.5rem;display:grid;gap:.65rem}.stat-card span,.stat-card small{color:var(--text-muted)}.stat-card strong{font-size:clamp(2rem,5vw,3rem);line-height:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-chart-card{min-height:0}.dashboard-chart-card .panel-header{align-items:flex-start;flex-wrap:wrap}.dashboard-chart-canvas{width:100%;height:18rem;direction:ltr}.profile-page{min-width:0}.profile-layout{display:grid;grid-template-columns:minmax(18rem,21rem) minmax(0,1fr);gap:1.25rem;align-items:start}.profile-summary-card{position:sticky;display:grid;gap:1.2rem}.profile-summary-head{display:grid;gap:.6rem}.profile-avatar-large{width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:1.35rem;background:var(--accent-surface);color:var(--accent-strong);font-size:1.8rem;font-weight:700;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-summary-head h3{margin:0;font-size:1.45rem;line-height:1.2}.profile-summary-head p:last-child{margin:0;color:var(--text-muted);line-height:1.65}.profile-summary-grid{display:grid;gap:.8rem}.profile-summary-item{display:grid;gap:.22rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--panel-soft)}.profile-summary-item span{font-size:.76rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.profile-summary-item strong{font-size:.96rem;line-height:1.5;word-break:break-word}.profile-form-grid{min-width:0;display:grid;gap:1.25rem}.profile-actions-panel{gap:1rem}.profile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profile-action-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start;padding:1rem;border:1px solid var(--border);border-radius:1.1rem;background:var(--panel-soft);color:var(--text);text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.profile-action-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.profile-action-card.is-active{background:var(--accent-surface);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.profile-action-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.95rem;background:var(--panel);color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));flex:none}.profile-action-icon svg{width:1.2rem;height:1.2rem}.profile-action-copy{min-width:0;display:grid;gap:.22rem}.profile-action-copy strong{font-size:.98rem;line-height:1.4}.profile-action-copy small{color:var(--text-muted);line-height:1.55}.profile-placeholder{min-height:14rem;display:grid;place-items:center;padding:1.5rem;border:1px dashed var(--border);border-radius:1.2rem;background:color-mix(in srgb,var(--panel-soft) 72%,var(--panel));color:var(--text-muted);text-align:center}.profile-password-hint{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.6}.about-page{min-width:0}.about-layout{display:grid;grid-template-columns:minmax(18rem,21rem) minmax(0,1fr);gap:1.25rem;align-items:start}.about-summary-card{position:sticky;display:grid;gap:1.2rem}.about-summary-head{display:grid;gap:.6rem}.about-summary-head h3{margin:0;font-size:1.45rem;line-height:1.2}.about-summary-head p:last-child{margin:0;color:var(--text-muted);line-height:1.65}.about-summary-grid{display:grid;gap:.8rem}.about-summary-item{display:grid;gap:.22rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--panel-soft)}.about-summary-item span{font-size:.76rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.about-summary-item strong{font-size:.96rem;line-height:1.5;word-break:break-word}.about-main-card{min-width:0}.about-qr-shell{display:grid;place-items:center;padding:1.25rem;border-radius:1.4rem}.about-qr-image{width:min(100%,28rem);aspect-ratio:1;display:block;border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--text) 6%,var(--border));background:#fff;object-fit:cover;padding:1rem}.about-copy-block{display:grid;gap:.35rem}.about-copy-block strong{font-size:1rem;line-height:1.4}.about-copy-block p{margin:0;color:var(--text-muted);line-height:1.6}.stat-card-accent{background:var(--panel-strong);border-color:color-mix(in srgb,var(--accent) 16%,var(--border))}.stack-xl,.stack-lg,.stack-xs{display:grid}.stack-xl{gap:2rem}.stack-lg{gap:1.25rem}.stack-xs{gap:.25rem}.field{display:grid;gap:.55rem}.field span{color:var(--text-muted);font-size:.83rem;font-weight:600;letter-spacing:.04em}.field input,.field textarea,.field select,.chat-form textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input);color:var(--text);padding:.95rem 1rem;resize:vertical;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field input:not([type=file]),.field select{min-height:3.125rem;height:3.125rem;line-height:1.2;resize:none}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:3rem;background-image:var(--select-chevron);background-position:calc(100% - 1rem) 50%;background-size:1rem 1rem;background-repeat:no-repeat}.field select:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background-color:color-mix(in srgb,var(--panel) 30%,var(--input))}.field textarea,.chat-form textarea{min-height:8rem;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.chat-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:.8rem 1rem;border-radius:999px;font-weight:600;transition:transform .16s ease,filter .16s ease,background-color .16s ease;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-block{width:100%}.button-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-primary:active:not(:disabled){background:var(--accent-strong)}.button-secondary{background:var(--panel-soft);border:1px solid var(--border);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--panel-strong)}.button-secondary:active:not(:disabled){background:var(--accent-surface)}.button-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.button-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.page-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.action-row{display:flex;flex-wrap:wrap;gap:.65rem}.notice{border-radius:var(--radius-md);padding:.95rem 1rem;border:1px solid var(--border)}.notice-default{background:var(--panel-soft)}.notice-success{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.notice-danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.notice-warning{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.gateway-token-notice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.95rem;padding:1rem 1.1rem;margin-bottom:1rem;background:color-mix(in srgb,var(--warning) 10%,var(--panel));border-color:color-mix(in srgb,var(--warning) 26%,var(--border));color:var(--text);text-align:start;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.gateway-token-notice:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--warning) 12%,var(--panel));border-color:color-mix(in srgb,var(--warning) 36%,var(--border));box-shadow:var(--shadow-strong)}.gateway-token-notice:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 18%,transparent)}.gateway-token-notice-icon{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:.95rem;background:color-mix(in srgb,var(--warning) 14%,var(--panel));color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 24%,var(--border));flex:none}.gateway-token-notice-icon svg{width:1.2rem;height:1.2rem}.gateway-token-notice-copy{min-width:0;display:grid;gap:.18rem}.gateway-token-notice-copy strong{font-size:.95rem;line-height:1.35}.gateway-token-notice-copy span{color:var(--text-muted);line-height:1.55}.gateway-token-notice-action{display:inline-flex;align-items:center;gap:.32rem;color:var(--warning);font-size:.84rem;white-space:nowrap}.gateway-token-notice-action svg{width:.92rem;height:.92rem}:root[dir=rtl] .gateway-token-notice-action svg{transform:rotate(180deg)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:36rem}th,td{padding:.95rem .75rem;border-bottom:1px solid var(--border);text-align:start;vertical-align:top}th{color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}td small{color:var(--text-soft)}.dashboard-request-cell small{white-space:normal;overflow-wrap:anywhere}.dashboard-usage-cost{font-size:.94rem;line-height:1.35}.dashboard-code-value{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.dashboard-usage-table{min-width:76rem}.dashboard-cell-stack{min-width:0}.dashboard-cell-stack strong,.dashboard-cell-stack small,.dashboard-cell-stack span{min-width:0;overflow-wrap:anywhere}.dashboard-cell-stack strong{font-size:.95rem;line-height:1.4}.dashboard-order-title{min-width:0;gap:.15rem}.dashboard-order-title strong,.dashboard-order-title small{display:block;min-width:0;overflow-wrap:anywhere}.dashboard-order-title strong{line-height:1.4}.dashboard-order-title small{line-height:1.45}.dashboard-order-status{align-items:flex-start;min-width:0;gap:.25rem}.dashboard-order-status small{line-height:1.4}.dashboard-inline-pair{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.dashboard-inline-pair span{color:var(--text-muted)}.dashboard-inline-pair .status-pill{margin-inline-start:auto}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;margin-top:.85rem;border-top:1px solid var(--border)}.pagination-total{color:var(--text);font-size:.92rem;line-height:1.2;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.pagination-icon-button,.pagination-page-select,.pagination-size-select,.pagination-jump input{height:2.75rem;border:1px solid var(--border);border-radius:.72rem;background:var(--input);color:var(--text);font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}.pagination-icon-button{width:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-muted)}.pagination-icon-button svg{width:.95rem;height:.95rem}.pagination-icon-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--accent);background:var(--panel-strong)}.pagination-icon-button:disabled{opacity:.48;cursor:not-allowed}.pagination-page-select,.pagination-size-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-inline:1rem;cursor:pointer}.pagination-page-select:focus,.pagination-size-select:focus,.pagination-jump input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.pagination-page-select{width:3.15rem;text-align:center;padding-inline:0;border-color:color-mix(in srgb,var(--accent) 44%,var(--border));color:var(--accent)}.pagination-size-select{min-width:7.3rem;padding-inline-end:2.35rem;background-image:var(--select-chevron);background-position:calc(100% - .8rem) 50%;background-size:1rem 1rem;background-repeat:no-repeat}.pagination-jump{display:inline-flex;align-items:center;gap:.55rem;color:var(--text-muted);font-size:.9rem}.pagination-jump span{white-space:nowrap}.pagination-jump input{width:4.35rem;padding-inline:.75rem}.pagination-jump input::-webkit-outer-spin-button,.pagination-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.keys-table{min-width:58rem}.keys-table tbody tr{transition:background-color .16s ease}.keys-table tbody tr:hover{background:color-mix(in srgb,var(--accent-surface) 38%,transparent)}.token-name-block strong{font-size:1.06rem;line-height:1.3}.token-status-note{max-width:13rem;color:var(--text-soft)}.keys-actions-cell{width:1%;white-space:nowrap}.keys-actions{display:inline-flex;align-items:center;gap:.42rem;padding:.35rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 6%,var(--border));background:var(--panel-soft)}.key-action-primary,.key-action-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--text-muted);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.key-action-primary:hover,.key-action-icon:hover{transform:translateY(-1px)}.key-action-primary{gap:.45rem;min-height:2.45rem;padding:0 .9rem;border:1px solid transparent;background:transparent;font-size:.92rem}.key-action-primary svg,.key-action-icon svg{width:1.08rem;height:1.08rem;flex-shrink:0}.key-action-primary:hover{border-color:var(--border);background:var(--panel);color:var(--text)}.key-action-primary.is-current{background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.key-action-primary:disabled{opacity:1;cursor:default;transform:none}.key-action-icon{width:2.45rem;height:2.45rem;border:1px solid transparent;background:transparent}.key-action-icon.is-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.key-action-icon:hover{border-color:var(--border);background:var(--panel);color:var(--text)}.key-action-icon.is-danger:hover{border-color:color-mix(in srgb,var(--danger) 18%,var(--border));background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.key-action-primary:focus-visible,.key-action-icon:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}code{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--code);color:var(--accent-strong)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--panel-soft);color:var(--text-muted)}.status-pill-success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.status-pill-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);width:max-content}.text-accent{color:var(--accent);direction:ltr}.text-danger{color:var(--danger);direction:ltr}.text-muted{color:var(--text-muted)}.config-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-soft);padding:1rem}.switch-row{display:flex;flex-wrap:wrap;gap:.65rem}.switch-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.switch-chip:hover{transform:translateY(-1px)}.switch-chip.is-active{background:var(--accent-surface);border-color:color-mix(in srgb,var(--accent) 26%,var(--border));color:var(--accent-strong)}.translation-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:1.25rem;align-items:stretch}.translation-layout>*{min-width:0;min-height:0;width:100%}.translation-layout-mobile{min-height:0;flex:1;display:flex;min-width:0;width:100%}.translation-layout-mobile>*{min-height:0;min-width:0;width:100%;flex:1 1 auto}.translation-config-panel{align-self:start;height:fit-content}.translation-chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%;overflow:hidden}.translation-mobile-shell{--translation-composer-height: 7.75rem;min-height:0;width:100%;display:flex;flex-direction:column;position:relative}.translation-feed-frame{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0;background:transparent}.translation-empty-state{flex:1;display:grid;place-items:center;min-height:100%;padding:3rem 0;text-align:center}.translation-empty-copy{display:grid;gap:.75rem;max-width:30rem;justify-items:center}.translation-empty-copy h3{margin:0;font-size:1.4rem;line-height:1.3}.translation-empty-copy p{margin:0;color:var(--text-muted);line-height:1.75}.translation-thread{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0 calc(1rem + var(--translation-composer-height))}.translation-thread>*{width:100%;max-width:min(100%,48rem);margin-inline:auto}.translation-mobile-composer{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,color-mix(in srgb,var(--bg) 96%,transparent) 72%,transparent)}.translation-composer-surface{width:100%;border-radius:1.5rem;border:1px solid var(--border);background:var(--input);padding:.75rem 1rem;transition:border-color .15s ease}.translation-composer-surface:focus-within{border-color:var(--accent)}.translation-mobile-composer textarea{width:100%;min-height:1.5rem;height:1.5rem;max-height:10rem;padding:0;border:none;outline:none;resize:none;box-shadow:none;line-height:1.6;font-size:.95rem;background:transparent;overflow-y:auto}.translation-mobile-composer textarea:focus{border:none;outline:none;box-shadow:none}.translation-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem;margin-top:.5rem;direction:ltr}.translation-composer-actions{justify-content:flex-end;width:auto;flex:none;flex-wrap:nowrap}.translation-composer-actions .button{min-height:2rem;padding-inline:1rem;border-radius:.5rem;font-size:.875rem}.translation-composer-actions .translation-composer-icon-button{width:2.85rem;min-width:2.85rem;height:2.85rem;min-height:2.85rem;padding:0;border-radius:1rem}.translation-composer-actions .translation-composer-icon-button svg{width:1.08rem;height:1.08rem;flex:none}.chat-thread{display:grid;gap:1rem;align-content:start;min-height:0;overflow-y:auto;padding-inline-end:.35rem}.chat-bubble{max-width:min(100%,44rem);border-radius:1.2rem;padding:1rem 1.1rem;border:1px solid var(--border)}.chat-bubble span{display:inline-block;margin-bottom:.45rem;color:var(--text-muted);font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-bubble-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.chat-copy-button{width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text-muted)}.chat-copy-button svg{width:1rem;height:1rem}.chat-copy-button:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb,var(--panel) 48%,var(--accent-surface))}.chat-copy-button:disabled{opacity:.42;cursor:not-allowed}.markdown-content{display:grid;gap:.75rem}.markdown-content>*{margin:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text);font-weight:700;line-height:1.3}.markdown-content h1{font-size:1.3rem}.markdown-content h2{font-size:1.16rem}.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1rem}.markdown-content p,.markdown-content li,.markdown-content blockquote{line-height:1.7;word-break:break-word}.markdown-content ul,.markdown-content ol{margin:0;padding-inline-start:1.25rem}.markdown-content li+li{margin-top:.32rem}.markdown-content blockquote{padding:.1rem 0 .1rem .9rem;border-inline-start:3px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text-muted)}.markdown-content a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.16em}.markdown-content code{font-family:SFMono-Regular,JetBrains Mono,ui-monospace,monospace;font-size:.92em;padding:.14rem .36rem;border-radius:.5rem;background:var(--panel-soft)}.markdown-code-block{margin:0;padding:.9rem 1rem;border-radius:1rem;border:1px solid var(--border);background:var(--panel-soft);overflow-x:auto}.markdown-code-block code{display:block;padding:0;border-radius:0;background:transparent;white-space:pre-wrap;word-break:break-word}.chat-bubble-user{justify-self:end;background:var(--panel-soft)}.chat-bubble-assistant{background:var(--accent-surface);border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.chat-form{display:grid;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.llm-page,.translation-page,.asr-page{height:100%;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.llm-studio-page{min-height:0;flex:1;display:flex;flex-direction:column}.llm-layout{min-height:0;flex:1;height:100%;display:grid;grid-template-columns:minmax(17.5rem,20rem) minmax(0,1fr);align-items:start;gap:1.25rem}.llm-layout-mobile{min-height:0;flex:1;display:flex;min-width:0;width:100%}.llm-layout>*{min-height:0}.llm-layout-mobile>*{min-height:0;min-width:0;width:100%;flex:1 1 auto}.llm-page .panel,.translation-page .panel{min-height:0;border-radius:var(--radius-md)}.llm-settings-panel{position:sticky;align-self:start;height:fit-content}.llm-studio-shell{--llm-composer-height: 7.75rem;display:flex;flex-direction:column;background:var(--panel);overflow:hidden;border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);position:relative;height:100%}.llm-composer-surface:focus-within{border-color:var(--accent)}.llm-feed-frame{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--panel);overflow-y:auto;padding:0}.llm-empty-state{flex:1;display:grid;place-items:center;min-height:100%;padding:3rem;text-align:center;background:var(--panel)}.llm-empty-copy{display:grid;gap:.75rem;max-width:32rem;justify-items:center}.llm-empty-copy h3{margin:0;font-size:1.5rem;line-height:1.3;font-weight:600;color:var(--text)}.llm-empty-copy p:last-child{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.8}.llm-thread{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;padding-bottom:calc(1.5rem + var(--llm-composer-height))}.llm-thread>*{width:100%;max-width:min(100%,48rem);margin-inline:auto}.llm-message{display:flex;flex-direction:column;gap:.25rem}.llm-message-user{align-items:flex-end}.llm-message-copy{width:100%;max-width:100%;display:grid;gap:.5rem;padding:1rem 0;background:transparent;border:none}.llm-message-tools{display:flex}.llm-copy-button{width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text-muted)}.llm-copy-button svg{width:1rem;height:1rem}.llm-copy-button:hover:not(:disabled){color:var(--accent);background:var(--accent-surface)}.llm-copy-button:disabled{opacity:.42;cursor:not-allowed}.llm-message-bubble{max-width:min(100%,70%);padding:.75rem 1rem;border-radius:1rem;border:none;background:var(--accent-surface)}.llm-message-bubble p{margin:0;line-height:1.75;white-space:pre-wrap}.llm-composer{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:1rem 2rem 1.5rem;background:var(--panel)}.llm-composer-surface{width:min(100%,48rem);margin-inline:auto;border-radius:1.5rem;border:1px solid var(--border);background:var(--input);padding:.75rem 1rem;transition:border-color .15s ease}.llm-composer textarea{width:100%;min-height:1.5rem;height:1.5rem;max-height:10rem;padding:0;border:none;outline:none;resize:none;box-shadow:none;line-height:1.6;font-size:.95rem;background:transparent;overflow-y:auto}.llm-composer textarea:focus{border:none;outline:none;box-shadow:none}.llm-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem;margin-top:.5rem}.llm-composer-hint{font-size:.8rem;color:var(--text-muted)}.llm-composer-footer-mobile{align-items:center}.llm-mobile-settings-trigger{min-width:0;flex:1;display:inline-flex;align-items:center;gap:.7rem;padding:.25rem 0;border:none;background:transparent;color:var(--text);text-align:left}.llm-mobile-settings-trigger svg{width:1.1rem;height:1.1rem;flex:none;color:var(--text-muted)}.llm-mobile-settings-copy{min-width:0;display:grid;gap:.12rem}.llm-mobile-settings-label{font-size:.72rem;line-height:1.2;color:var(--text-muted)}.llm-mobile-settings-value{font-size:.86rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.llm-composer-actions{justify-content:flex-end;width:auto}.llm-composer-actions .button{min-height:2rem;padding-inline:1rem;border-radius:.5rem;font-size:.875rem}.llm-composer-actions .llm-composer-icon-button{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;border-radius:.95rem}.llm-composer-actions .llm-composer-icon-button svg{width:1.08rem;height:1.08rem;flex:none}.llm-composer-actions .button-primary{background:var(--accent);border:none;color:#fff}.llm-composer-actions .button-primary:hover:not(:disabled){background:var(--accent-hover)}.llm-composer-actions .button-primary:active:not(:disabled){background:var(--accent-strong)}.llm-message-assistant .markdown-content{gap:.75rem}.llm-message-assistant{align-items:flex-start}.llm-message-assistant .markdown-content p,.llm-message-assistant .markdown-content li,.llm-message-assistant .markdown-content blockquote{font-size:.95rem;line-height:1.7}.llm-message-user .llm-message-bubble p{font-size:.95rem;line-height:1.6}.llm-mobile-sheet-backdrop,.llm-mobile-settings-sheet{display:none}:root[dir=rtl] .llm-mobile-settings-trigger{text-align:right}.tts-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.78fr);gap:1.25rem;align-items:start}.tts-workbench{min-height:0}.tts-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tts-textarea{min-height:clamp(20rem,54vh,32rem)}.tts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.25rem}.tts-submit-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tts-submit-row .button{flex-shrink:0}.tts-output-card{position:sticky}.tts-output-body{display:grid;gap:1rem;align-content:start}.tts-player-shell{display:grid;gap:.9rem;padding:1rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--panel-soft);direction:ltr}.tts-play-button{width:2.7rem;height:2.7rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.tts-play-button:hover{background:var(--accent-hover)}.tts-play-button:active{background:var(--accent-strong)}.tts-play-button svg{width:1rem;height:1rem}.tts-waveform-panel{display:grid;gap:.7rem;min-width:0}.tts-waveform-shell{position:relative;display:grid;align-items:center;height:5.1rem;padding:.25rem 0;border-radius:.8rem;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 96%,transparent)}.tts-waveform-shell:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-50%);pointer-events:none}.tts-waveform-svg{width:100%;height:100%}.tts-wave-line{stroke:color-mix(in srgb,var(--accent) 14%,var(--border));stroke-width:3.2;stroke-linecap:round;opacity:.88;transition:stroke .16s ease,opacity .16s ease,transform .16s ease}.tts-wave-line.is-active{stroke:var(--accent);opacity:1}.tts-waveform-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tts-waveform-range:disabled{cursor:not-allowed}.tts-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;color:var(--text-muted);font-size:.84rem}.tts-time-row span:first-child{justify-self:start}.tts-time-row span:last-child{justify-self:end}.tts-output-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tts-output-meta strong{font-size:1rem;line-height:1.3}.asr-layout{min-height:0;min-width:0;width:100%;max-width:100%;flex:1;display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:1.25rem;align-items:start}.asr-layout>*{min-width:0;min-height:0}.asr-form-panel{min-height:0;width:100%;height:fit-content;align-self:start;align-content:start;overflow:visible}.asr-result-panel{min-height:0;width:100%;height:100%;align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.asr-copy-button{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:.82rem;background:var(--input);color:var(--text-muted);flex-shrink:0;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.asr-copy-button svg{width:1.12rem;height:1.12rem}.asr-copy-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:var(--accent-surface);color:var(--accent-strong)}.asr-copy-button:disabled{opacity:.42;cursor:not-allowed}.asr-result-panel .result-block,.asr-result-panel .empty-state{min-height:0;height:100%}.audio-player{width:100%}.result-block{margin:0;min-height:20rem;overflow:auto;border-radius:var(--radius-md);background:var(--input);border:1px solid var(--border);padding:1rem;color:var(--text)}.result-block-text{white-space:pre-wrap;word-break:break-word;line-height:1.8}.empty-state-compact{min-height:12rem;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1.5rem;background:#070b117a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(100%,30rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-strong);padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.file-picker{display:flex;align-items:start;flex-direction:column;gap:.85rem;min-height:3.5rem;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input);padding:.6rem .75rem;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.file-picker:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.file-picker:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.file-picker-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .9rem;border-radius:999px;background:var(--accent-surface);color:var(--text);font-size:.88rem;font-weight:600;white-space:nowrap}.file-picker-name{color:var(--text-muted);font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.field .sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{display:grid;place-items:center;gap:.75rem;min-height:10rem;border-radius:calc(var(--radius-md) + .1rem);border:1px solid var(--border);background:var(--panel-soft);color:var(--text-muted);text-align:center;padding:1.5rem}.chat-thread>.empty-state{width:min(100%,48rem);min-height:clamp(8.5rem,22vh,10.5rem);justify-self:center;align-content:center;padding:1.75rem 2rem}:root[dir=rtl] .field select{padding-inline-start:3rem;padding-inline-end:1rem;background-position:1rem 50%}.spinner{height:1.8rem;width:1.8rem;border:3px solid color-mix(in srgb,var(--accent) 18%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem;overflow:hidden}.login-language-toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:2}.login-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.65}.login-aurora-left{top:-10rem;left:-8rem;width:30rem;height:30rem;background:#3b82f624}.login-aurora-right{right:-10rem;bottom:-8rem;width:26rem;height:26rem;background:#60a5fa1f}.login-card{position:relative;z-index:1;width:min(100%,28rem);padding:2.2rem;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-header{display:grid;gap:.8rem;margin-bottom:1.5rem;text-align:center}.login-header h1{margin:0;font-size:clamp(2rem,5vw,2.6rem)}.login-header p:last-child{margin:0;color:var(--text-muted)}.login-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.login-code-row input{min-width:0}.login-code-button{min-width:8.25rem;padding-inline:1.1rem}.login-mode-action{min-height:2.6rem}.menu-button,.mobile-overlay{display:none}:root[dir=rtl] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--border);text-align:right}:root[dir=rtl] .stat-card strong{text-align:right;direction:ltr}:root[dir=rtl] .content-shell{padding-left:0;padding-right:var(--sidebar-width)}:root[dir=rtl] .brand-block{justify-content:flex-start}:root[dir=rtl] .brand-copy{text-align:right}:root[dir=rtl] .sidebar-footer{justify-items:stretch}:root[dir=rtl] .token-indicator,:root[dir=rtl] .nav-list a,:root[dir=rtl] .sidebar .button{text-align:right}:root[dir=rtl] .nav-list a:hover,:root[dir=rtl] .nav-list a.is-active{transform:translate(-.2rem)}:root[dir=rtl] .app-layout.sidebar-collapsed .nav-list a:hover,:root[dir=rtl] .app-layout.sidebar-collapsed .nav-list a.is-active{transform:none}:root[dir=rtl] .login-aurora-left{left:auto;right:-8rem}:root[dir=rtl] .login-aurora-right{right:auto;left:-10rem}:root[dir=rtl] .login-language-toggle{right:auto;left:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1080px){.stats-grid,.responsive-grid,.responsive-grid.narrow-right,.dashboard-chart-grid,.playground-grid,.translation-layout,.asr-layout,.tts-layout{grid-template-columns:1fr}.asr-layout{grid-template-rows:auto}.dashboard-stats-grid,.about-layout{grid-template-columns:1fr}.translation-layout{flex:none}.translation-chat-panel{height:auto;min-height:60vh}.llm-studio-shell{--llm-shell-padding: 1.1rem}.llm-layout{grid-template-columns:1fr;min-width:0;width:100%;height:auto}.llm-layout>*{min-width:0;width:100%}.llm-settings-panel{position:static;height:auto;min-height:auto}.llm-page .panel{min-height:auto}.llm-studio-shell{width:100%;height:auto;min-height:60vh}.llm-composer-surface{width:100%;max-width:none}.profile-layout{grid-template-columns:1fr}.profile-summary-card{position:static}.profile-action-grid{grid-template-columns:1fr}.tts-output-card{position:static}}@media (max-width: 860px){.sidebar{width:17rem;padding:1.25rem;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-100%);transition:transform .18s ease,opacity .18s ease,visibility 0ms linear .18s}.sidebar.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition:transform .18s ease,opacity .18s ease}.content-shell{padding-left:0;padding-right:0}.sidebar-toggle{display:none}.app-layout.sidebar-collapsed .sidebar{width:17rem;padding:1.25rem}.app-layout.sidebar-collapsed .sidebar-header{grid-template-columns:1fr}.app-layout.sidebar-collapsed .brand-block{justify-content:flex-start}.app-layout.sidebar-collapsed .brand-copy,.app-layout.sidebar-collapsed .nav-item-label,.app-layout.sidebar-collapsed .token-indicator{display:block}.app-layout.sidebar-collapsed .nav-list a{justify-content:flex-start;padding-inline:1rem}.app-layout.sidebar-collapsed .sidebar-footer{justify-items:stretch}.app-layout.sidebar-collapsed .sidebar-footer-toggle{width:2.75rem;height:2.75rem;padding-inline:0;border-radius:1rem;justify-self:end}:root[dir=rtl] .content-shell{padding-left:0;padding-right:0}.menu-button{display:inline-flex;align-items:center;justify-content:center;gap:0;width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border-radius:.9rem;background:var(--panel);color:var(--text);border:1px solid var(--border)}.menu-button-label{display:none}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#060a1073}.topbar,.page-shell{padding-inline:1rem}.topbar{align-items:center;gap:.75rem;padding-top:.95rem;padding-bottom:.95rem}.topbar-main{flex:1;gap:.75rem}.topbar-title{min-width:0}.topbar h2{font-size:1.15rem;line-height:1.18}.topbar-kicker{font-size:.65rem;letter-spacing:.1em}.topbar-actions{flex-direction:row;align-items:center;gap:.45rem;flex-wrap:nowrap}.topbar-tools{gap:.4rem}.topbar-user-button{max-width:none;padding-inline-end:.35rem;gap:.35rem}.topbar-user-copy{display:none}.topbar-user-menu{min-width:min(18rem,calc(100vw - 2rem))}.language-toggle,.theme-toggle{min-height:2.75rem;height:2.75rem}.theme-toggle{width:2.75rem}.language-toggle-option{min-height:2.18rem;min-width:1.9rem;padding-inline:.62rem;font-size:.88rem}.tts-meta-grid{grid-template-columns:1fr}.llm-settings-panel{position:static;height:auto;min-height:auto}.llm-page .panel,.translation-page .panel{min-height:auto}.llm-studio-shell{height:auto;min-height:60vh}.llm-composer-footer{flex-direction:column;align-items:stretch}.llm-composer-actions{justify-content:flex-start}.llm-thread{padding-inline:1rem}.llm-thread>*{width:100%}.llm-layout-mobile,.translation-layout-mobile{display:flex}.llm-studio-shell-mobile{min-height:calc(100vh - 8.75rem);width:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.llm-studio-shell-mobile .llm-feed-frame,.llm-studio-shell-mobile .llm-empty-state{background:transparent}.llm-studio-shell-mobile .llm-empty-state{padding-inline:0}.llm-studio-shell-mobile .llm-thread{padding-inline:0;padding-top:.5rem;padding-bottom:calc(1rem + var(--llm-composer-height))}.llm-studio-shell-mobile .llm-thread>*{max-width:100%}.llm-studio-shell-mobile .llm-composer{padding-inline:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,color-mix(in srgb,var(--bg) 96%,transparent) 72%,transparent)}.llm-studio-shell-mobile .llm-composer-surface{width:100%;max-width:none}.translation-mobile-shell{min-height:calc(100vh - 8.75rem);border:none;border-radius:0;box-shadow:none;background:transparent}.translation-mobile-shell .notice{margin-bottom:.75rem}.translation-thread{padding-inline:0;padding-top:.5rem}.translation-thread>*{max-width:100%}.translation-mobile-composer{padding-inline:0}.translation-composer-surface{max-width:none}.translation-composer-actions .translation-composer-icon-button{background:var(--accent);border:none;color:#fff}.translation-composer-actions .translation-composer-icon-button:hover:not(:disabled){background:var(--accent-hover)}.translation-composer-actions .translation-composer-icon-button:active:not(:disabled){background:var(--accent-strong)}.llm-composer-footer-mobile{flex-direction:row;align-items:center;direction:ltr}.llm-composer-footer-mobile .llm-composer-actions{justify-content:flex-end;flex:none;flex-wrap:nowrap}.llm-composer-footer-mobile .llm-composer-actions .llm-composer-icon-button{width:2.85rem;min-width:2.85rem;height:2.85rem;min-height:2.85rem;border-radius:1rem}.llm-mobile-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#060a1061;opacity:0;pointer-events:none;transition:opacity .18s ease}.llm-mobile-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.llm-mobile-settings-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1rem;position:fixed;left:0;right:0;bottom:0;z-index:45;max-height:min(72vh,34rem);padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;border-top:1px solid var(--border);background:var(--panel);box-shadow:0 -20px 48px #0f172a33;transform:translateY(calc(100% + 1rem));transition:transform .22s ease;pointer-events:none}.llm-mobile-settings-sheet.is-open{transform:translateY(0);pointer-events:auto}.llm-mobile-sheet-handle{width:2.5rem;height:.28rem;justify-self:center;border-radius:999px;background:var(--border)}.llm-mobile-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.llm-mobile-sheet-header h3{margin:0;font-size:1rem}.llm-mobile-sheet-header p{margin:.3rem 0 0;color:var(--text-muted);font-size:.85rem;line-height:1.55}.llm-mobile-sheet-close{width:2.35rem;height:2.35rem;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--panel-soft);color:var(--text-muted)}.llm-mobile-sheet-close svg{width:1rem;height:1rem}.llm-mobile-sheet-body{min-height:0;overflow-y:auto;padding-right:.1rem}.llm-mobile-sheet-footer{padding-top:.15rem}:root[dir=rtl] .sidebar{transform:translate(100%)}:root[dir=rtl] .sidebar.is-open{transform:translate(0)}:root[dir=rtl] .topbar-main{width:100%;justify-content:flex-start}:root[dir=rtl] .topbar-main>div{text-align:right}:root[dir=rtl] .topbar-actions{align-items:flex-start}:root[dir=rtl] .topbar-tools{flex-direction:row-reverse}:root[dir=rtl] .llm-mobile-sheet-header{text-align:right}:root[dir=rtl] .topbar-user-menu{left:0;right:auto}}@media (max-width: 640px){.page-shell{padding-top:1.2rem;padding-bottom:1.2rem}.gateway-token-notice{grid-template-columns:auto minmax(0,1fr);align-items:start}.gateway-token-notice-action{grid-column:2;justify-self:start}.panel,.stat-card,.login-card{padding:1.1rem;border-radius:1.2rem}th,td{padding-inline:.5rem}table{min-width:32rem}.dashboard-chart-canvas{height:15rem}.llm-studio-shell{min-height:calc(100vh - 7rem);border-radius:0}.llm-token-chip{width:100%;justify-content:space-between}.llm-empty-state{min-height:16rem;padding:2rem}.login-code-row{grid-template-columns:1fr}.login-code-button{width:100%}.llm-message-bubble{max-width:80%}.llm-composer-surface{padding:.65rem .85rem;border-radius:1.25rem}.llm-composer textarea{min-height:1.25rem}.llm-composer-actions{width:auto}.llm-composer-actions .button{flex:0 0 auto;min-height:1.75rem;padding-inline:.85rem;font-size:.8rem}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:space-between}.pagination-total{font-size:.92rem}.pagination-jump{width:100%;justify-content:flex-end}.llm-thread{padding:1rem 1rem 6.5rem}.llm-composer{padding:.75rem 1rem 1rem}.keys-table-wrap,.dashboard-table-wrap{overflow-x:visible}.keys-table,.dashboard-table{min-width:0}.keys-table thead,.dashboard-table thead{display:none}.keys-table,.dashboard-table,.keys-table tbody,.dashboard-table tbody,.keys-table tr,.dashboard-table tr,.keys-table td,.dashboard-table td{display:block;width:100%}.keys-table tbody,.dashboard-table tbody{display:grid;gap:.9rem}.keys-table tbody tr{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-soft) 60%,var(--panel));box-shadow:0 14px 32px color-mix(in srgb,var(--text) 4%,transparent)}.dashboard-table tbody tr{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-soft) 54%,var(--panel));box-shadow:0 14px 32px color-mix(in srgb,var(--text) 4%,transparent)}.keys-table td{display:grid;grid-template-columns:minmax(4.8rem,auto) minmax(0,1fr);gap:.9rem;align-items:start;padding:0;border:0}.dashboard-table td{display:grid;grid-template-columns:minmax(4.3rem,auto) minmax(0,1fr);gap:.85rem;align-items:start;padding:0;border:0}.keys-table td:before{content:attr(data-label);color:var(--text-soft);font-size:.74rem;font-weight:600;letter-spacing:.04em;padding-top:.18rem}.dashboard-table td:before{content:attr(data-label);color:var(--text-soft);font-size:.74rem;font-weight:600;letter-spacing:.04em;padding-top:.18rem}.keys-actions-cell{grid-template-columns:1fr;gap:.55rem;white-space:normal}.keys-actions{width:100%;justify-content:flex-start;border-radius:1rem}.key-action-primary{flex:1 1 12rem}.token-status-note{max-width:none}.action-row{flex-direction:column;align-items:flex-start}.translation-chat-panel{min-height:58vh}.action-row .button{width:auto}.tts-toolbar,.tts-submit-row{align-items:stretch;flex-direction:column}.switch-row{flex-direction:column}.switch-chip{width:100%}.modal-backdrop{padding:1rem}.modal-card{padding:1.1rem}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .button,.tts-submit-row .button,.tts-toolbar .button{width:100%}.tts-play-button{width:2.55rem;height:2.55rem}.tts-waveform-shell{height:4.5rem}.tts-output-meta-row{flex-direction:column;align-items:stretch}.tts-output-meta-row .button{width:100%}.tts-textarea{min-height:17rem}.file-picker{align-items:flex-start;flex-direction:column}}