:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f4;color:#17201d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6f4;--panel: #ffffff;--panel-2: #f8faf8;--ink: #17201d;--muted: #66736d;--line: #dce4df;--line-strong: #c7d4cd;--green: #177a5b;--green-dark: #0f6047;--amber: #c57a12;--red: #c74742;--blue: #2a67b1;--teal: #108187;--shadow: 0 16px 48px rgba(23, 32, 29, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8faf8,#eef3f0);color:var(--ink);letter-spacing:0}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-button{border:0;padding:0;color:inherit;background:transparent;text-align:left}.brand-lockup strong,.brand-lockup span{display:block;white-space:nowrap}.brand-lockup span{margin-top:1px;color:var(--muted);font-size:12px}.brand-mark,.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #b9d6ca;border-radius:8px;color:var(--green-dark);background:#e9f5ef}.view-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f5f7f5}.view-tabs button,.side-link,.recent-item,.scene-chip,.control-tile{display:inline-flex;align-items:center;gap:8px;border:0;color:var(--muted);background:transparent}.view-tabs button{min-height:34px;padding:7px 12px;border-radius:6px;white-space:nowrap}.view-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 8px #17201d14}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.icon-button,.user-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:8px;color:#3d4944;background:#fff}.icon-button{width:34px;padding:0}.user-pill{padding:0 10px;white-space:nowrap}.app-main{padding:18px}.splash-screen,.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;gap:12px;text-align:center}.empty-state{min-height:calc(100vh - 110px)}.empty-state h1,.empty-state p{margin:0}.empty-state p,.muted-copy{color:var(--muted)}.login-page{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center;max-width:1180px;min-height:100vh;margin:0 auto;padding:30px}.login-hero{display:grid;gap:20px}.login-hero h1{max-width:760px;margin:8px 0 0;font-size:clamp(34px,5vw,64px);line-height:.98;text-wrap:balance}.login-hero p{max-width:620px;margin:0;color:#4f5e58;font-size:18px;line-height:1.5}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:820px}.feature-tile{display:grid;gap:8px;min-height:130px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.feature-tile svg{color:var(--green)}.feature-tile span{color:var(--muted);font-size:13px;line-height:1.38}.login-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.login-card-head h2{margin:2px 0 0;font-size:26px}.login-card label,.create-user-panel label{display:grid;gap:6px;color:#42504a;font-size:12px;font-weight:700}.demo-logins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.text-button{min-height:34px;border:0;color:var(--green-dark);background:transparent;font-weight:800}.error-banner{padding:9px 10px;border:1px solid #e2aaa6;border-radius:8px;color:#8b2f2b;background:#fff2f1;font-size:13px;font-weight:700}.success-banner{padding:9px 10px;border:1px solid #8ccdb2;border-radius:8px;color:#075e44;background:#edfff7;font-size:13px;font-weight:700}.workspace-grid{display:grid;gap:18px;max-width:1740px;margin:0 auto}.studio-grid{grid-template-columns:330px minmax(420px,1fr) 390px;align-items:start}.left-rail,.right-rail,.admin-sidebar,.admin-content{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}.panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1px #17201d05}.prompt-panel,.panel{padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header div{display:flex;align-items:center;gap:8px;min-width:0}.panel-header svg{color:var(--green);flex:0 0 auto}.panel-header h2{margin:0;font-size:15px;line-height:1.25}.panel-header span,.eyebrow{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.field-label{display:block;margin:12px 0 7px;color:#42504a;font-size:12px;font-weight:700}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;color:var(--ink);outline:none}textarea{min-height:118px;resize:vertical;padding:11px 12px;line-height:1.45}input,select{min-height:39px;padding:0 11px}textarea:focus,input:focus,select:focus{border-color:#91b9aa;box-shadow:0 0 0 3px #177a5b1f}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.batch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.duration-options button,.batch-options button{min-height:38px;justify-content:center;border:1px solid var(--line);border-radius:8px;color:#42504a;background:#fff;font-size:13px;font-weight:800}.duration-options button.active,.batch-options button.active{color:#fff;border-color:var(--green);background:var(--green)}.voice-card{display:grid;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.voice-row label,.speed-control{display:grid;gap:7px;color:#42504a;font-size:12px;font-weight:800}.speed-control span{display:flex;justify-content:space-between;gap:8px}.speed-control strong{color:var(--green-dark)}.speed-control input{min-height:22px;padding:0;accent-color:var(--green)}.control-tile{align-items:flex-start;justify-content:flex-start;flex-direction:column;min-height:78px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.control-tile svg{color:var(--teal)}.control-tile span,.control-tile strong{max-width:100%;overflow-wrap:anywhere}.control-tile span{color:var(--muted);font-size:12px}.control-tile strong{color:var(--ink);font-size:13px}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:32px}.select-wrap svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.template-meta{display:grid;gap:4px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.template-meta strong{color:var(--ink);font-size:13px}.template-meta span{color:var(--muted);font-size:12px;line-height:1.35}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.button-row>button{flex:1 1 132px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border-radius:8px;font-weight:700;white-space:nowrap}.primary-button{border:1px solid var(--green-dark);color:#fff;background:var(--green)}.primary-button:hover{background:var(--green-dark)}.secondary-button{border:1px solid var(--line-strong);color:#33413c;background:#fff}.secondary-button:hover{border-color:#aebfb6;background:#f7faf8}.compact-button{min-height:32px;padding:0 9px;font-size:12px}.recent-list,.scene-list,.cost-list,.provider-list,.template-grid,.policy-grid{display:grid;gap:9px}.recent-list{max-height:520px;overflow:auto;padding-right:2px}.recent-item{width:100%;justify-content:space-between;min-height:58px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;text-align:left}.recent-item>span:nth-child(2){min-width:0;flex:1}.recent-item strong,.recent-item small{display:block}.recent-item strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.recent-item small{margin-top:2px;color:var(--muted)}.thumb-dot{width:36px;height:36px;flex:0 0 auto;border-radius:8px}.thumb-dot.green{background:linear-gradient(135deg,#177a5b,#78bd8c)}.thumb-dot.blue{background:linear-gradient(135deg,#2a67b1,#6bb5c6)}.thumb-dot.orange{background:linear-gradient(135deg,#c57a12,#e5b95d)}.center-stage{min-width:0;display:grid;align-content:start;gap:12px}.stage-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px}.stage-toolbar h1,.admin-title h1{margin:2px 0 0;font-size:24px;line-height:1.15}.render-status{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:#3d4944;background:#fff;font-size:13px;font-weight:700;white-space:nowrap}.provider-usage{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 0}.provider-usage span{max-width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:#3d4944;background:#fff;font-size:12px;font-weight:700;overflow-wrap:anywhere}.provider-usage.has-error span:last-child{color:#8a4f06;background:#fff8e8;border-color:#efd8a5}.render-workspace{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.workspace-head h2{margin:2px 0 0;font-size:18px;line-height:1.2}.workspace-head>span{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.render-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.render-slot{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;min-height:92px;padding:10px;border:1px solid var(--line);border-radius:8px;color:inherit;background:#fbfcfb;text-align:left}.render-slot.selected{border-color:#83b5a2;box-shadow:0 0 0 3px #177a5b1f}.render-slot.rendering{background:#f3fbf7}.render-slot.done{background:#eef8f2}.render-slot.empty{color:#718079;background:#f7faf8}.slot-index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;background:var(--green);font-size:12px;font-weight:900}.render-slot.empty .slot-index{color:#60706a;background:#e4ebe7}.slot-copy{min-width:0}.slot-copy strong,.slot-copy small{display:block}.slot-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.slot-copy small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.25}.slot-progress{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:99px;background:#e1e9e4}.slot-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#e8b74d);transition:width .3s ease}.status-dot{width:9px;height:9px;border-radius:999px;background:#99a7a1}.status-dot.ready,.status-dot.done{background:var(--green)}.status-dot.planning,.status-dot.rendering{background:var(--amber)}.preview-shell{display:grid;grid-template-columns:minmax(260px,1fr) 210px;gap:14px;align-items:stretch;min-height:660px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,#ffffffeb,#fafcfbdb),repeating-linear-gradient(0deg,#eef3f0 0 1px,transparent 1px 32px);box-shadow:var(--shadow)}.phone-frame{display:flex;align-items:center;justify-content:center;min-height:620px}.video-canvas{position:relative;width:min(360px,100%);aspect-ratio:9 / 16;overflow:hidden;border:9px solid #111b18;border-radius:30px;background:#101816;box-shadow:0 24px 50px #141c182e}.grid-background{position:absolute;inset:0;background:linear-gradient(160deg,#177a5be6,#161e1ceb 58%,#c57a12b8),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 42px)}.coin-orbit{position:absolute;top:96px;left:50%;width:210px;height:210px;transform:translate(-50%);border:1px solid rgba(255,255,255,.28);border-radius:50%;animation:slow-rotate 12s linear infinite}.coin-core{position:absolute;inset:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.36);border-radius:50%;color:#16211d;background:#f4b947;font-size:54px;font-weight:900;box-shadow:0 16px 40px #f4b94757;animation:counter-rotate 12s linear infinite}.node{position:absolute;width:18px;height:18px;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:#1b7b75}.n1{top:-9px;left:94px}.n2{top:94px;right:-9px}.n3{bottom:-9px;left:94px}.n4{top:94px;left:-9px}.caption-stack{position:absolute;left:22px;right:22px;bottom:158px;display:grid;gap:7px;color:#fff;text-align:center;text-wrap:balance}.caption-stack span,.caption-stack strong{display:block;padding:9px 11px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#070f0db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.caption-stack span{font-size:18px;font-weight:800}.caption-stack strong{font-size:22px;line-height:1.1}.waveform{position:absolute;left:22px;right:22px;bottom:78px;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a}.waveform span{width:5px;border-radius:4px;background:#f5d071;animation:audio-bounce 1.2s ease-in-out infinite}.waveform span:nth-child(2n){background:#fff;animation-delay:.18s}.waveform span:nth-child(3n){background:#79d3bd;animation-delay:.32s}.video-footer{position:absolute;left:22px;right:22px;bottom:24px;display:flex;justify-content:center;gap:8px}.video-footer span{padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffdb;background:#ffffff1f;font-size:10px;font-weight:800}.render-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#fff;background:#060c0ab8}.progress-track{width:70%;height:8px;overflow:hidden;border-radius:99px;background:#ffffff3d}.progress-track span{display:block;height:100%;border-radius:inherit;background:#f4b947;transition:width .3s ease}.done-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;color:#fff;background:#177a5bf0;font-size:12px;font-weight:800}.rendered-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#101816}.asset-dock{display:grid;align-content:end;gap:9px}.asset-pill{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;min-height:70px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.asset-pill svg{grid-row:span 2;align-self:center;color:var(--green)}.asset-pill span{color:var(--muted);font-size:12px}.asset-pill strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.scene-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px}.scene-chip{flex:0 0 auto;max-width:210px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#35433e;white-space:nowrap}.scene-chip span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;color:#fff;background:var(--green);font-size:12px;font-weight:800}.scene-card{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.scene-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;background:#2a67b1;font-weight:900}.scene-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.scene-card-head strong{min-width:0;overflow-wrap:anywhere}.scene-card-head span,.scene-card small,.template-meta span{color:var(--muted);font-size:12px}.scene-card p,.template-card p{margin:5px 0;color:#52605a;font-size:13px;line-height:1.35}.cost-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.cost-row span,.toggle-row span{color:var(--muted)}.admin-grid{grid-template-columns:230px minmax(0,1fr)}.admin-sidebar{position:sticky;top:78px;align-self:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.admin-title{padding:4px 4px 12px}.admin-title h1{font-size:21px}.side-link{width:100%;min-height:40px;padding:0 10px;border-radius:8px;color:#43514b;justify-content:flex-start}.side-link.active,.side-link:hover{color:var(--green-dark);background:#eaf5ef}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;min-height:96px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-icon{grid-row:span 3}.metric-card span,.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{font-size:24px;line-height:1}.admin-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px}.admin-columns.lower{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)}.admin-columns.provider-section{grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr)}.provider-row,.job-row{display:grid;align-items:center;gap:10px;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.provider-row{grid-template-columns:minmax(160px,1fr) auto auto 34px}.provider-row strong,.provider-row span{display:block}.provider-row span{margin-top:1px;color:var(--muted);font-size:12px}code{padding:3px 6px;border-radius:6px;color:#27413a;background:#edf3f0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow-wrap:anywhere}.provider-row small,.job-row small{color:var(--muted);white-space:nowrap}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.key-grid label{display:grid;gap:6px;color:#42504a;font-size:12px;font-weight:700}.create-user-panel{align-content:start;display:grid;gap:12px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-table{display:grid;gap:8px;overflow-x:auto}.user-row{display:grid;grid-template-columns:minmax(210px,1.3fr) 92px 108px 88px 72px 98px 88px;align-items:center;gap:9px;min-width:860px;min-height:52px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.user-row-head{min-height:34px;color:var(--muted);background:#f2f6f4;font-size:12px;font-weight:800}.user-row strong,.user-row small{display:block}.user-row small{margin-top:2px;color:var(--muted);overflow-wrap:anywhere}.user-row select,.user-row input{min-height:32px;padding:0 7px;font-size:12px}.secret-list{display:grid;gap:8px;margin-top:12px}.secret-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(160px,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.secret-row strong,.secret-row small{display:block}.secret-row small{margin-top:2px;color:var(--muted);overflow-wrap:anywhere}.provider-catalog-panel{overflow:hidden}.provider-groups{display:grid;gap:14px}.provider-group{display:grid;gap:9px}.provider-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:8px;color:#31423b;background:#edf4f0}.provider-group-head span{color:var(--muted);font-size:12px;font-weight:800}.provider-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.provider-option{display:grid;align-content:start;gap:9px;min-height:182px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.provider-option-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.provider-option strong,.provider-option small{display:block}.provider-option small,.provider-option p{color:var(--muted);font-size:12px}.provider-option p{margin:0;line-height:1.38}.provider-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.provider-key-row input{min-height:32px;padding:0 8px;font-size:12px}.no-key-badge{display:inline-flex;align-items:center;width:max-content;min-height:28px;padding:0 8px;border-radius:7px;color:var(--green-dark);background:#e7f4ee;font-size:12px;font-weight:800}.provider-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.provider-links a{color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.provider-links a:hover{text-decoration:underline}.checkbox-row{display:flex!important;align-items:center;grid-template-columns:none!important;gap:8px!important}.checkbox-row input{width:16px;min-height:16px}.job-table{display:grid;gap:8px}.job-row{grid-template-columns:74px minmax(110px,1fr) 82px 48px 132px 120px 92px}.worker-controls{display:flex;gap:8px;margin-top:12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-editor-grid{grid-template-columns:1fr}.template-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:11px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.template-editor-card{grid-template-columns:88px minmax(0,1fr);align-items:start}.template-prompt-editor{display:grid;gap:7px;margin-top:10px;color:var(--muted);font-size:12px;font-weight:800}.template-prompt-editor textarea{min-height:134px;resize:vertical;font-size:12px;line-height:1.45}.template-visual{display:flex;align-items:center;justify-content:center;min-height:88px;border-radius:8px;background:linear-gradient(140deg,#263b36,#177a5b 52%,#d99b2b)}.mini-video{position:relative;width:45px;height:72px;border:3px solid rgba(255,255,255,.86);border-radius:8px}.mini-video span{position:absolute;left:7px;right:7px;height:5px;border-radius:6px;background:#ffffffdb}.mini-video span:nth-child(1){top:16px}.mini-video span:nth-child(2){top:30px}.mini-video span:nth-child(3){top:44px}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:6px;color:#fff;font-size:11px;font-weight:800}.status-badge.live{background:var(--green)}.status-badge.draft{background:var(--amber)}.status-badge.review{background:var(--blue)}.template-meta{display:flex;flex-wrap:wrap;gap:6px}.template-meta span{padding:3px 6px;border-radius:6px;background:#edf3f0}.schema-block{overflow:auto;min-height:210px;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;color:#263b36;background:#f7faf8;font-size:13px;line-height:1.55}.policy-panel{padding-bottom:12px}.policy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toggle-row{min-height:56px}.switch{position:relative;flex:0 0 auto;width:42px;height:24px;border:0;border-radius:99px;background:#b9c5bf}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.on{background:var(--green)}.switch.on span{transform:translate(18px)}@keyframes slow-rotate{to{transform:translate(-50%) rotate(360deg)}}@keyframes counter-rotate{to{transform:rotate(-360deg)}}@keyframes audio-bounce{0%,to{transform:scaleY(.58)}50%{transform:scaleY(1)}}@media(max-width:1500px){.studio-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.right-rail{grid-column:1 / -1;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.preview-shell{min-height:600px}.phone-frame{min-height:560px}}@media(max-width:1280px){.studio-grid{grid-template-columns:300px minmax(360px,1fr)}.right-rail{grid-column:1 / -1;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}.preview-shell{grid-template-columns:1fr}.asset-dock{grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch}.render-slot-grid{grid-template-columns:1fr}}@media(max-width:1040px){.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.view-tabs{justify-self:start}.studio-grid,.admin-grid,.login-page,.admin-columns,.admin-columns.provider-section,.admin-columns.lower{grid-template-columns:1fr}.admin-sidebar{position:static}.metrics-grid,.login-feature-grid,.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-main{padding:12px}.topbar{padding:10px 12px}.view-tabs{width:100%}.view-tabs button{flex:1 1 0;justify-content:center;padding:7px 8px}.user-pill{display:none}.control-grid,.login-feature-grid,.provider-option-grid,.right-rail,.metrics-grid,.policy-grid,.template-grid,.asset-dock,.key-grid,.form-grid-2,.demo-logins{grid-template-columns:1fr}.login-page{padding:16px}.stage-toolbar,.button-row,.worker-controls{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.preview-shell{min-height:auto;padding:10px}.phone-frame{min-height:auto}.video-canvas{width:min(330px,100%)}.caption-stack{left:16px;right:16px}.caption-stack span{font-size:16px}.caption-stack strong{font-size:19px}.provider-row{grid-template-columns:1fr auto}.secret-row{grid-template-columns:1fr}.provider-row code,.provider-row small{grid-column:1 / -1}.job-row{grid-template-columns:72px 1fr}.job-row small{white-space:normal}.template-card{grid-template-columns:84px 1fr}}