:root{color-scheme:dark;--font-body: "Aptos", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Aptos Display", "Segoe UI Variable Display", "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;font-family:var(--font-body);background:radial-gradient(1200px 600px at 20% 10%,rgba(124,58,237,.35),transparent 50%),radial-gradient(900px 500px at 80% 20%,rgba(59,130,246,.28),transparent 50%),#070814;color:#ffffffeb;text-rendering:optimizeLegibility;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{line-height:1.5}button,input,textarea,select{font:inherit}h1,h2,h3,.page-title,.brand,.login-brand,.login-mobile-brand{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.container{width:100%;height:100%;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid rgba(255,255,255,.06);background:#070814a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 14px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-badge{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#3b82f6);background-image:url(/logo.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 30px #7c3aed40}.nav{margin-top:20px;display:grid;gap:6px}.nav a{padding:10px 12px;border-radius:12px;color:#ffffffb8;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:10px}.nav a.active{background:#ffffff0f;border-color:#ffffff14;color:#fffffff2}.nav-right{display:inline-flex;align-items:center;gap:8px;min-width:0}.nav-sub{font-size:12px;color:#ffffff9e;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-action{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffe0;padding:4px 8px;border-radius:10px;cursor:pointer}.nav-action:hover{background:#ffffff1a}.project-item{text-align:left;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:#0000001f;cursor:pointer;color:#ffffffeb}.project-item:hover{background:#ffffff0a;border-color:#ffffff24}.content{padding:18px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.page-title{font-size:22px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.container{grid-template-columns:1fr}.sidebar{display:none}.card-grid{grid-template-columns:1fr}}.card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;min-height:420px;display:flex;flex-direction:column}.card h3{margin:0 0 10px;font-size:16px;font-weight:700}.muted{color:#ffffffa3}.language-menu{position:relative;z-index:20}.language-trigger{height:34px;min-width:72px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0e;color:#ffffffe6;cursor:pointer;font-weight:700;letter-spacing:.3px}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#ffffff17;border-color:#ffffff29}.language-trigger svg{color:#ffffffb8}.language-code{font-size:12px;font-weight:700;letter-spacing:.5px}.language-chevron{color:#ffffff94;font-size:14px;transform:translateY(-1px)}.language-popover{position:absolute;top:calc(100% + 8px);right:0;width:190px;display:grid;gap:4px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#080c1cf5;box-shadow:0 18px 48px #00000057;padding:6px}.language-popover button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:7px;background:transparent;color:#ffffffc7;cursor:pointer;padding:9px 10px;text-align:left}.language-popover button:hover,.language-popover button.active{background:#ffffff14;color:#fffffff5}.language-short{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:4px;background:#ffffff14;font-size:10px;font-weight:700;letter-spacing:.5px;color:#ffffffb8}.language-popover button.active .language-short{background:#7c3aed4d;color:#ddd6fef2}.language-popover b{font-size:13px}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600}.btn.primary{border-color:#7c3aed99;background:linear-gradient(135deg,#7c3aedd9,#3b82f699)}.btn.sm{padding:7px 9px;border-radius:8px;font-size:12px}.btn.danger{border-color:#f8717161;background:#7f1d1d2e;color:#fee2e2f2}.btn.disabled,a.disabled{opacity:.48;pointer-events:none}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.pill{border:1px solid rgba(255,255,255,.12);background:#0000002e;border-radius:999px;padding:6px 10px;font-size:12px;color:#ffffffbf}.list{display:grid;gap:10px;margin-top:10px}.item{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:#0000001f}.item-title{font-weight:700;margin-bottom:4px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0003;color:#ffffffeb;outline:none;font-size:14px;line-height:1.4}textarea.input{line-height:1.55}.form{display:grid;gap:10px}.book-card{min-height:240px}.book-card-description{flex:1;margin:12px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.book-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-detail{display:grid;gap:12px}.book-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.book-create-modal{width:min(880px,calc(100vw - 40px));background:radial-gradient(circle at 88% 4%,rgba(124,92,255,.16),transparent 34%),radial-gradient(circle at 8% 38%,rgba(61,184,255,.08),transparent 30%),#0a0c1cf7}.book-create-lead{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(139,119,255,.22);border-radius:14px;background:linear-gradient(115deg,#6853e026,#31a9db12)}.book-create-lead__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#7c68ff,#4bb6df);box-shadow:0 8px 24px #5864eb47;color:#fff;font-size:18px}.book-setting-card{min-width:0;display:grid;align-content:start;gap:9px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff07}.book-setting-card--model,.book-setting-card--visual,.book-preset-fieldset{grid-column:1 / -1}.book-setting-card__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:720}.book-setting-card__hint{color:#ffffff85;font-size:12px;line-height:1.45}.book-preset-fieldset{min-width:0;margin:0;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff06}.book-preset-fieldset legend{padding:0 6px;color:#ffffffad;font-size:12px}.book-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.book-preset{min-width:0;display:grid;gap:4px;padding:14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000024;color:#ffffffc2;cursor:pointer;font-size:15px}.book-preset span{color:#ffffff8c;font-size:12px}.book-preset strong,.book-preset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-preset:hover{border-color:#7597ff61;background:#6c7eff14}.book-preset.is-active{border-color:#7397ffad;background:linear-gradient(145deg,#685eeb3d,#3a9ece1f);color:#fff;box-shadow:inset 0 0 0 1px #9baeff1a}.book-preset:disabled{opacity:.38;cursor:not-allowed}.book-preset-hint{margin-top:8px;color:#ffffff73;font-size:11px}.book-chat-panel{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#03071261;overflow:hidden}.book-chat-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.07)}.book-chat-title{font-weight:800}.book-chat-status{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:0 0 auto}.book-agent-model-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}.book-size-summary{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#6ca0ff0f;color:#ffffffb8;font-size:12px}.book-size-summary span+span:before{content:"·";margin-right:8px;color:#ffffff4d}.book-agent-configurator{margin-top:18px;display:grid;gap:12px}.book-agent-configurator__header,.book-agent-config__top,.book-agent-add-row{display:flex;align-items:center;gap:10px}.book-agent-config__top{justify-content:space-between}.book-agent-add-row .input{flex:1}.book-agent-config{padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#ffffff06;display:grid;gap:12px}.book-visual-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}@media(max-width:720px){.book-agent-model-row{grid-template-columns:1fr}}.book-chat-messages{height:clamp(280px,44vh,560px);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.book-chat-empty{align-self:center;width:min(420px,100%);margin:auto 0;text-align:center;color:#ffffffc7}.book-chat-message{display:flex;min-width:0}.book-chat-message--user{justify-content:flex-end}.book-chat-message--agent{justify-content:flex-start}.book-chat-bubble{max-width:min(74%,720px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;background:#ffffff0e}.book-chat-message--user .book-chat-bubble{border-color:#3b82f659;background:#2563eb38}.book-chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#ffffff8f;font-size:12px}.book-chat-meta span:first-child{color:#ffffffc7;font-weight:750}.book-chat-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#ffffffe0}.book-chat-questions{margin:0 14px 12px;border:1px solid rgba(251,191,36,.28);border-radius:8px;background:#fbbf2417;color:#fef3c7f2;padding:10px 12px;display:grid;gap:6px}.book-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.07)}.book-chat-composer textarea{min-height:52px;max-height:180px;resize:vertical}.book-photo-list,.book-chapter-list{display:grid;gap:8px}.book-photo-row{min-width:0;display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.book-photo-row span{min-width:0}.book-chapter-content{margin:12px 0 0;max-height:360px;overflow:auto;white-space:pre-wrap;line-height:1.6;color:#ffffffdb;font-family:inherit;font-size:14px}@media(max-width:720px){.book-form-grid{grid-template-columns:1fr}.book-setting-card--model,.book-create-lead,.book-size-summary,.book-advanced-settings{grid-column:1}.book-preset-grid,.book-ai-taxonomy{grid-template-columns:1fr}.book-agent-add-row{align-items:stretch;flex-direction:column}.book-chat-header,.book-chat-composer{grid-template-columns:1fr}.book-chat-header{flex-direction:column}.book-chat-status{justify-content:flex-start}.book-chat-bubble{max-width:100%}}.asset-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.asset-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:14px;border:2px solid rgba(255,255,255,.08);background:#0000002e;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-align:center;-webkit-user-select:none;user-select:none}.asset-type-card:hover{border-color:#fff3;background:#00000047}.asset-type-card--selected{transform:scale(1.02)}.asset-type-card__icon{font-size:28px;line-height:1}.asset-type-card__label{font-size:13px;font-weight:600;color:#ffffffe0}.error{color:#fecacafa;font-size:13px;border:1px solid rgba(239,68,68,.35);background:#ef44441a;padding:10px 12px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.error:before{content:"Ошибка";display:block;font-weight:900;letter-spacing:.2px;margin-bottom:6px;color:#fee2e2fa}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:grid;place-items:center;padding:20px}.modal{width:min(720px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;min-height:0;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0a0c1ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px}.modal--image{width:min(1100px,100%);resize:none}.lightbox-img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:12px;display:block;background:#00000038}.img-zoomable{cursor:zoom-in}.modal h2{min-width:0;margin:0;font-size:16px;overflow-wrap:anywhere}.modal-header{min-width:0;margin-bottom:12px}.modal--project-picker{width:min(560px,calc(100vw - 40px))}.project-item .row{min-width:0}.project-item-name{min-width:0;overflow-wrap:anywhere;font-weight:700}.container{grid-template-columns:minmax(0,260px) minmax(0,1fr)}.sidebar,.content,.nav,.nav a,.topbar,.topbar .row{min-width:0}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-right{flex:0 1 auto}.topbar-project{min-width:0;max-width:min(42vw,460px)}.topbar-project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-library-toolbar,.book-card .row:first-child{min-width:0}.book-library-project,.book-card-title{min-width:0;overflow-wrap:anywhere}.book-workspace{min-width:0;display:grid;gap:14px}.book-workspace-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.book-workspace-heading{min-width:0}.book-workspace-title{overflow-wrap:anywhere;font-family:var(--font-display);font-size:20px;font-weight:750}.book-workspace-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-workspace-status{min-width:0;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.book-workspace-grid{min-width:0;min-height:calc(100vh - 170px);display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr) minmax(240px,300px);align-items:stretch;gap:14px}.book-workspace-sidebar{min-width:0;max-height:calc(100vh - 170px);overflow:auto;display:grid;align-content:start;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09}.book-workspace-section{min-width:0;display:grid;gap:8px}.book-workspace-section-title{color:#ffffffe0;font-size:13px;font-weight:750}.book-workspace-metrics{display:flex;flex-wrap:wrap;gap:8px;color:#ffffff9e;font-size:13px}.book-workspace-synopsis{overflow-wrap:anywhere}.book-workspace-chapters details{min-width:0;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px}.book-workspace-chapters summary{overflow-wrap:anywhere;cursor:pointer;font-weight:650}.book-chat-workspace{min-width:0;min-height:calc(100vh - 170px);display:flex;flex-direction:column}.book-chat-workspace .book-chat-messages{height:auto;min-height:360px;flex:1 1 auto}.book-model-picker{position:relative;min-width:0;width:100%}.book-model-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.book-model-picker-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-model-picker-chevron{flex:0 0 auto;color:#ffffffb3}.book-model-picker-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;padding:10px;border:1px solid rgba(137,155,255,.24);border-radius:14px;background:#0f1224fa;box-shadow:0 22px 60px #0000008c,0 0 0 1px #ffffff06 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.book-model-picker-search-wrap{display:flex;align-items:center;gap:8px;width:100%;padding:0 10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0000002e;color:#ffffff7a}.book-model-picker-search{min-width:0;width:100%;padding:10px 0;border:0;outline:0;background:transparent;color:inherit}.book-model-picker-count{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 6px 7px;color:#ffffff80;font-size:11px}.book-model-picker-options{max-height:280px;overflow-y:auto;display:grid;gap:2px}.book-model-picker-option{min-width:0;display:grid;gap:3px;padding:10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.book-model-picker-option:hover,.book-model-picker-option.is-selected{background:linear-gradient(100deg,#6c7eff2e,#3db0d514)}.book-model-picker-option-head{min-width:0;display:flex;align-items:center;gap:8px}.book-model-picker-option-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.book-model-picker-badge,.book-ai-kind{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(98,192,224,.28);border-radius:999px;background:#37a3cb1a;color:#a5e2f5e6;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.book-model-picker-option-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff85;font-size:11px}.book-model-picker-empty{padding:14px 8px;color:#ffffff8c;font-size:12px}.book-agent-picker{position:relative;flex:1;min-width:0}.book-agent-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0003;color:#ffffffe0;cursor:pointer;text-align:left;font-size:14px}.book-agent-picker-trigger:hover{border-color:#7597ff61;background:#6c7eff14}.book-agent-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.book-agent-picker-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-agent-picker-chevron{flex:0 0 auto;font-size:16px;color:#ffffff80}.book-agent-picker-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0c1024f7;box-shadow:0 12px 36px #0006;max-height:320px;overflow:auto}.book-agent-picker-options{padding:6px;display:grid;gap:2px}.book-agent-picker-group-label{padding:8px 8px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73}.book-agent-picker-option{min-width:0;display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#ffffffd1;cursor:pointer;text-align:left;font-size:14px}.book-agent-picker-option:hover,.book-agent-picker-option.is-selected{background:linear-gradient(100deg,#6c7eff2e,#3db0d514);color:#fff}.book-agent-picker-option.is-selected{font-weight:600}.book-advanced-settings{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff06}.book-advanced-settings summary{cursor:pointer;font-weight:700}.book-agent-activity{min-width:0;max-height:calc(100vh - 170px);overflow:auto;display:grid;align-content:start;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(180deg,#5c8bff14,#ffffff06)}.book-agent-activity-header,.book-agent-result-top,.book-agent-meta{display:flex;align-items:center;gap:8px}.book-agent-activity-header,.book-agent-result-top{justify-content:space-between}.book-agent-result-list{display:grid;gap:8px}.book-agent-result{min-width:0;display:grid;gap:6px;padding:10px;border-left:3px solid rgba(101,196,155,.9);border-radius:6px;background:#00000026}.book-agent-result--running{border-left-color:#6ca0ff}.book-agent-result--failed{border-left-color:#f08b78}.book-agent-name{font-weight:750;text-transform:capitalize}.book-agent-summary{font-size:12px;color:#ffffffbf}.book-agent-meta{min-width:0;color:#ffffff85;font-size:11px}.book-agent-meta span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.book-agent-empty{padding:10px 0;color:#ffffff8c;font-size:13px}.book-ai-taxonomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.book-ai-taxonomy>div{display:grid;align-content:start;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0000001f;color:#ffffff80;font-size:11px;line-height:1.4}.book-ai-kind{width:fit-content}.book-ai-kind--core{border-color:#827aff4d;background:#705ce61f;color:#c7c1fff2}.book-ai-kind--task{border-color:#62c0e040;background:#37a3cb17;color:#a5e2f5e6}.book-agent-config__identity{display:flex;align-items:center;gap:8px}.book-photo-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.book-photo-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.book-workspace-grid{min-height:0;grid-template-columns:minmax(0,1fr) minmax(240px,310px)}.book-workspace-sidebar{max-height:none}.book-chat-workspace{min-height:65vh;grid-column:1 / -1}.book-agent-activity{max-height:none}}@media(max-width:720px){.topbar-project{max-width:42vw}.book-workspace-header{grid-template-columns:1fr;align-items:start}.book-workspace-status{justify-content:flex-start}.book-chat-workspace{min-height:70vh}.book-workspace-grid{grid-template-columns:1fr}.book-agent-activity{max-height:none}}.mono{font-family:var(--font-mono)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,420px);background:linear-gradient(135deg,#020617eb,#080d1cfa),radial-gradient(760px 420px at 18% 16%,rgba(20,184,166,.22),transparent 58%),radial-gradient(620px 360px at 78% 12%,rgba(245,158,11,.12),transparent 56%);position:relative;overflow-x:hidden;overflow-y:auto}.login-language{position:absolute;top:22px;right:24px;z-index:4}.login-showcase{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(28px,4vw,42px) clamp(24px,4vw,56px)}.login-brand,.login-mobile-brand{display:inline-flex;align-items:center;gap:10px;font-weight:850}.login-mobile-brand{display:none;margin-bottom:18px}.login-showcase-copy{max-width:760px}.login-eyebrow{width:fit-content;border:1px solid rgba(45,212,191,.28);background:#14b8a61a;color:#ccfbf1f0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;margin-bottom:18px}.login-showcase h1{margin:0;max-width:720px;font-size:clamp(42px,5.8vw,74px);line-height:.94;text-wrap:balance}.login-showcase p{max-width:680px;margin:18px 0 0;color:#ffffffb3;font-size:18px;line-height:1.6}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;max-width:760px}.login-feature-card{min-width:0;min-height:112px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;padding:12px}.login-feature-card span,.login-feature-card b,.login-feature-card small{display:block}.login-feature-card span{width:fit-content;border-radius:999px;border:1px solid rgba(45,212,191,.24);background:#14b8a61a;color:#ccfbf1eb;padding:3px 7px;font-size:11px;font-weight:850;margin-bottom:10px}.login-feature-card b{font-size:14px;line-height:1.2}.login-feature-card small{margin-top:7px;color:#ffffff94;font-size:12px;line-height:1.4}.login-product-preview{width:min(760px,100%);border-radius:8px;border:1px solid rgba(255,255,255,.11);background:#020617a3;box-shadow:0 26px 86px #00000057;padding:16px}.login-preview-top{display:flex;align-items:center;gap:7px;color:#ffffffb3;font-size:13px}.login-preview-top span{width:9px;height:9px;border-radius:50%;background:#ffffff38}.login-preview-top b{margin-left:8px}.login-preview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.72fr) minmax(150px,.72fr);gap:12px;margin-top:16px}.login-preview-card{min-height:150px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;padding:14px;overflow:hidden}.login-preview-card.large{min-height:190px}.login-preview-card small,.login-preview-card strong{display:block}.login-preview-card small{color:#ffffff8a;font-size:12px;margin-bottom:8px}.login-preview-card strong{max-width:300px;font-size:18px;line-height:1.2}.login-lines{display:grid;gap:9px;margin-top:26px}.login-lines span{height:11px;border-radius:999px;background:#ffffff1f}.login-lines span:nth-child(1){width:88%;background:#2dd4bf3d}.login-lines span:nth-child(2){width:72%}.login-lines span:nth-child(3){width:54%}.login-media-stack{position:relative;height:96px;margin-top:12px}.login-media-stack span{position:absolute;width:78px;aspect-ratio:4 / 5;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#0ea5e95c,#14b8a624)}.login-media-stack span:nth-child(1){left:0;top:8px}.login-media-stack span:nth-child(2){left:32px;top:0;background:linear-gradient(135deg,#f59e0b57,#7c3aed29)}.login-media-stack span:nth-child(3){left:64px;top:18px}.login-progress-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;margin:16px auto 0;background:radial-gradient(circle at center,rgba(2,6,23,.92) 0 54%,transparent 55%),conic-gradient(#14b8a6f0 0,#14b8a6f0 78%,#ffffff1a 78%,#ffffff1a);color:#fffffff0;font-weight:850}.login-signal-list{display:grid;gap:8px;margin-top:18px}.login-signal-list span{min-width:0;border-radius:8px;border:1px solid rgba(45,212,191,.16);background:#14b8a614;color:#ccfbf1e0;padding:8px 10px;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-panel{display:grid;place-items:center;padding:clamp(28px,4vw,40px) clamp(18px,3vw,32px);background:#ffffff09;border-left:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card{width:min(480px,100%);border-radius:8px;border:1px solid rgba(255,255,255,.11);background:#060a18c7;box-shadow:0 22px 70px #0000004d;padding:clamp(18px,3vw,28px);position:sticky;top:24px}.login-card-head h2{margin:0;font-size:28px;line-height:1.15}.login-card-head p{margin:9px 0 0;color:#ffffff9e;line-height:1.5}.login-mobile-features{display:none}.login-form{margin-top:22px;gap:14px}.login-field{display:grid;gap:7px}.login-field span{color:#ffffffb8;font-size:13px;font-weight:700}.login-field .input{min-height:46px;border-radius:8px;background:#00000038}.login-field .input:focus{border-color:#2dd4bf75;box-shadow:0 0 0 3px #2dd4bf1a}.login-captcha{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000024;padding:12px 12px 0}.login-captcha img{width:100%;height:auto}.login-submit{min-height:48px;border-radius:8px;box-shadow:0 18px 42px #14b8a62e}@media(max-width:1180px){.login-showcase h1{font-size:clamp(38px,5.1vw,60px)}.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-showcase{padding-bottom:20px}.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.login-panel{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.login-card{position:static;width:min(640px,100%)}}@media(max-width:720px){.login-language{top:14px;right:14px}.login-showcase{gap:20px;padding:80px 16px 18px}.login-showcase h1{font-size:clamp(34px,10vw,48px)}.login-showcase p{font-size:16px}.login-feature-grid{grid-template-columns:1fr}.login-product-preview{display:none}.login-panel{padding:18px 16px}.login-mobile-brand{display:inline-flex}.login-mobile-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.login-mobile-features span{border-radius:999px;border:1px solid rgba(45,212,191,.18);background:#14b8a614;color:#ccfbf1e6;padding:6px 9px;font-size:12px;font-weight:800}.login-card{padding:18px}.login-card-head h2{font-size:24px}.login-preview-grid{grid-template-columns:1fr}}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:24px;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0f172ae0,#090c18f5),radial-gradient(700px 320px at 12% 10%,rgba(20,184,166,.2),transparent 58%),radial-gradient(520px 260px at 100% 0%,rgba(245,158,11,.16),transparent 54%);padding:clamp(22px,4vw,42px);margin-bottom:16px;min-height:390px}.home-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.7),rgba(251,191,36,.55),transparent)}.home-hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;z-index:1}.home-eyebrow{width:fit-content;border:1px solid rgba(45,212,191,.28);background:#14b8a61a;color:#ccfbf1eb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;margin-bottom:18px}.home-hero h1{margin:0;max-width:720px;font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:0;overflow-wrap:anywhere}.home-hero p{max-width:590px;margin:18px 0 0;color:#ffffffb8;font-size:17px;line-height:1.55}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.home-main-action{box-shadow:0 18px 42px #14b8a62e}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;max-width:680px}.home-stats div{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b;padding:12px}.home-stats span{display:block;font-size:21px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-stats small{display:block;margin-top:4px;color:#ffffff94;font-size:12px}.home-preview{position:relative;align-self:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#020617bd;box-shadow:0 24px 80px #00000057;padding:16px;min-height:260px;z-index:1}.home-preview-top{display:flex;gap:7px;margin-bottom:18px}.home-preview-top span{width:9px;height:9px;border-radius:50%;background:#ffffff38}.home-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-preview-title>div:first-child{min-width:0}.home-preview-title strong,.home-preview-title small{display:block}.home-preview-title small{margin-top:4px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.home-preview-live{border-radius:999px;border:1px solid rgba(74,222,128,.24);background:#16a34a1f;color:#bbf7d0f0;padding:5px 9px;font-size:11px;font-weight:800}.home-pipeline{display:grid;gap:10px;margin-top:18px}.home-pipeline-step{display:flex;align-items:center;gap:12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;padding:12px}.home-pipeline-step span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-weight:850;font-size:12px}.home-pipeline-step.violet span{background:#7c3aed38;color:#ddd6fef2}.home-pipeline-step.cyan span{background:#0ea5e92e;color:#bae6fdf2}.home-pipeline-step.green span{background:#10b9812e;color:#a7f3d0f2}.home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.home-quick-card{min-height:132px;display:grid;align-content:start;gap:9px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;padding:15px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.home-quick-card:hover{transform:translateY(-2px);border-color:#2dd4bf47;background:#fff1}.home-quick-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fef08af0;font-weight:900}.home-quick-card b{font-size:15px}.home-quick-card small{color:#fff9;line-height:1.45}.home-workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:12px;margin-bottom:16px}.home-next-list{display:grid;gap:8px}.home-next-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#00000024;padding:11px;transition:border-color .14s ease,background .14s ease,transform .14s ease}.home-next-item:hover{transform:translateY(-1px);border-color:#2dd4bf38;background:#ffffff0e}.home-next-item>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#2dd4bf1c;color:#ccfbf1f0;font-weight:900}.home-next-item b,.home-next-item small{display:block}.home-next-item small{margin-top:3px;color:#ffffff94;line-height:1.35}.home-next-item em{font-style:normal;color:#ffffffb8;font-size:12px;font-weight:800;white-space:nowrap}.home-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-health-grid div{min-width:0;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#00000024;padding:12px}.home-health-grid span,.home-health-grid b{display:block}.home-health-grid span{color:#ffffff8f;font-size:12px;margin-bottom:5px}.home-health-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-stage-track{display:grid;gap:10px;margin-top:14px;position:relative}.home-stage-track:before{content:"";position:absolute;left:11px;top:11px;bottom:11px;width:1px;background:#ffffff1a}.home-stage-dot{position:relative;display:flex;align-items:center;gap:10px;color:#ffffffc7;font-size:13px}.home-stage-dot span{width:23px;height:23px;border-radius:50%;border:5px solid rgba(6,10,24,.96);background:#ffffff47;z-index:1}.home-stage-dot.violet span{background:#a78bfaf5}.home-stage-dot.cyan span{background:#38bdf8f5}.home-stage-dot.green span{background:#34d399f5}.home-admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px}.home-panel,.home-empty{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}.home-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.home-panel h3,.home-empty h3{margin:0;font-size:16px}.home-panel p{margin:5px 0 0;color:#ffffff8f;font-size:12px}.home-member-list{display:grid;gap:8px}.home-member-item{min-width:0;display:flex;align-items:center;gap:11px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#00000024;padding:10px}.home-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#14b8a673,#7c3aed59);font-weight:850}.danger-zone{border-color:#f871712e}.home-empty{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:1180px){.home-hero{grid-template-columns:1fr}.home-preview{max-width:720px;width:100%}}@media(max-width:860px){.home-hero{padding:20px;min-height:0}.home-stats,.home-quick-grid,.home-workspace-grid,.home-admin-grid{grid-template-columns:1fr}.home-next-item{grid-template-columns:40px minmax(0,1fr)}.home-next-item em{grid-column:2}.home-empty,.home-panel-head{align-items:stretch;flex-direction:column}}.scenario-hero{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;margin-bottom:18px}.scenario-title{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.15}.scenario-hero-actions{display:flex;flex-direction:column;gap:10px;min-width:240px}.scenario-section{margin-bottom:18px}.scenario-section-title{font-size:16px;font-weight:800;margin:0 0 10px;letter-spacing:.2px}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1280px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.world-grid{grid-template-columns:1fr}.scenario-hero-actions{min-width:0;width:100%}}.world-card{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0000002e;overflow:hidden;min-height:128px}.world-card--image{background-size:cover;background-position:center;cursor:zoom-in}.world-card--image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#070814e0,#07081459)}.world-card-content{position:relative;padding:14px;display:grid;gap:6px}.world-card-icon{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.world-card-icon-dot{width:10px;height:10px;border-radius:999px;background:#ffffffa6;box-shadow:0 0 16px #7c3aed59}.world-card-title{font-weight:800;font-size:14px;line-height:1.2}.world-card-subtitle{font-size:12px;color:#ffffffb8}.plot-steps{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.plot-step{flex:0 0 auto;border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:12px;padding:8px 12px;font-size:12px;color:#ffffffc7;white-space:nowrap}.plot-step--filled{border-color:#7c3aed73;background:linear-gradient(135deg,#7c3aed4d,#3b82f62e);color:#ffffffeb}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}@media(max-width:860px){.kv-grid{grid-template-columns:1fr}}.kv{border:1px solid rgba(255,255,255,.08);background:#0000001f;border-radius:14px;padding:12px}.kv-k{font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:#ffffff9e;margin-bottom:6px}.kv-v{font-size:13px;line-height:1.55;color:#ffffffe6;white-space:pre-wrap;overflow-wrap:anywhere}.beats-list{margin:0;padding-left:18px;display:grid;gap:6px;color:#ffffffe0}.chapters{display:grid;gap:10px}.chapter{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0000001f;overflow:hidden}.chapter summary::-webkit-details-marker{display:none}.chapter-summary{list-style:none;cursor:pointer;padding:12px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px}.chapter-summary:hover{background:#ffffff08}.chapter-title{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-body{padding:12px;border-top:1px solid rgba(255,255,255,.06)}.chapter-text{white-space:pre-wrap;line-height:1.65;font-size:13px;color:#ffffffe0;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:14px;padding:12px}.scenes-hero{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;margin-bottom:14px}.scenes-title{font-size:22px;font-weight:800;letter-spacing:.2px;line-height:1.2}.scenes-hero-actions{display:flex;flex-direction:column;gap:10px;min-width:360px}@media(max-width:860px){.scenes-hero-actions{min-width:0;width:100%}}.progress{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000002e;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(135deg,#7c3aedf2,#3b82f6bf)}.scenes-list{display:grid;gap:14px}.scene-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px}.scene-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.scene-card-title{font-size:18px;font-weight:800;letter-spacing:.2px;line-height:1.2}.scene-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scene-card-body{display:grid;grid-template-columns:520px 1fr;gap:14px;align-items:start}@media(max-width:1100px){.scene-card-body{grid-template-columns:1fr}}.scene-left{display:grid;gap:10px}.scene-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-thumb{border:1px solid rgba(255,255,255,.1);background:#0000001f;border-radius:14px;overflow:hidden;position:relative;min-height:120px}.scene-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scene-thumb img.img-zoomable:hover{filter:brightness(1.05)}.scene-thumb-empty{width:100%;height:140px;display:grid;place-items:center;color:#ffffff59}.scene-thumb-btn{position:absolute;left:10px;bottom:10px;padding:8px 10px;border-radius:12px;background:#0a0c1cbf;border-color:#ffffff29}.scene-video{border:1px solid rgba(255,255,255,.1);background:#0000001f;border-radius:14px;overflow:hidden;min-height:220px}.scene-video-empty{width:100%;height:260px;display:grid;place-items:center;color:#ffffff4d}.play{width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;position:relative}.play:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:14px solid rgba(255,255,255,.75);border-top:9px solid transparent;border-bottom:9px solid transparent}.scene-right{display:grid;gap:12px}.scene-section{border:1px solid rgba(255,255,255,.08);background:#0000001f;border-radius:14px;padding:12px}.scene-section-title{font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px}.scene-text{font-size:14px;line-height:1.6;color:#ffffffe0;white-space:pre-wrap}.scene-toggles{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.toggle{display:inline-flex;align-items:center;gap:10px;color:#ffffffd1;font-size:14px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:46px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;position:relative}.toggle-ui:after{content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;background:#ffffffb8;transition:left .12s ease,background .12s ease}.toggle input:checked+.toggle-ui{border-color:#7c3aed8c;background:linear-gradient(135deg,#7c3aed8c,#3b82f659)}.toggle input:checked+.toggle-ui:after{left:24px;background:#ffffffeb}.scene-audio-list{display:grid;gap:10px}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:#7c3aedf2;animation:spin .9s linear infinite}.check{width:16px;height:16px;border-radius:999px;background:#10b98140;border:1px solid rgba(16,185,129,.45);position:relative}.check:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border-right:2px solid rgba(167,243,208,.95);border-bottom:2px solid rgba(167,243,208,.95);transform:rotate(40deg)}@keyframes spin{to{transform:rotate(360deg)}}.captcha-spinner{width:28px;height:28px;border:3px solid rgba(96,165,250,.25);border-top-color:#60a5faf2;border-radius:50%;animation:spin .7s linear infinite}.captcha-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:6px;z-index:2}.integrations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.integrations-tabs{display:flex;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px;padding-bottom:2px}.integration-tab{display:flex;align-items:center;gap:8px;padding:8px 4px 12px;color:#fff9;cursor:pointer;font-weight:500;position:relative;transition:color .2s}.integration-tab:hover{color:#ffffffe6}.integration-tab.active{color:#fff}.integration-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#7c3aed;box-shadow:0 0 10px #7c3aed80}.integrations-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}@media(max-width:1100px){.integrations-grid{grid-template-columns:1fr}}.integration-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;height:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.channel-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px}.channel-info{display:flex;align-items:center;gap:12px}.channel-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff1a;overflow:hidden}.channel-avatar img{width:100%;height:100%;object-fit:cover}.channel-details{flex:1}.channel-name{font-weight:700;font-size:16px}.channel-meta{font-size:12px;color:#ffffff80}.status-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.status-badge.active{background:#10b98126;color:#10b981}.channel-actions{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.action-link{display:flex;align-items:center;gap:6px;font-size:13px;color:#fffc;cursor:pointer;transition:color .2s}.action-link:hover{color:#fff}.add-new-card{border:2px dashed rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .2s,border-color .2s;min-height:120px}.add-new-card:hover{background:#ffffff05;border-color:#fff3}.add-icon{width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center;font-size:20px;color:#fff6}.credential-field{margin-bottom:16px}.credential-label{font-size:13px;color:#fff9;margin-bottom:8px}.credential-input-wrapper{position:relative;display:flex;align-items:center}.credential-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 40px 10px 12px;color:#fff;font-family:monospace;font-size:14px}.reveal-btn{position:absolute;right:12px;background:none;border:none;color:#fff6;cursor:pointer;padding:0;display:flex;align-items:center}.reveal-btn:hover{color:#fffc}.search-section{margin-top:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px}.search-input-group{display:flex;gap:12px}.search-input-group .input{flex:1;background:#0000004d}.schema-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.schema-selector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.schema-selector-grid{grid-template-columns:1fr}}.schema-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:14px;border:2px solid rgba(255,255,255,.08);background:#0000002e;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-align:left;-webkit-user-select:none;user-select:none}.schema-card:hover{border-color:#fff3;background:#00000047}.schema-card--selected{transform:scale(1.02)}.schema-card__icon{font-size:28px;line-height:1}.schema-card__title{font-size:14px;font-weight:600;color:#ffffffeb}.schema-card__description{font-size:12px;color:#ffffffa3;line-height:1.4}