:root{--bg:#080b14;--panel:#0f1422;--panel-2:#151b2b;--panel-3:#1b2335;--line:#273149;--text:#eef2ff;--muted:#98a2b8;--accent:#76b900;--accent-2:#a6e22e;--danger:#ff647c;--warning:#ffbf5b;--success:#4bd28f;--shadow:0 24px 70px rgba(0,0,0,.42);--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:15px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}code,pre,.code-input{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.muted{color:var(--muted)}.tiny{font-size:12px}.centered{text-align:center}.mobile-only{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:11px;color:var(--accent-2)}
.primary-button,.secondary-button,.new-chat-button{border:0;border-radius:12px;cursor:pointer;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary-button{background:linear-gradient(135deg,var(--accent),#4f9000);color:#071000;padding:11px 18px;box-shadow:0 10px 26px rgba(118,185,0,.18)}.primary-button:hover{filter:brightness(1.08)}.primary-button.large{width:100%;min-height:50px;font-size:16px}.secondary-button{background:var(--panel-3);border:1px solid var(--line);padding:10px 16px}.text-button{background:transparent;border:0;color:var(--muted);padding:9px 12px;cursor:pointer}.icon-button,.composer-icon{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:10px;min-width:38px;height:38px}.icon-button:hover,.composer-icon:hover{background:var(--panel-3);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#c8d0e1}input,textarea,select{width:100%;border:1px solid var(--line);background:#0a0f1c;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:.18s border,.18s box-shadow}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:rgba(118,185,0,.8);box-shadow:0 0 0 3px rgba(118,185,0,.12)}.check-row{flex-direction:row;align-items:center;gap:9px;font-weight:550}.check-row input{width:auto}.field-help,label small{font-size:11px;color:var(--muted);font-weight:500;margin:0}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wide{grid-column:1/-1}.alert{padding:13px 15px;border-radius:12px;margin:14px 0;border:1px solid var(--line);line-height:1.5}.alert.error{background:rgba(255,100,124,.1);border-color:rgba(255,100,124,.28);color:#ffbcc7}.alert.success{background:rgba(75,210,143,.09);border-color:rgba(75,210,143,.28);color:#a7f1cb}.alert.info{background:rgba(93,152,255,.08);border-color:rgba(93,152,255,.25);color:#c8dcff}.brand-mark,.brand-inline span,.install-logo,.welcome-logo{background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#081000;font-weight:950;display:grid;place-items:center;box-shadow:0 12px 30px rgba(118,185,0,.22)}.brand-mark{width:52px;height:52px;border-radius:16px;font-size:26px;margin:0 auto}.brand-inline{display:flex;align-items:center;gap:10px;min-width:0}.brand-inline span{width:34px;height:34px;border-radius:10px}.brand-inline strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Login and setup */.login-page,.setup-page{background:radial-gradient(circle at 50% 0,rgba(118,185,0,.16),transparent 34%),var(--bg)}.login-shell,.setup-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card,.setup-card{width:min(100%,440px);background:rgba(15,20,34,.94);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.setup-card{width:min(100%,760px)}.login-card h1,.setup-card h1{margin:18px 0 5px;text-align:center;font-size:29px}.login-card>p,.setup-card>p{text-align:center}.login-form,.setup-form{display:grid;gap:15px;margin-top:25px}.setup-form h2{font-size:15px;margin:18px 0 0;padding-bottom:9px;border-bottom:1px solid var(--line)}.success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(75,210,143,.14);color:var(--success);font-size:34px;margin:0 auto}
/* Install modal */.install-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.74);display:grid;place-items:center;padding:20px;backdrop-filter:blur(14px)}.install-modal[hidden]{display:none}.install-card{position:relative;width:min(100%,460px);background:linear-gradient(165deg,#182035,#0d1220);border:1px solid #34405c;border-radius:28px;padding:38px 30px 28px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.64)}.install-close{position:absolute;right:14px;top:12px;font-size:26px}.install-logo{width:72px;height:72px;border-radius:22px;font-size:36px;margin:0 auto 18px}.install-card h2{font-size:27px;margin:0 0 10px}.install-card p{color:var(--muted);line-height:1.6}.ios-steps{display:grid;gap:9px;text-align:left;background:#0a0f1b;border:1px solid var(--line);padding:15px;border-radius:14px;margin:18px 0}.ios-steps span{display:block;color:#cbd4e7}.install-card .primary-button{margin-top:15px}
/* Chat */.app-page{overflow:hidden}.app-layout{height:100dvh;display:grid;grid-template-columns:275px minmax(0,1fr)}.sidebar{background:#090d18;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;z-index:20}.sidebar-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.new-chat-button{margin:7px 12px 12px;padding:12px;background:var(--panel-2);border:1px solid var(--line)}.new-chat-button:hover{border-color:#46516d}.conversation-list{flex:1;overflow-y:auto;padding:3px 8px}.conversation-item{position:relative;display:flex;align-items:center;gap:8px;border-radius:10px;color:#bdc6da;margin:2px 0}.conversation-item>button:first-child{flex:1;text-align:left;padding:10px 10px;border:0;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px}.conversation-item.active,.conversation-item:hover{background:var(--panel-2);color:var(--text)}.conversation-delete{opacity:0;min-width:32px;height:32px}.conversation-item:hover .conversation-delete{opacity:1}.sidebar-footer{border-top:1px solid var(--line);padding:10px;display:grid;gap:5px}.sidebar-footer>a{padding:9px 10px;border-radius:9px;color:#b7c0d4}.sidebar-footer>a:hover{background:var(--panel-2)}.user-menu{margin-top:4px;padding:9px 7px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:9px}.user-menu small{display:block;color:var(--muted);text-transform:capitalize;margin-top:2px}.avatar{width:38px;height:38px;border-radius:12px;background:#25304a;display:grid;place-items:center;font-weight:850}
.chat-main{position:relative;min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr) auto;background:radial-gradient(circle at 50% -20%,rgba(118,185,0,.08),transparent 35%),#0b0f1a}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(39,49,73,.7);background:rgba(11,15,26,.82);backdrop-filter:blur(16px);z-index:10}.model-select-wrap{display:flex;align-items:center;gap:9px}.model-select-wrap select{border:0;background:transparent;font-weight:750;padding:9px 28px 9px 8px;width:auto;max-width:280px}.model-capability{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:var(--muted)}.header-actions{display:flex;gap:3px}.chat-messages{overflow-y:auto;padding:28px max(18px,calc((100% - 880px)/2)) 50px;scroll-behavior:smooth}.welcome-panel{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0 110px}.welcome-logo{width:66px;height:66px;border-radius:20px;font-size:32px}.welcome-panel h1{font-size:36px;margin:21px 0 8px}.welcome-panel>p{color:var(--muted);max-width:560px}.prompt-grid{width:min(100%,700px);display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}.prompt-grid button{background:var(--panel);border:1px solid var(--line);border-radius:14px;color:#cbd3e5;padding:15px;text-align:left;cursor:pointer;line-height:1.45}.prompt-grid button:hover{border-color:#52617f;background:var(--panel-2)}.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;margin:24px 0;animation:messageIn .22s ease}.message-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#24304a}.message.assistant .message-avatar{background:linear-gradient(145deg,var(--accent),#4c8500);color:#081000}.message-body{min-width:0}.message-meta{display:flex;gap:8px;align-items:center;margin-bottom:8px}.message-meta strong{font-size:13px}.message-meta small{color:var(--muted)}.message-content{color:#e6eaf5;line-height:1.72;overflow-wrap:anywhere}.message-content p{margin:.3em 0 .9em}.message-content h1,.message-content h2,.message-content h3{line-height:1.3;margin:1.15em 0 .55em}.message-content ul,.message-content ol{padding-left:23px}.message-content a{color:#9fd0ff;text-decoration:underline}.message-content code:not(pre code){background:#20283a;border:1px solid #303b55;padding:2px 5px;border-radius:6px;font-size:.9em}.code-block{position:relative;margin:13px 0}.code-block pre{background:#060912;border:1px solid var(--line);border-radius:13px;padding:17px;overflow:auto;line-height:1.55}.copy-code{position:absolute;right:8px;top:8px;background:#1c2436;border:1px solid #36415b;border-radius:7px;padding:5px 8px;font-size:11px;cursor:pointer}.message-attachments{display:flex;gap:9px;flex-wrap:wrap;margin:7px 0 12px}.attachment-preview{max-width:280px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.attachment-preview img,.attachment-preview video{display:block;width:100%;max-height:250px;object-fit:contain;background:#05070c}.attachment-file{display:flex;align-items:center;gap:10px;padding:11px 13px;color:#c8d0e1}.attachment-file span{font-size:22px}.typing{display:inline-flex;gap:5px;padding:9px 0}.typing i{width:7px;height:7px;background:var(--muted);border-radius:50%;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
.composer-zone{padding:8px max(16px,calc((100% - 880px)/2)) calc(10px + var(--safe-bottom));background:linear-gradient(transparent,rgba(11,15,26,.96) 25%)}.composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 42px;align-items:end;background:#171d2b;border:1px solid #303a51;border-radius:20px;padding:7px;box-shadow:0 16px 45px rgba(0,0,0,.3)}.composer:focus-within{border-color:#4f5f7e}.composer textarea{border:0;background:transparent;box-shadow:none!important;resize:none;max-height:180px;padding:10px 7px;line-height:1.45}.composer-icon{font-size:21px;margin-bottom:1px}.send-button{border:0;background:var(--accent);color:#071000;width:36px;height:36px;border-radius:11px;font-size:22px;font-weight:900;cursor:pointer;margin:2px}.composer-note{text-align:center;font-size:11px;color:#758098;margin:7px 0 0}.attachment-strip{display:flex;gap:8px;overflow-x:auto;padding:0 5px 8px}.pending-attachment{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);padding:7px 9px;border-radius:10px;max-width:260px;white-space:nowrap}.pending-attachment span{overflow:hidden;text-overflow:ellipsis}.pending-attachment button{border:0;background:transparent;color:var(--muted);cursor:pointer}.upload-progress{width:15px;height:15px;border:2px solid #4a556f;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
.voice-modal{position:fixed;inset:0;z-index:900;background:rgba(6,8,14,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.voice-modal[hidden]{display:none}.voice-close{position:absolute;right:22px;top:calc(18px + env(safe-area-inset-top));font-size:28px}.voice-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#b6f94d,#5d9f00 45%,#1b3000);box-shadow:0 0 0 0 rgba(118,185,0,.35),0 0 90px rgba(118,185,0,.34);cursor:pointer;transition:.25s}.voice-orb span{width:75px;height:75px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.voice-orb.listening{animation:pulse 1.3s infinite}.voice-orb.thinking{filter:hue-rotate(70deg);animation:float 1.6s infinite}.voice-modal h2{font-size:30px;margin:30px 0 7px}.voice-modal p{color:var(--muted);max-width:520px}.voice-modal .primary-button{min-width:180px;margin-top:15px}
/* Studio */.standalone-header{height:66px;border-bottom:1px solid var(--line);padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0b0f1a}.standalone-header>a:last-child{text-align:right;color:var(--muted)}.back-link{color:#c8d0e1}.studio-shell{width:min(1180px,100%);margin:0 auto;padding:38px 24px 80px;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:35px}.studio-create,.studio-results{min-width:0}.studio-create h1{font-size:40px;margin:8px 0}.video-form{display:grid;gap:17px;margin-top:28px}.upload-drop{border:1px dashed #44516d;border-radius:16px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:rgba(21,27,43,.45)}.upload-drop:hover{border-color:var(--accent)}.upload-drop span{font-size:15px}.video-jobs{display:grid;gap:14px}.video-job{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:15px}.video-job video{width:100%;border-radius:12px;background:#05070c;max-height:420px}.video-job h3{font-size:14px;margin:8px 0}.job-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.job-placeholder{min-height:180px;border-radius:12px;background:#090d17;display:grid;place-items:center;color:var(--muted)}
/* Admin */.admin-layout{min-height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100dvh;background:#090d18;border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column}.admin-sidebar nav{display:grid;gap:4px;margin-top:30px}.admin-sidebar nav a{padding:11px 12px;border-radius:10px;color:#adb7cb}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--panel-2);color:var(--text)}.admin-sidebar .back-link{margin-top:auto;padding:11px}.admin-main{padding:26px clamp(18px,4vw,56px) 70px;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-header h1{margin:5px 0 0;font-size:34px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid>div,.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:20px}.stat-grid span{display:block;color:var(--muted);font-size:13px}.stat-grid strong{display:block;font-size:31px;margin-top:10px}.admin-card{margin-bottom:17px}.admin-card h2{margin:0 0 18px}.readiness-list{display:grid;gap:0}.readiness-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.readiness-list>div:last-child{border-bottom:0}.card-stack{display:grid;gap:16px}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.card-title-row h2,.card-title-row h3{margin:0 0 7px}.status-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-pill.good{background:rgba(75,210,143,.12);color:#8ee8b9}.status-pill.bad{background:rgba(255,100,124,.12);color:#ff9bab}.model-checks{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 18px}.model-checks legend{padding:0 7px;color:var(--muted);font-size:12px}.model-checks label{flex-direction:row;align-items:center;font-weight:500}.model-checks input{width:auto}.toggle-stack{display:grid;gap:12px}.warning{color:#ffd58f}.table-wrap{overflow:auto}.table-card{padding:0}.table-wrap table{border-collapse:collapse;width:100%;min-width:900px}.table-wrap th,.table-wrap td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:top}.table-wrap th{color:var(--muted);position:sticky;top:0;background:var(--panel)}.error-cell{max-width:360px;white-space:normal;color:#f3a9b5}
.toast-container{position:fixed;right:18px;bottom:calc(18px + var(--safe-bottom));z-index:1100;display:grid;gap:8px}.toast{background:#1d2738;border:1px solid #3b4964;color:#edf2ff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);max-width:360px;animation:messageIn .2s ease}.toast.error{border-color:rgba(255,100,124,.45);background:#331923}.empty-state{border:1px dashed var(--line);border-radius:14px;padding:35px;text-align:center;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes messageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 26px rgba(118,185,0,0),0 0 110px rgba(118,185,0,.55)}}@keyframes float{50%{transform:scale(.96)}}
@media(max-width:920px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,310px);transform:translateX(-102%);transition:.22s transform;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-only{display:grid}.chat-messages{padding-left:18px;padding-right:18px}.composer-zone{padding-left:12px;padding-right:12px}.studio-shell{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar nav{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto;margin-top:18px}.admin-sidebar .back-link{margin-top:13px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{font-size:14px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.wide{grid-column:auto}.login-shell,.setup-shell{padding:0}.login-card,.setup-card{min-height:100dvh;width:100%;border:0;border-radius:0;padding:calc(35px + env(safe-area-inset-top)) 22px 30px}.chat-header{padding:0 8px}.model-select-wrap select{max-width:195px}.model-capability{display:none}.chat-messages{padding-top:14px}.welcome-panel{padding-bottom:60px}.welcome-panel h1{font-size:29px}.prompt-grid{grid-template-columns:1fr}.message{grid-template-columns:30px minmax(0,1fr);gap:10px}.message-avatar{width:30px;height:30px}.composer{grid-template-columns:38px minmax(0,1fr) 38px 38px;border-radius:18px}.composer-note{display:none}.install-card{padding:34px 20px 24px}.voice-orb{width:150px;height:150px}.standalone-header{grid-template-columns:1fr auto;padding:0 13px}.standalone-header>a:last-child{display:none}.studio-shell{padding:25px 15px 60px}.studio-create h1{font-size:33px}.admin-main{padding:20px 13px 60px}.admin-header h1{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid>div{padding:15px}.stat-grid strong{font-size:25px}.admin-card{padding:16px}.card-title-row{flex-direction:column}.toast-container{left:12px;right:12px}.toast{max-width:none}}