:root{color-scheme:dark;--bg:#090f1a;--panel:#111d2b;--panel2:#162536;--line:#2c4055;--text:#f4f3ef;--muted:#a1b0c1;--gold:#e9ba71;--gold2:#ffd896;--danger:#ed8882;--blue:#6ab6e8;font-family:"Microsoft YaHei UI","PingFang SC",Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}.hidden{display:none!important}.ambient{position:fixed;inset:auto;z-index:-1;pointer-events:none;filter:blur(85px);opacity:.4}.ambient-a{width:440px;height:440px;left:-150px;top:-140px;background:#144778}.ambient-b{width:430px;height:430px;right:-170px;bottom:-130px;background:#704881}
.app-shell{max-width:1920px;margin:auto;padding:20px 24px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(112deg,#15243a 0%,#111c2d 64%,#151729 100%);border:1px solid #35465b;border-radius:22px;padding:17px 24px;box-shadow:0 20px 55px #0004}.brand{display:flex;align-items:center;gap:15px}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;font:bold 37px Georgia,serif;color:#0b1526;background:linear-gradient(140deg,#82d7ff,#aa8efa 56%,#e8aaea);box-shadow:0 0 25px #65baff44}.brand strong{display:block;font-size:27px;letter-spacing:.4px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.account-label{color:var(--muted);font-size:12px}.gold-btn,.primary-btn{background:linear-gradient(135deg,#f4cc88,#dda75b);color:#101923;border:none;border-radius:11px;font-weight:700;box-shadow:0 8px 22px #e0a65624}.gold-btn:hover,.primary-btn:hover{filter:brightness(1.08)}.gold-btn{padding:11px 17px}.primary-btn{padding:14px 19px}.primary-btn span{margin-left:18px}.wide{width:100%}.ghost-btn{border:1px solid #3a5068;color:var(--text);background:#1a293b;border-radius:10px;padding:10px 14px}.ghost-btn:hover{background:#293b51}.outline-gold{border:1px solid var(--gold);color:var(--gold2);background:transparent;border-radius:10px;padding:11px 16px;white-space:nowrap}.outline-gold:hover{background:#e9ba7122}
.workspace{display:grid;grid-template-columns:188px minmax(330px,415px) minmax(480px,1fr);gap:16px;margin-top:18px;align-items:stretch}.panel{background:linear-gradient(160deg,#121e2d,#101925);border:1px solid var(--line);border-radius:22px;box-shadow:0 17px 40px #0002}.rail,.inputs,.output{min-height:calc(100vh - 148px)}.rail{padding:24px 14px;display:flex;flex-direction:column}.rail-title{padding:0 9px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#e5b46e;text-transform:uppercase}.rail h2,.rail h3{margin:7px 0 20px}.rail h2{font-size:21px}.rail h3{font-size:17px}.standard-list{display:grid;gap:9px}.standard-button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;text-align:left;border-radius:12px;color:var(--muted);padding:13px 12px}.standard-button:hover{background:#203147}.standard-button.active{border-color:var(--gold);background:#27394c;color:var(--text)}.standard-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#26394b;font-size:17px}.rail-bottom{margin-top:auto;padding:24px 7px 0;border-top:1px solid var(--line)}.agent-cards{display:grid;gap:9px}.agent-card{border:1px solid var(--line);background:#1b2b3e;border-radius:11px;color:var(--text);padding:7px;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px}.agent-card:hover{border-color:var(--gold)}.agent-card img{width:34px;height:34px;object-fit:cover;border-radius:7px}
.inputs,.output{padding:24px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.section-head h2{font-size:24px;margin:4px 0 0}.section-head p{font-size:12px;color:var(--muted);margin:30px 0 0;text-align:right}.index{display:inline-grid;place-items:center;margin-right:11px;width:45px;height:45px;border-radius:50%;font:700 19px Georgia,serif;color:#101b29;background:linear-gradient(150deg,#ffe2a8,#dda753);box-shadow:0 0 18px #e9ba7138;vertical-align:middle}.section-head .eyebrow{vertical-align:middle}.upload-grid{display:grid;gap:14px}.upload-card{padding:15px;border:1px solid var(--line);background:#152233;border-radius:15px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-head h3{font-size:17px;margin:0 0 5px}.card-head p{margin:0 0 13px;color:var(--muted);font-size:11px}.mini-badge{border:1px solid #42556b;border-radius:99px;padding:4px 8px;color:var(--muted);font-size:10px;white-space:nowrap}.dropzone{border:1px dashed #486079;background:#0d1828;border-radius:13px;min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;color:var(--muted)}.dropzone:hover,.dropzone.dragging{border-color:var(--gold);background:#192b3f}.dropzone input,.upload-small input{display:none}.drop-icon{font-size:28px;line-height:25px;color:var(--gold)}.dropzone b{font-weight:600;font-size:12px}.dropzone small{font-size:10px}.thumb-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.thumb{position:relative;width:62px;height:62px;border:1px solid #3b5269;border-radius:9px;overflow:hidden;background:#0a1320}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;right:1px;top:1px;border:0;border-radius:50%;background:#101923dd;color:white;width:18px;height:18px;line-height:17px;font-size:14px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.brief-grid label,.stacked-label,.modal label{display:grid;gap:7px;color:var(--muted);font-size:11px}.brief-grid input,.stacked-label textarea,.modal input,.modal select,.prompt-output,.image-controls select,.chat-head select,.chat-compose textarea{border:1px solid #3a5067;background:#0c1726;color:var(--text);border-radius:10px;padding:11px;outline:none}.brief-grid input:focus,.stacked-label textarea:focus,.prompt-output:focus,.modal input:focus,.chat-compose textarea:focus{border-color:var(--gold)}.brief-grid input{min-width:0}.stacked-label{margin-top:15px}.stacked-label textarea{resize:vertical;min-height:80px}.stacked-label small{color:var(--muted);font-size:10px}.inputs>.primary-btn{margin-top:18px}
.output{display:flex;flex-direction:column;min-width:0}.output-head{align-items:center}.mentions{border:1px solid var(--line);background:#142235;min-height:65px;border-radius:13px;padding:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.mention-chip{background:#203247;border:1px solid #41556d;color:var(--text);border-radius:9px;padding:5px;display:inline-flex;align-items:center;gap:8px;font-size:11px}.mention-chip img{width:36px;height:36px;object-fit:cover;border-radius:5px}.prompt-output{resize:vertical;min-height:350px;flex:1;line-height:1.75;font-size:14px;white-space:pre-wrap}.progress-wrap{display:flex;align-items:center;gap:14px;margin-top:16px}.progress-track{flex:1;height:9px;border-radius:99px;background:#223449;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#e7ad5c,#ffe1a9);border-radius:99px;transition:width .25s}.progress-wrap strong{font-size:12px;color:var(--gold);min-width:36px}.status{color:var(--muted);font-size:11px;min-height:20px;margin:12px 0}.image-preview{border:1px solid var(--line);border-radius:13px;padding:10px;max-width:450px;margin:8px auto 13px;text-align:center}.image-preview img{max-height:310px;max-width:100%;border-radius:8px}.preview-actions{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-top:9px}.bottom-toolbar{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.prompt-actions,.image-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.image-controls label{display:grid;gap:4px;color:var(--muted);font-size:11px}.image-controls select{padding:10px}.image-controls span{font-size:11px;color:var(--gold);white-space:nowrap;padding:0 4px 11px}
.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#030711c9;backdrop-filter:blur(7px);padding:20px}.modal{width:min(850px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid #41546b;border-radius:20px;background:linear-gradient(155deg,#142235,#101a28);padding:26px;box-shadow:0 32px 100px #000b}.modal h2{margin:6px 0 10px;font-size:24px}.modal>p{color:var(--muted);font-size:12px;line-height:1.6}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:13px}.icon-close{background:#23354b;color:var(--text);border:1px solid var(--line);border-radius:9px;width:35px;height:35px;font-size:25px;line-height:22px}.auth-modal{max-width:410px}.auth-modal label,.settings-modal label{margin:14px 0}.auth-modal input,.settings-modal input,.compact-modal select{width:100%}.tabs{display:flex;gap:8px;margin:16px 0}.tabs button{background:#1b2c40;border:1px solid var(--line);color:var(--muted);padding:8px 17px;border-radius:9px}.tabs button.active{color:#0d1825;background:var(--gold);border-color:var(--gold)}.form-error{color:var(--danger);min-height:16px}.billing-modal{width:min(960px,100%)}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0}.plan-card{border:1px solid var(--line);border-radius:14px;background:#1c2c3e;padding:17px}.plan-card.featured{border-color:var(--gold)}.plan-card h3{margin:0 0 8px}.plan-card .price{font-size:30px;color:var(--gold);font-weight:800}.plan-card p{color:var(--muted);font-size:11px;min-height:28px}.plan-card button{width:100%}.device-box{display:flex;align-items:center;gap:10px;padding:12px;background:#0d1826;border-radius:10px;flex-wrap:wrap}.device-box span{color:var(--muted);font-size:11px}.device-box code{color:var(--gold);font-size:13px;letter-spacing:1px}.device-box button{margin-left:auto}.qr-panel{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:13px}.qr-panel h3{margin:0 0 7px}.qr-panel p{color:var(--muted);line-height:1.6;font-size:12px}.qr-panel img{height:240px;width:auto;border-radius:8px}.activation-row{display:flex;gap:8px;margin:18px 0 8px}.activation-row input{flex:1;min-width:0}.activation-row button{white-space:nowrap}.billing-modal>small{color:var(--muted)}.settings-modal{max-width:520px}.key-status{color:var(--muted)}.history-modal{width:min(860px,100%)}.history-content{max-height:64vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:13px}.history-item{background:#1a2b3d;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.history-item img{width:100%;height:156px;object-fit:cover;border-radius:8px}.history-item p{color:var(--muted);font-size:10px}.history-item .row{display:flex;gap:6px;justify-content:space-between}.history-item button{font-size:11px}.history-prompt{grid-column:1/-1}.history-prompt pre{white-space:pre-wrap;max-height:100px;overflow:hidden;color:var(--muted);font:12px/1.5 inherit}.compact-modal{max-width:440px}.compact-modal label{margin:18px 0}.compact-modal p{color:var(--muted);font-size:11px;line-height:1.6}
.chat-modal{width:min(1100px,98vw);height:min(760px,92vh);padding:0;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.chat-sidebar{background:#101b2a;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;min-height:0}.chat-sidebar h2{font-size:19px}.chat-sessions{overflow:auto;margin:18px 0;display:grid;align-content:start;gap:6px}.chat-session{border:1px solid transparent;background:#192a3d;color:var(--text);border-radius:9px;text-align:left;padding:10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-session.active{background:#d9ad6c;color:#0d1724}.chat-sidebar-actions{display:grid;gap:7px;margin-top:auto}.chat-main{padding:20px;display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{display:flex;justify-content:space-between;align-items:center}.chat-head p{color:var(--muted);font-size:12px;margin:7px 0}.chat-head label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.chat-progress{margin:13px 0}.chat-messages{flex:1;min-height:0;overflow:auto;background:#0c1725;border-radius:13px;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:85%;padding:12px 15px;border-radius:13px;background:#22344a;white-space:pre-wrap;line-height:1.6;font-size:13px;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:#68583e}.bubble.assistant{align-self:flex-start;cursor:zoom-in}.bubble small{display:block;color:#c0ced9;margin-bottom:5px}.chat-image-refs{display:flex;gap:6px;overflow:auto;padding:10px 0}.chat-ref{display:inline-flex;align-items:center;gap:6px;background:#203249;border:1px solid #45576c;color:var(--text);border-radius:8px;padding:5px;font-size:11px;white-space:nowrap}.chat-ref img{width:30px;height:30px;object-fit:cover;border-radius:5px}.chat-compose{display:flex;gap:8px;align-items:stretch}.upload-small{display:grid;place-items:center;border:1px solid var(--line);background:#1e3146;border-radius:9px;padding:10px;white-space:nowrap;cursor:pointer}.chat-compose textarea{resize:none;flex:1;min-width:0;min-height:75px}.chat-compose .primary-btn{min-width:75px}.reply-modal{width:min(920px,88vw);height:min(700px,85vh);display:flex;flex-direction:column}.reply-modal pre{flex:1;overflow:auto;white-space:pre-wrap;font:14px/1.8 inherit;background:#0b1524;border:1px solid var(--line);border-radius:10px;padding:17px}.reply-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;z-index:50;right:24px;bottom:24px;background:#253a50;color:var(--text);border:1px solid var(--gold);border-radius:10px;padding:13px 18px;max-width:380px;box-shadow:0 15px 40px #0008}
.chat-ref-mention,.chat-ref-remove{border:0;background:transparent;color:var(--text);padding:3px;cursor:pointer}.chat-ref-mention:hover,.chat-ref-remove:hover{color:var(--gold)}.chat-ref-remove{font-size:17px;line-height:1}
/* Keep chat notifications clear of the compose bar and its send button. */
.toast{pointer-events:none}
body.chat-docked .toast{top:16px;bottom:auto;right:auto;left:16px;max-width:min(320px,calc(100vw - 32px))}
@media (max-width:700px){body.chat-docked .toast{left:50%;transform:translateX(-50%);top:12px}}
.area-switch{display:flex;gap:8px;margin-top:18px;padding:6px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:14px;background:#111d2b}.area-switch button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px 23px;font-weight:700}.area-switch button:hover{color:var(--text)}.area-switch button.active{color:#111a25;background:linear-gradient(135deg,#f4cc88,#dda75b)}
.cinema-workspace{margin-top:18px}.cinema-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(112deg,#15243a 0%,#1b1b34 70%,#382338 100%)}.cinema-heading h1{margin:8px 0;font-size:29px}.cinema-heading p{margin:0;color:var(--muted);font-size:13px}.cinema-grid{display:grid;grid-template-columns:minmax(280px,410px) minmax(450px,1fr);gap:16px;margin-top:16px;align-items:stretch}.cinema-inputs,.cinema-output{padding:28px;min-height:calc(100vh - 265px)}.cinema-inputs h2,.cinema-output h2{margin:7px 0 21px;font-size:23px}.cinema-modes{display:grid;gap:11px}.cinema-modes button{border:1px solid var(--line);border-radius:14px;background:#18293b;color:var(--text);padding:17px;text-align:left;font-weight:750;font-size:17px}.cinema-modes button small{display:block;margin-top:7px;color:var(--muted);font-size:11px;font-weight:400}.cinema-modes button.active{border-color:var(--gold);background:#27394b;box-shadow:inset 3px 0 var(--gold)}.cinema-inputs .upload-card{margin-top:20px}.cinema-hint{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.7}.cinema-output{display:flex;flex-direction:column;min-width:0}.cinema-output-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.cinema-model-note{font-size:11px;color:var(--muted)}.cinema-output .prompt-output{min-height:310px}.cinema-toolbar{border-top:1px solid var(--line);padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.cinema-agents{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.cinema-agents h3{font-size:18px;margin:7px 0 15px}.cinema-agents .agent-cards{grid-template-columns:1fr 1fr}.cinema-agents .agent-card{padding:10px}.cinema-agents .agent-card img{width:42px;height:42px}.cinema-agents p{color:var(--muted);font-size:11px;line-height:1.6;margin-top:12px}
.cinema-reverse{margin-top:16px;padding:16px;border:1px solid var(--line);background:#142235;border-radius:14px}.cinema-reverse .stacked-label{margin-top:0}.cinema-reverse .primary-btn{margin-top:13px}
@media(max-width:950px){.cinema-grid{grid-template-columns:1fr}.cinema-inputs,.cinema-output{min-height:auto}.cinema-output .prompt-output{min-height:330px}.cinema-toolbar{margin-top:20px}}
@media(max-width:640px){.area-switch{width:100%}.area-switch button{flex:1;padding:11px 8px}.cinema-heading{padding:20px;align-items:start;flex-direction:column}.cinema-heading h1{font-size:23px}.cinema-inputs,.cinema-output{padding:17px}.cinema-output-head{align-items:start;flex-direction:column}.cinema-toolbar{display:grid}.cinema-toolbar .image-controls{justify-content:start}}
@media(max-width:1450px){.workspace{grid-template-columns:165px minmax(310px,370px) minmax(420px,1fr)}.rail,.inputs,.output{min-height:800px}.inputs,.output{padding:18px}.brief-grid{grid-template-columns:1fr}.bottom-toolbar{align-items:stretch}.image-controls{justify-content:flex-end}}
@media(max-width:1030px){.workspace{grid-template-columns:165px minmax(0,1fr)}.output{grid-column:1/-1;min-height:700px}.rail{min-height:760px}.inputs{min-height:760px}.section-head p{display:none}.prompt-output{min-height:370px}}
@media(max-width:640px){.app-shell{padding:10px}.topbar{padding:12px;flex-wrap:wrap}.brand strong{font-size:21px}.brand-mark{width:44px;height:44px;font-size:30px}.top-actions{width:100%;flex-wrap:wrap}.account-label{display:none}.workspace{display:block}.panel{margin-top:12px}.rail{min-height:auto}.rail-bottom{margin-top:15px}.standard-list{grid-template-columns:1fr 1fr}.standard-button{font-size:12px}.inputs,.output{min-height:auto}.upload-grid,.brief-grid{grid-template-columns:1fr}.output-head{align-items:start}.plan-cards{grid-template-columns:1fr}.qr-panel{display:block}.qr-panel img{display:block;margin:auto;max-width:100%}.activation-row{display:grid}.chat-modal{display:block;height:92vh;overflow:auto}.chat-sidebar{height:160px;padding:10px}.chat-sidebar .modal-header,.chat-sidebar-actions{display:none}.chat-sessions{display:flex;overflow:auto;margin:7px 0}.chat-session{min-width:125px}.chat-main{height:calc(92vh - 160px);padding:10px}.chat-head{gap:8px}.chat-compose .upload-small{padding:6px}.bottom-toolbar{display:grid}.image-controls{justify-content:start}.modal{padding:16px}}
.points-purchase{padding:16px;border:1px solid var(--line);border-radius:14px;background:#142438}.points-purchase h3{margin:0 0 6px;color:var(--gold)}.points-purchase p{margin:0;color:var(--muted);font-size:12px}.points-purchase .activation-row{align-items:center;margin:12px 0 0}.points-purchase select,.points-purchase input{min-height:40px;min-width:110px;flex:1}.qr-panel code{color:var(--gold);user-select:all;overflow-wrap:anywhere}
.auth-modal select{width:100%;min-height:42px}.auth-modal #enterpriseFields label{margin:10px 0}
.billing-orders{display:grid;gap:7px;margin:16px 0}.billing-orders h3{margin:0 0 3px;font-size:14px}.billing-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#102033;font-size:12px}.billing-order code{grid-column:1;overflow-wrap:anywhere;color:var(--muted)}.billing-order strong{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--gold)}
.billing-order-actions{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;justify-content:flex-end;gap:10px}.billing-order-actions strong{grid-column:auto;grid-row:auto}.billing-order-actions:has(.billing-order-cancel) strong{color:#e6bb73}.billing-order-actions:not(:has(.billing-order-cancel)) strong{color:#9db0c6}.billing-order-cancel{padding:5px 9px;border:1px solid #596b80;border-radius:7px;background:#17283c;color:#c4d1df;cursor:pointer;font-size:11px}.billing-order-cancel:hover{border-color:#e4b08d;color:#ffd5bc}.billing-order-cancel:disabled{opacity:.5;cursor:wait}

/* A centered website canvas with content-sized panels instead of full-screen cards. */
.app-shell{max-width:1400px;padding:16px 20px 30px}
.topbar{gap:16px;border-radius:16px;padding:11px 17px}
.brand{gap:11px}.brand-mark{width:42px;height:42px;border-radius:11px;font-size:29px}.brand strong{font-size:21px}.brand small{font-size:11px}
.top-actions{gap:8px}.gold-btn{padding:9px 14px}.primary-btn{padding:11px 16px}.ghost-btn{padding:8px 11px}.outline-gold{padding:9px 12px}
.area-switch{margin-top:13px;padding:4px;border-radius:11px}.area-switch button{padding:9px 16px;font-size:13px}
.workspace{gap:12px;margin-top:13px}.panel{border-radius:16px}.rail,.inputs,.output{min-height:0}.rail{padding:17px 11px}.rail h2{font-size:18px}.rail h3{font-size:15px}.rail h2,.rail h3{margin-bottom:13px}.standard-list{gap:5px}.standard-button{padding:10px 9px;gap:8px}.rail-bottom{padding-top:15px}.agent-cards{gap:7px}
.inputs,.output{padding:18px}.section-head{margin-bottom:16px}.section-head h2{font-size:20px}.section-head p{margin-top:22px}.index{width:37px;height:37px;font-size:16px}.upload-grid{gap:10px}.upload-card{padding:12px}.card-head h3{font-size:15px}.card-head p{margin-bottom:9px}.dropzone{min-height:86px}.drop-icon{font-size:24px}.brief-grid{gap:9px;margin-top:14px}.stacked-label{margin-top:12px}.stacked-label textarea{min-height:65px}.inputs>.primary-btn{margin-top:14px}
.mentions{min-height:54px;padding:8px}.prompt-output{min-height:280px}.progress-wrap{margin-top:12px}.status{margin:9px 0}.bottom-toolbar{padding-top:12px}.image-controls select{padding:8px}
.cinema-workspace{margin-top:13px}.cinema-heading{padding:18px 22px;border-radius:16px}.cinema-heading h1{font-size:23px;margin:5px 0}.cinema-grid{gap:12px;margin-top:12px}.cinema-inputs,.cinema-output{min-height:0;padding:20px}.cinema-inputs h2,.cinema-output h2{font-size:20px;margin:6px 0 15px}.cinema-modes{gap:8px}.cinema-modes button{padding:12px 14px;font-size:15px;border-radius:11px}.cinema-modes button small{margin-top:4px}.cinema-inputs .upload-card{margin-top:14px}.cinema-hint{margin-top:12px}.cinema-agents{margin-top:18px;padding-top:16px}.cinema-output .prompt-output{min-height:280px}.cinema-reverse{margin-top:12px;padding:12px}
.workspace,.cinema-grid{align-items:start}.rail{min-height:620px}.section-head{align-items:center}.section-head .eyebrow,.section-head p{display:none}.section-head h2{display:inline-block;vertical-align:middle;margin:0}.output .prompt-output{height:360px;flex:none}.cinema-output .prompt-output{height:390px;flex:none}.bottom-toolbar{margin-top:13px}.cinema-toolbar{margin-top:15px}
@media(min-width:1100px){.workspace{grid-template-columns:160px minmax(355px,390px) minmax(0,1fr)}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:951px){.cinema-grid{grid-template-columns:minmax(290px,340px) minmax(0,1fr)}}
@media(min-width:641px) and (max-width:1099px){.workspace{grid-template-columns:150px minmax(0,1fr)}.output{grid-column:1/-1}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.app-shell{padding:10px}.topbar{padding:11px}.brand-mark{width:40px;height:40px}.workspace{display:block}.panel{margin-top:10px}.rail,.inputs,.output{min-height:0}.brief-grid{grid-template-columns:1fr}.cinema-grid{grid-template-columns:1fr}.cinema-heading{padding:16px}.cinema-inputs,.cinema-output{padding:16px}.prompt-output{min-height:300px}.chat-modal{padding:0}}

/* Website layout: page navigation and a readable creation flow. */
body{background:radial-gradient(circle at 80% -10%,#1e2942 0,transparent 36%),#0b1320}
.app-shell{max-width:1320px;padding:0 32px 72px}
.topbar{min-height:80px;padding:14px 0;background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #2a394b}
.brand-mark{width:39px;height:39px;font-size:27px;border-radius:10px}
.brand strong{font-size:23px}.brand small{font-size:10px}
.area-switch{width:100%;max-width:none;margin:0;padding:0;gap:32px;background:transparent;border:0;border-radius:0;border-bottom:1px solid #2a394b}
.area-switch button{padding:16px 2px 14px;color:var(--muted);background:transparent!important;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:14px}
.area-switch button.active{color:var(--text);border-bottom-color:var(--gold)}
.area-switch button:hover{color:var(--text)}
.workspace{grid-template-columns:210px minmax(0,1fr);column-gap:34px;row-gap:0;margin-top:0;align-items:start}
.commerce-heading{grid-column:1/-1;grid-row:1}
.site-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px 0 34px;background:transparent;border:0;border-radius:0;border-bottom:1px solid #2a394b}
.site-hero h1{font-size:clamp(27px,3vw,37px);line-height:1.2;margin:10px 0 9px;letter-spacing:-.5px}
.site-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-link{border:0;background:transparent;color:var(--gold2);font-weight:700;font-size:13px;padding:10px 0;white-space:nowrap}
.hero-link:hover{text-decoration:underline}
.workspace .panel,.cinema-grid .panel{background:transparent;border:0;box-shadow:none;border-radius:0}
.rail{grid-column:1;grid-row:2/span 2;position:sticky;top:18px;min-height:0;padding:30px 20px 20px 0;border-right:1px solid #2a394b!important}
.rail-title{padding:0 4px}.rail h2{font-size:18px;margin-bottom:18px}.rail h3{font-size:15px}
.standard-list{gap:4px}.standard-button{padding:11px 9px}.standard-button.active{border-color:transparent;background:#27394c;box-shadow:inset 3px 0 var(--gold)}
.rail-bottom{margin-top:30px;padding:24px 0 0}.agent-card{background:transparent;border-color:#35485c}
.inputs{grid-column:2;grid-row:2;min-width:0;min-height:0;padding:31px 0 32px}
.output{grid-column:2;grid-row:3;min-width:0;min-height:0;padding:34px 0 0;border-top:1px solid #2a394b!important}
.section-head{margin-bottom:20px}.section-head h2{font-size:23px}.section-head .eyebrow{display:none}.section-head p{display:block;margin:0;text-align:right;max-width:260px;line-height:1.5}
.index{width:35px;height:35px;font-size:15px;margin-right:8px}
.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.upload-card{background:#121f30;border-color:#33465b;padding:16px}
.dropzone{min-height:110px}
.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-top:24px}
.brief-grid label,.stacked-label{font-size:12px}
.stacked-label{margin-top:20px}
.inputs>.primary-btn{margin-top:24px;width:auto;min-width:220px}
.output .prompt-output{height:360px}
.cinema-workspace{margin-top:0}
.cinema-heading{padding:42px 0 34px;min-height:0;background:transparent;border:0;border-bottom:1px solid #2a394b;border-radius:0}
.cinema-heading h1{font-size:clamp(27px,3vw,37px);margin:10px 0 9px}
.cinema-heading p{font-size:14px}
.cinema-grid{grid-template-columns:300px minmax(0,1fr);gap:34px;margin-top:0;align-items:start}
.cinema-inputs{padding:32px 24px 0 0;min-height:0;border-right:1px solid #2a394b!important}
.cinema-output{padding:32px 0 0;min-height:0}
.cinema-modes button{background:transparent;padding:13px 14px;border-color:#33465b}
.cinema-modes button.active{background:#27394c}
.cinema-output .prompt-output{height:390px}
.cinema-agents .agent-cards{grid-template-columns:1fr}
.tutorial-page{margin-top:0}
.tutorial-hero{padding-bottom:38px}
.tutorial-index{display:flex;align-items:center;gap:32px;overflow:auto;white-space:nowrap;padding:17px 0;border-bottom:1px solid #2a394b}
.tutorial-index a{color:var(--muted);font-size:13px;text-decoration:none}
.tutorial-index a:hover{color:var(--gold2)}
.tutorial-body{max-width:1000px;margin:0 auto}
.guide-section{scroll-margin-top:24px;display:grid;grid-template-columns:205px minmax(0,1fr);column-gap:32px;padding:38px 0;border-bottom:1px solid #2a394b}
.guide-number{grid-row:1/span 3;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.1px;padding-top:9px}
.guide-section h2{font-size:24px;margin:0 0 13px}
.guide-section p{max-width:710px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.guide-section code{color:var(--gold2)}
.guide-note{grid-column:2;margin-top:19px;padding:14px 18px;background:#17283b;border-left:3px solid var(--gold);color:#d1dae4;font-size:13px;line-height:1.7}
.guide-steps{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:4px 0 0;padding:0;list-style:none;counter-reset:guide-step}
.guide-steps li{counter-increment:guide-step;border-top:1px solid #3a4e63;padding-top:13px}
.guide-steps li:before{content:'0' counter(guide-step);display:block;color:var(--gold);font-size:12px;font-weight:800;margin-bottom:8px}
.guide-steps strong,.guide-steps span{display:block}.guide-steps strong{margin-bottom:5px}.guide-steps span{color:var(--muted);font-size:13px;line-height:1.7}
.guide-cards{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:4px}
.guide-cards article{padding:16px;background:#152337;border:1px solid #33465b;border-radius:11px}
.guide-cards h3{font-size:15px;margin:0 0 9px}.guide-cards p{font-size:12px;line-height:1.7}
@media(max-width:900px){
  .app-shell{padding:0 24px 56px}
  .workspace{grid-template-columns:minmax(0,1fr)}
  .commerce-heading,.rail,.inputs,.output{grid-column:1;grid-row:auto}
  .rail{position:static;border-right:0!important;border-bottom:1px solid #2a394b!important;padding:25px 0;min-height:0}
  .standard-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .standard-button{justify-content:center;font-size:12px;gap:6px}
  .rail-bottom{margin-top:18px;padding-top:17px}
  .rail-bottom .agent-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inputs{padding:29px 0}.output{padding-top:30px;margin-top:0}
  .cinema-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .cinema-inputs{border-right:0!important;border-bottom:1px solid #2a394b!important;padding:28px 0}
  .cinema-output{padding:28px 0}
  .cinema-agents .agent-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-section{grid-template-columns:150px minmax(0,1fr);gap:20px}
}
@media(max-width:600px){
  .app-shell{padding:0 16px 45px}
  .topbar{padding:12px 0;gap:10px}
  .top-actions{gap:6px}.top-actions button{font-size:11px;padding:7px 8px}
  .area-switch{gap:22px;overflow-x:auto}.area-switch button{flex:none;white-space:nowrap;font-size:12px;padding:13px 1px}
  .site-hero,.cinema-heading{align-items:flex-start;flex-direction:column;padding:29px 0 25px;gap:12px}
  .site-hero h1,.cinema-heading h1{font-size:27px}
  .site-hero p,.cinema-heading p{font-size:13px}
  .rail{margin:0;padding:20px 0}.standard-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail-bottom .agent-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .upload-grid,.brief-grid{grid-template-columns:1fr}
  .section-head{align-items:flex-start}.section-head p{display:none}
  .inputs>.primary-btn{width:100%}
  .cinema-agents .agent-cards{grid-template-columns:1fr 1fr}
  .tutorial-index{gap:22px}
  .guide-section{display:block;padding:30px 0}
  .guide-number{display:block;margin-bottom:12px;padding:0}
  .guide-section h2{font-size:21px}
  .guide-note{margin-top:18px}
  .guide-steps,.guide-cards{grid-template-columns:1fr}
}

/* Distinct visual language for the two creation studios. */
#commerceArea{--studio-accent:#f0be7a;--studio-soft:#f0be7a26;--studio-line:#645442}
#cinemaArea{--studio-accent:#98baff;--studio-soft:#8c9df72b;--studio-line:#505a83}
#commerceArea .site-hero,#cinemaArea .site-hero{position:relative;isolation:isolate;overflow:hidden;min-height:216px;padding:34px 40px;border:1px solid #34465d;border-radius:24px;margin-top:25px;box-shadow:0 24px 65px #050b1650}
#commerceArea .site-hero{background:radial-gradient(circle at 82% 8%,#b7783c38,transparent 32%),linear-gradient(112deg,#192335 0%,#192538 57%,#252434 100%)}
#cinemaArea .site-hero{background:radial-gradient(circle at 82% 12%,#6555a659,transparent 34%),linear-gradient(112deg,#15243b 0%,#192445 56%,#272046 100%)}
#commerceArea .site-hero::before,#cinemaArea .site-hero::before{content:"";position:absolute;z-index:-1;right:12%;top:-130px;width:310px;height:310px;border:1px solid var(--studio-soft);border-radius:50%;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04;pointer-events:none}
#commerceArea .site-hero .eyebrow,#cinemaArea .site-hero .eyebrow{color:var(--studio-accent)}
#commerceArea .site-hero h1,#cinemaArea .site-hero h1{margin:9px 0 10px;font-size:clamp(29px,3vw,39px);letter-spacing:-.7px}
#commerceArea .site-hero p,#cinemaArea .site-hero p{max-width:680px;color:#c5d0df}
.hero-journey{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:22px;color:#d4deeb;font-size:11px;font-weight:700;letter-spacing:.2px}
.hero-journey i{display:block;width:18px;height:1px;background:var(--studio-accent);opacity:.65}
#commerceArea .hero-link,#cinemaArea .hero-link{color:var(--studio-accent)}
#commerceArea .rail{border-right-color:#374656!important}
#commerceArea .rail-title .eyebrow,#commerceArea .rail-bottom .eyebrow{color:var(--studio-accent)}
#commerceArea .standard-button{transition:background .18s,border-color .18s,transform .18s}
#commerceArea .standard-button:hover{transform:translateX(2px)}
#commerceArea .standard-button.active{background:linear-gradient(90deg,#54412cba,#29384b);box-shadow:inset 3px 0 var(--studio-accent);color:#fff}
#commerceArea .standard-icon{background:#2d3c4d;color:#f3cd97}
#commerceArea .agent-card,#cinemaArea .agent-card{background:#152439;border-color:#354b65}
#commerceArea .agent-card:hover{border-color:var(--studio-accent)}
#commerceArea .inputs{padding-top:40px}
#commerceArea .section-head{align-items:center;margin-bottom:26px}
#commerceArea .section-head>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center}
#commerceArea .section-head .index{grid-row:1/span 2;margin:0}
#commerceArea .section-head .eyebrow{display:block;grid-column:2;color:var(--studio-accent);font-size:9px;letter-spacing:1.6px;line-height:1.3}
#commerceArea .section-head h2{grid-column:2;display:block;margin:2px 0 0;line-height:1.2}
#commerceArea .section-head p{color:#94a7bd}
#commerceArea .upload-card{background:linear-gradient(165deg,#17283c,#121f30);border-color:#36506b;box-shadow:0 12px 30px #02071025}
#commerceArea .upload-card:first-child{border-top:2px solid #e8b774}
#commerceArea .upload-card:nth-child(2){border-top:2px solid #87bfe5}
#commerceArea .dropzone{background:#0c192a;border-color:#48617e}
#commerceArea .dropzone:hover{border-color:var(--studio-accent);background:#1c2d41}
#commerceArea .upload-card:nth-child(2) .drop-icon{color:#8ecbee}
.field-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 0;padding-top:24px;border-top:1px solid #2f4156}
.field-section-title strong{font-size:16px}.field-section-title span{font-size:11px;color:var(--muted)}
#commerceArea .brief-grid{margin-top:15px}
#commerceArea .brief-grid input,#commerceArea .stacked-label textarea{background:#0d1a2a;border-color:#3b526b}
#commerceArea .brief-grid input:focus,#commerceArea .stacked-label textarea:focus{border-color:var(--studio-accent)}
#commerceArea .inputs>.primary-btn{min-width:250px;padding:14px 22px}
#commerceArea .output{margin-top:4px;padding:29px 30px 30px;background:linear-gradient(150deg,#17283b,#111e2e 66%);border:1px solid #394e65!important;border-radius:22px;box-shadow:0 18px 45px #03091635}
#commerceArea .output-head{margin-bottom:22px}
#commerceArea .output .prompt-output{background:#0d1929;border-color:#405873}
#commerceArea .mentions{background:#132338;border-color:#3b526c}
#commerceArea .progress-track>div{background:linear-gradient(90deg,#e5a959,#ffdf9d)}
#cinemaArea .hero-actions .ghost-btn{background:#283556;border-color:#59699a}
#cinemaArea .cinema-grid{padding-top:30px}
#cinemaArea .cinema-inputs,#cinemaArea .cinema-output{padding-top:0}
#cinemaArea .cinema-inputs>.eyebrow,#cinemaArea .cinema-output-head .eyebrow,#cinemaArea .cinema-agents .eyebrow{color:var(--studio-accent)}
#cinemaArea .cinema-inputs h2,#cinemaArea .cinema-output h2{font-size:23px;letter-spacing:-.3px}
#cinemaArea .cinema-modes button{position:relative;min-height:73px;background:#17263b;border-color:#3c5272;transition:background .18s,border-color .18s,transform .18s}
#cinemaArea .cinema-modes button:hover{border-color:#829ce7;transform:translateX(2px)}
#cinemaArea .cinema-modes button.active{border-color:#829fff;background:linear-gradient(110deg,#2b3d64,#25324e);box-shadow:inset 3px 0 #a9b7ff;color:#fff}
#cinemaArea .cinema-modes button small{color:#a9b9d2}
#cinemaArea .cinema-inputs .upload-card{background:#17243c;border-color:#475985;border-top:2px solid #9aa9ff}
#cinemaArea .dropzone{background:#111c32;border-color:#596a91}
#cinemaArea .drop-icon{color:#a9b7ff}
#cinemaArea .cinema-reverse{background:#182743;border-color:#465980}
#cinemaArea .cinema-output{padding:28px 30px 30px;background:linear-gradient(150deg,#1b2945,#111d32 67%);border:1px solid #495a80!important;border-radius:22px;box-shadow:0 18px 45px #03091635}
#cinemaArea .cinema-output-head{margin-bottom:22px}
#cinemaArea .cinema-output .prompt-output{background:#0e182a;border-color:#52658e}
#cinemaArea .progress-track>div{background:linear-gradient(90deg,#708ff3,#b9a9ff)}
#cinemaArea .progress-wrap strong,#cinemaArea .image-controls span{color:#b3c6ff}
#cinemaArea .primary-btn{background:linear-gradient(120deg,#9fbaff,#a797f4);color:#111a30;box-shadow:0 8px 22px #829fff25}
#cinemaArea .primary-btn:hover{filter:brightness(1.1)}
#cinemaArea .ghost-btn{border-color:#526488;background:#202e49}
@media(max-width:900px){
  #commerceArea .rail{border-right:0!important;border-bottom-color:#374656!important}
  #cinemaArea .cinema-grid{padding-top:0}
  #cinemaArea .cinema-inputs{padding:30px 0;border-bottom-color:#394763!important}
  #cinemaArea .cinema-output{margin-top:25px}
}
@media(max-width:600px){
  #commerceArea .site-hero,#cinemaArea .site-hero{min-height:0;padding:26px 21px;margin-top:17px;border-radius:18px}
  #commerceArea .site-hero h1,#cinemaArea .site-hero h1{font-size:27px}
  .hero-journey{gap:8px;margin-top:17px;font-size:10px}.hero-journey i{width:10px}
  #commerceArea .inputs{padding-top:28px}
  #commerceArea .output,#cinemaArea .cinema-output{padding:21px 17px;border-radius:17px}
  #commerceArea .section-head p{display:none}
  .field-section-title{margin-top:22px;padding-top:20px}
  .field-section-title span{display:none}
}

/* A wide, quiet agent dock with horizontal conversations and a generous composer. */
#chatOverlay.chat-dock{position:fixed;z-index:35;top:0;right:0;width:min(660px,calc(100vw - 18px));height:100vh;height:100dvh;background:#0e1929;border-left:1px solid #465d7a;box-shadow:-22px 0 72px #020611a8;animation:chat-dock-enter .22s ease-out}
@keyframes chat-dock-enter{from{transform:translateX(28px);opacity:.6}to{transform:translateX(0);opacity:1}}
#chatOverlay .chat-modal{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
#chatOverlay .chat-sidebar{display:block;flex:none;height:auto;min-height:0;padding:21px 24px 16px;background:linear-gradient(120deg,#1b2b43,#16243b);border-right:0;border-bottom:1px solid #3b506b}
#chatOverlay .chat-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px}
#chatOverlay .chat-identity{display:flex;align-items:center;gap:13px;min-width:0}
#chatOverlay .chat-dock-symbol{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f6d596,#dba762);color:#1c2638;font-size:25px;box-shadow:0 8px 20px #e9ba7130}
#chatOverlay .chat-sidebar .eyebrow{font-size:9px;letter-spacing:1.6px}
#chatOverlay .chat-sidebar h2{font-size:21px;line-height:1.25;margin:3px 0 0;overflow-wrap:anywhere}
#chatOverlay #chatSubtitle{color:#aebed1;font-size:11px;line-height:1.5;margin:5px 0 0}
#chatOverlay .chat-sidebar .icon-close{flex:none;width:34px;height:34px;font-size:23px}
#chatOverlay .chat-session-bar{display:flex;align-items:center;gap:9px;min-width:0}
#chatOverlay #newChatBtn{flex:none;width:auto;padding:10px 14px;font-size:12px}
#chatOverlay .chat-sessions{display:flex;flex:1;align-items:center;gap:6px;min-width:0;min-height:40px;overflow-x:auto;overflow-y:hidden;margin:0;scrollbar-width:thin}
#chatOverlay .chat-session-item{display:flex;align-items:center;flex:none;min-width:0;max-width:190px;gap:3px}
#chatOverlay .chat-session{flex:none;max-width:150px;padding:9px 12px;background:#1b3049;border-color:#3b526d;font-size:11px}
#chatOverlay .chat-session-item .chat-session{flex:1;min-width:0}
#chatOverlay .chat-session-delete{flex:none;width:26px;height:32px;padding:0;border:1px solid #3b526d;border-radius:8px;background:#1b3049;color:#b6c7da;font-size:17px;line-height:1}
#chatOverlay .chat-session-delete:hover{border-color:#e3a18d;color:#ffd8ce}
#chatOverlay .chat-session.active{background:#ead0a0;color:#152034;border-color:#ead0a0}
#chatOverlay .chat-sidebar-actions{display:flex;flex:none;gap:6px;margin:0}
#chatOverlay .chat-sidebar-actions button{padding:8px 9px;white-space:nowrap;font-size:11px}
#chatOverlay .chat-clear-action{position:relative}
#chatOverlay .chat-clear-confirm{position:absolute;z-index:45;top:calc(100% + 8px);right:0;width:min(250px,calc(100vw - 24px));padding:12px;border:1px solid #b99565;border-radius:11px;background:#182a42;box-shadow:0 14px 35px #0008;color:#edf3fa}
#chatOverlay .chat-clear-confirm p{margin:0 0 11px;font-size:11px;line-height:1.5;white-space:normal}
#chatOverlay .chat-clear-confirm>div{display:flex;justify-content:flex-end;gap:7px}
#chatOverlay .chat-clear-confirm button{font-size:11px}
#chatOverlay .chat-main{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;padding:18px 24px 20px}
#chatOverlay .chat-dock-heading>.icon-close{display:none}
#chatOverlay .chat-float-btn{flex:none;align-self:center;margin-right:48px;padding:7px 10px;border:1px solid #536b89;border-radius:8px;background:#243a56;color:#e9d0a2;font-size:11px;cursor:pointer}
#chatOverlay .chat-float-btn:hover{border-color:#e4bf82;background:#344d6d}
#chatOverlay .chat-collapse-btn{position:fixed;z-index:40;top:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #3b506b;border-radius:11px;background:rgba(14,25,41,.94);color:#e9eef5;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
#chatOverlay .chat-collapse-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#chatOverlay .chat-collapse-btn:hover{border-color:#d9b475;background:#22344b;color:#f1d19d;transform:translateY(-1px)}
#chatOverlay .chat-collapse-btn:focus-visible{outline:2px solid #d9b475;outline-offset:2px}
#chatOverlay .chat-progress{margin:0 0 14px;padding-right:54px}
#chatOverlay .chat-progress-status{min-height:16px;margin:-7px 0 12px;color:#a9bdd5;font-size:11px;line-height:1.5}
#chatOverlay .chat-messages{flex:1;min-height:0;padding:20px;background:#0b1728;border:1px solid #344b68;border-radius:15px}
#chatOverlay .bubble{max-width:88%;font-size:13px;line-height:1.7}
#chatOverlay .bubble span{cursor:text;user-select:text;-webkit-user-select:text}
#chatOverlay .chat-reply-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #ffffff24}
#chatOverlay .chat-reply-actions button{padding:6px 10px;font-size:11px;line-height:1.3;cursor:pointer}
#chatOverlay .chat-image-refs{max-height:86px;padding:10px 0}
#chatOverlay .chat-compose{display:flex;flex:none;flex-direction:column;gap:10px;margin-top:2px;padding:14px;background:#17283e;border:1px solid #425a78;border-radius:15px}
#chatOverlay .chat-compose-tools,#chatOverlay .chat-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
#chatOverlay .chat-compose-tools span,#chatOverlay .chat-compose-footer span{color:#99abc1;font-size:11px}
#chatOverlay .art-style-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1.35fr);align-items:center;gap:7px 12px;padding:10px 12px;border:1px solid #536684;border-radius:10px;background:#20314a}
#chatOverlay .art-style-picker label{color:#e9d1a6;font-size:12px;font-weight:700}
#chatOverlay .art-style-picker select,#chatOverlay .art-style-picker input{width:100%;min-width:0;padding:9px 10px;border:1px solid #657894;border-radius:8px;background:#101d30;color:#edf4ff;font-size:12px}
#chatOverlay .art-style-picker input,#chatOverlay .art-style-picker small{grid-column:2}
#chatOverlay .art-style-picker small{color:#9fb1c9;font-size:10px}
#chatOverlay .mj-scene-options{padding:10px 12px;border:1px solid #536684;border-radius:10px;background:#20314a}
#chatOverlay .mj-scene-options-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:9px}
#chatOverlay .mj-scene-options-head strong{color:#e9d1a6;font-size:12px}
#chatOverlay .mj-scene-options-head span{color:#aabbd1;font-size:10px}
#chatOverlay .mj-scene-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;max-height:160px;overflow:auto}
#chatOverlay .mj-scene-option-grid label{display:grid;gap:4px;min-width:0;color:#b8cce2;font-size:11px}
#chatOverlay .mj-scene-option-grid input{width:100%;min-width:0;padding:8px 10px;border:1px solid #657894;border-radius:8px;background:#101d30;color:#edf4ff;font-size:12px}
#chatOverlay .mj-scene-option-grid input:focus{outline:none;border-color:#e6bc7c}
#chatOverlay .upload-small{padding:8px 12px;background:#243a56;color:#eef3f9;border-color:#526b89;font-size:12px}
#chatOverlay .chat-compose textarea{width:100%;min-height:126px;max-height:38vh;padding:13px 15px;resize:vertical;background:#0d192b;border-color:#4b6380;font-size:14px;line-height:1.6}
#chatOverlay .chat-compose textarea:focus{border-color:#e6bc7c;box-shadow:0 0 0 2px #e9ba7120}
#chatOverlay .chat-compose .primary-btn{min-width:106px;padding:10px 17px}
#replyOverlay,#historyOverlay,#settingsOverlay,#billingOverlay,#memberOverlay,#downloadOverlay{z-index:45}
@media(min-width:1360px){
  body.chat-docked .app-shell{max-width:calc(100% - 676px);margin-left:0;margin-right:676px;padding-left:24px;padding-right:16px}
  body.chat-docked .workspace{grid-template-columns:155px minmax(0,1fr);column-gap:20px}
  body.chat-docked .rail{padding-right:12px}
  body.chat-docked .cinema-grid{grid-template-columns:205px minmax(0,1fr);gap:20px}
  body.chat-docked .cinema-inputs{padding-right:14px}
  body.chat-docked #commerceArea .site-hero,body.chat-docked #cinemaArea .site-hero{padding:28px}
  body.chat-docked #commerceArea .site-hero h1,body.chat-docked #cinemaArea .site-hero h1{font-size:28px}
  body.chat-docked #commerceArea .output,body.chat-docked #cinemaArea .cinema-output{padding:22px}
}
@media(max-width:700px){
  #chatOverlay.chat-dock{width:100vw;border-left:0}
  #chatOverlay .chat-sidebar{padding:14px 15px 11px}
  #chatOverlay .chat-dock-heading{display:flex!important;margin-bottom:12px}
  #chatOverlay .chat-dock-symbol{width:37px;height:37px;font-size:21px}
  #chatOverlay .chat-sidebar h2{font-size:17px}
  #chatOverlay #chatSubtitle{font-size:10px}
  #chatOverlay .chat-session-bar{display:grid;grid-template-columns:auto 1fr;gap:8px}
  #chatOverlay #newChatBtn{grid-column:1;grid-row:1;padding:8px 11px}
  #chatOverlay .chat-sidebar-actions{display:flex!important;grid-column:2;grid-row:1;justify-content:flex-end}
  #chatOverlay .chat-sessions{grid-column:1/-1;grid-row:2;min-height:34px}
  #chatOverlay .chat-session{max-width:132px;padding:7px 10px}
  #chatOverlay .chat-main{padding:12px 14px 14px}
  #chatOverlay .chat-collapse-btn{top:12px;right:14px;width:38px;height:38px}
  #chatOverlay .chat-progress{margin-bottom:10px}
  #chatOverlay .chat-messages{padding:14px}
  #chatOverlay .chat-compose{padding:10px;gap:7px}
  #chatOverlay .art-style-picker{grid-template-columns:1fr}
  #chatOverlay .art-style-picker input,#chatOverlay .art-style-picker small{grid-column:1}
  #chatOverlay .mj-scene-option-grid{grid-template-columns:1fr;max-height:145px}
  #chatOverlay .chat-compose textarea{min-height:105px;font-size:13px}
}
@media(max-width:440px){#chatOverlay .chat-compose-tools span{display:none}#chatOverlay .chat-sidebar-actions button{font-size:10px;padding:7px}#chatOverlay .chat-compose-footer span{font-size:10px}}

/* Matching vector ornaments: product packaging for commerce, film craft for cinema. */
#commerceArea .site-hero>div:first-child,#cinemaArea .site-hero>div:first-child{position:relative;z-index:1;max-width:680px}
#commerceArea .site-hero .studio-art,#cinemaArea .site-hero .studio-art{position:absolute;z-index:0;top:3px;width:345px;height:205px;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 14px 22px #02081755)}
#commerceArea .site-hero .studio-art{right:155px;opacity:.86}
#cinemaArea .site-hero .studio-art{right:245px;opacity:.87}
#commerceArea .site-hero>.hero-link,#cinemaArea .site-hero>.hero-actions{position:relative;z-index:2}
#cinemaArea .cinema-modes button.active::after{content:"";position:absolute;right:15px;top:16px;width:19px;height:25px;border:1px solid #bbcbff;border-radius:4px;background:linear-gradient(180deg,transparent 18%,#bbcbff66 18%,#bbcbff66 24%,transparent 24%,transparent 73%,#bbcbff66 73%,#bbcbff66 79%,transparent 79%);opacity:.7}
@media(max-width:1190px){
  #commerceArea .site-hero .studio-art,#cinemaArea .site-hero .studio-art{right:70px;width:290px;opacity:.35}
}
@media(max-width:900px){
  #commerceArea .site-hero .studio-art,#cinemaArea .site-hero .studio-art{right:-10px;width:250px;opacity:.23}
}
@media(max-width:600px){
  #commerceArea .site-hero .studio-art,#cinemaArea .site-hero .studio-art{right:-65px;top:10px;width:250px;opacity:.16}
}
body.chat-docked #commerceArea .site-hero .studio-art,body.chat-docked #cinemaArea .site-hero .studio-art{right:5px;width:230px;opacity:.17}

/* Keep the commerce materials and final prompt aligned, as in the cinema workspace. */
#commerceArea .output .prompt-output{height:270px;min-height:230px}
@media(min-width:1050px){
  #commerceArea.workspace{grid-template-columns:185px minmax(285px,330px) minmax(0,1fr);column-gap:24px;row-gap:0}
  #commerceArea .commerce-heading{grid-column:1/-1;grid-row:1}
  #commerceArea .rail{grid-column:1;grid-row:2;min-height:0}
  #commerceArea .inputs{grid-column:2;grid-row:2;min-width:0;padding:30px 0 0}
  #commerceArea .output{grid-column:3;grid-row:2;min-width:0;align-self:start;margin:0;padding:29px 24px 24px}
  #commerceArea .upload-grid{grid-template-columns:1fr;gap:12px}
  #commerceArea .inputs>.primary-btn{width:100%;min-width:0}
  #commerceArea .section-head p{display:none}
  #commerceArea .output .prompt-output{height:clamp(230px,28vh,280px)}
}
@media(min-width:1360px){
  body.chat-docked #commerceArea.workspace{grid-template-columns:155px minmax(0,1fr);column-gap:20px}
  body.chat-docked #commerceArea .rail{grid-column:1;grid-row:2/span 2}
  body.chat-docked #commerceArea .inputs{grid-column:2;grid-row:2}
  body.chat-docked #commerceArea .output{grid-column:2;grid-row:3}
  body.chat-docked #commerceArea .upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  #commerceArea .standard-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #commerceArea .rail-bottom .agent-cards{grid-template-columns:1fr}
}

/* Tutorials are published by the administrator and read by everyone else. */
.tutorial-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 20px;border-bottom:1px solid #34465b}
.tutorial-filters{display:flex;gap:22px;overflow-x:auto}
.tutorial-filters button{flex:none;padding:12px 2px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent}
.tutorial-filters button.active{color:var(--text);border-bottom-color:var(--gold)}
.tutorial-video-categories{display:flex;align-items:center;gap:10px;margin:-6px 0 20px;padding-left:22px;border-left:2px solid #d8b875}.tutorial-video-categories button{padding:7px 12px;border:1px solid #405674;border-radius:999px;background:#17263a;color:#b8c8dc;font-size:12px}.tutorial-video-categories button:hover,.tutorial-video-categories button.active{border-color:#d8b875;background:#344057;color:#f4d399}
.tutorial-controls>.gold-btn{margin-bottom:8px;white-space:nowrap}
.tutorial-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 auto 22px}
.tutorial-empty{grid-column:1/-1;padding:72px 25px;text-align:center;color:var(--muted);background:#121e2e;border:1px dashed #425671;border-radius:18px}
.tutorial-grid-card{min-width:0;overflow:hidden;border:1px solid #3a4e68;border-radius:17px;background:linear-gradient(145deg,#172439,#101a2b);transition:border-color .2s,transform .2s}
.tutorial-grid-card:hover{border-color:#d8b875;transform:translateY(-3px)}
.tutorial-grid-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.tutorial-grid-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:#081321}
.tutorial-grid-cover img,.tutorial-grid-cover video{display:block;width:100%;height:100%;object-fit:cover}
.tutorial-grid-placeholder{color:#7e90a7;font-size:42px}
.tutorial-grid-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:#eac17fcc;color:#142034;font-size:12px;font-weight:800}
.tutorial-grid-body{display:grid;align-content:start;gap:10px;min-height:160px;padding:16px}
.tutorial-grid-body h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:16px;line-height:1.45}
.tutorial-grid-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#9eb1c8;font-size:12px;line-height:1.6}
.tutorial-grid-link{align-self:end;color:#e7c28c;font-size:11px;font-weight:700}
.tutorial-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px auto 60px;color:#a7b8cd;font-size:12px}
.tutorial-pagination button{min-width:100px}
.tutorial-pagination button:disabled{opacity:.45;cursor:not-allowed}
.tutorial-detail-modal{width:min(960px,96vw);max-height:92vh;overflow:auto}
.tutorial-detail-modal .tutorial-card{border:0;background:transparent;padding:0}
.tutorial-card{padding:28px 32px;border:1px solid #3a4e68;border-radius:20px;background:linear-gradient(145deg,#172439,#101a2b)}
.tutorial-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}
.tutorial-type{color:var(--gold2);font-weight:700}
.tutorial-card h2{font-size:23px;margin:14px 0 20px}
.tutorial-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:#d9e2ec;margin:16px 0}
.tutorial-inline-image{display:block;width:auto;max-width:100%;max-height:720px;margin:18px auto;object-fit:contain;border:1px solid #354860;border-radius:11px}
.tutorial-video{display:block;width:100%;max-height:580px;background:#060b14;border-radius:12px}
.tutorial-episode-now{display:flex;align-items:baseline;gap:12px;margin:16px 0 10px}.tutorial-episode-now span{color:#aab8cd;font-size:12px}.tutorial-episode-now strong{color:#f1d4a5;font-size:16px}
.tutorial-episode-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9px;margin-bottom:18px}.tutorial-episode{padding:12px 14px;border:1px solid #3a4e68;border-radius:10px;background:#18283d;color:#d7e0ee;text-align:left;font-size:13px;line-height:1.4;cursor:pointer}.tutorial-episode:hover,.tutorial-episode.active{border-color:#e8bd79;background:#31364a;color:#ffdb9a}
.tutorial-paid-cover{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:12px;background:#060b14}
.tutorial-paid-notice{padding:16px 18px;border:1px solid #866d47;border-radius:12px;background:#302a36;color:#f0d9ac;font-size:13px;line-height:1.6}
.tutorial-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.tutorial-gallery img{display:block;width:100%;max-height:650px;object-fit:contain;background:#0a1424;border:1px solid #354860;border-radius:11px}
.tutorial-admin-actions{display:flex;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #344861}
.tutorial-editor{max-width:1050px;margin:0 auto 26px;padding:27px 30px;background:#17253a;border:1px solid #4b617f;border-radius:19px}
.tutorial-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.tutorial-editor h2{margin:4px 0 0}
.tutorial-form-grid{display:grid;grid-template-columns:180px 180px minmax(0,1fr);gap:16px}
.tutorial-form-grid:has(#tutorialCategoryLabel.hidden){grid-template-columns:180px minmax(0,1fr)}
.tutorial-editor label{display:grid;gap:9px;color:#bcc9d9;font-size:13px}
.tutorial-editor input,.tutorial-editor select,.tutorial-editor textarea{width:100%;padding:12px 13px;border:1px solid #485f7b;border-radius:10px;background:#0d1929;color:var(--text);outline:none}
.tutorial-editor input:focus,.tutorial-editor select:focus,.tutorial-editor textarea:focus{border-color:var(--gold)}
.tutorial-body-label,.tutorial-file-label{margin-top:18px}
.tutorial-editor textarea{min-height:180px;resize:vertical;line-height:1.7}
.tutorial-file-label input{padding:10px}
.tutorial-editor-hint{color:var(--muted);font-size:12px;margin:15px 0}
@media(max-width:1100px){.tutorial-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.tutorial-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .tutorial-controls{align-items:flex-start;flex-direction:column;gap:8px}
  .tutorial-filters{gap:16px;max-width:100%}
  .tutorial-card,.tutorial-editor{padding:20px 17px;border-radius:15px}
  .tutorial-card h2{font-size:20px}
  .tutorial-gallery,.tutorial-form-grid{grid-template-columns:1fr}
  .tutorial-library{grid-template-columns:1fr}
  .tutorial-pagination{gap:9px;flex-wrap:wrap}
}

/* Full-image branded entrance using the supplied logo artwork. */
.intro-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#060417;opacity:1;transition:opacity .55s ease;pointer-events:auto;isolation:isolate}
.intro-overlay::before,.intro-overlay::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url('/static/intro-logo-bg.jpg');background-position:center;background-repeat:no-repeat}
.intro-overlay::before{z-index:-2;background-size:cover;filter:blur(22px) brightness(.48);transform:scale(1.08)}
.intro-overlay::after{z-index:-1;background-size:cover;animation:intro-art-reveal 2.8s ease-out both}
.intro-overlay.intro-complete{opacity:0;pointer-events:none}
.intro-content{position:absolute;inset:0;display:block;pointer-events:none}
.intro-content img,.intro-content strong,.intro-content>span{display:none}
.intro-content::before{content:"";position:absolute;top:38%;left:23%;width:54%;height:23%;background:linear-gradient(100deg,transparent 35%,rgba(178,148,255,.17) 48%,rgba(255,255,255,.27) 50%,transparent 62%);mix-blend-mode:screen;transform:translateX(-140%) skewX(-15deg);animation:intro-light-pass 2.7s ease-in-out both}
.intro-line{position:absolute;left:50%;bottom:17%;width:min(280px,44vw);height:3px;overflow:hidden;margin:0;border-radius:10px;background:#7866a755;transform:translateX(-50%);box-shadow:0 0 18px #9478ff55}
.intro-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5f85ff,#a979ff,#edc5ff);transform-origin:left;animation:intro-progress 2.65s ease-in-out both}
.intro-auth-actions{position:absolute;z-index:2;left:50%;bottom:5%;width:min(440px,calc(100vw - 36px));transform:translateX(-50%);display:grid;justify-items:center;gap:13px;pointer-events:auto;text-align:center;animation:intro-actions-reveal .6s 2.35s both}
.intro-auth-actions p{margin:0;color:#e8e5f8;font-size:14px;letter-spacing:.06em;text-shadow:0 2px 12px #000}
.intro-auth-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}
.intro-auth-buttons button{min-width:116px;padding:12px 25px;border-radius:999px;color:#fff;font-weight:700;border:1px solid #a9a0f3;background:#101329c9;backdrop-filter:blur(12px);box-shadow:0 8px 28px #0008;transition:transform .2s,filter .2s}
.intro-auth-buttons button:hover{transform:translateY(-2px);filter:brightness(1.17)}
.intro-auth-buttons button:focus-visible{outline:3px solid #f2d5ff;outline-offset:3px}
.intro-auth-buttons .intro-auth-primary{border:0;background:linear-gradient(110deg,#448aff,#8248ef);min-width:146px}
.intro-auth-buttons #introContinueBtn{border-color:#e6c7ff}
#authOverlay{z-index:110}
@keyframes intro-actions-reveal{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes intro-art-reveal{0%{opacity:0;transform:scale(1.07);filter:blur(12px) brightness(.5)}35%{opacity:1;filter:blur(0) brightness(.84)}70%{filter:brightness(1.12)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes intro-light-pass{0%,22%{opacity:0;transform:translateX(-140%) skewX(-15deg)}45%{opacity:.9}78%,100%{opacity:0;transform:translateX(140%) skewX(-15deg)}}
@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.intro-overlay::before{filter:blur(18px) brightness(.65)}.intro-overlay::after{background-size:190% auto}.intro-content::before{top:42%;left:5%;width:90%;height:13%}.intro-line{bottom:23%;width:48vw}.intro-auth-actions{bottom:5%}.intro-auth-actions p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.intro-overlay::after,.intro-content::before,.intro-line i,.intro-auth-actions{animation:none}.intro-overlay{transition:none}}
.brand-button{padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.brand-button .brand-mark{display:block;width:42px;height:42px;object-fit:cover;box-shadow:0 0 20px #667cff55}
.points-badge{padding:8px 11px;border:1px solid #48608a;border-radius:100px;background:#1b2e4a;color:#ebd5aa;font-size:12px;font-weight:750;white-space:nowrap}
.checkin-btn{border-color:#bd985c;color:#f4cc88;white-space:nowrap}.checkin-btn:hover:not(:disabled){background:#60462955}.checkin-btn:disabled{opacity:.65;cursor:default;color:#a9b9c8;border-color:#3a5068}
.home-page{padding:24px 0 70px}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:18px;align-items:center;min-height:278px;overflow:hidden;padding:35px 48px;border:1px solid #3d506d;border-radius:24px;background:radial-gradient(circle at 86% 60%,#42327680,transparent 35%),radial-gradient(circle at 58% 10%,#12487855,transparent 42%),linear-gradient(115deg,#15243e,#101b32 65%,#1b1a39);box-shadow:0 24px 65px #02071266}
.home-hero::before{content:"";position:absolute;z-index:-1;right:-130px;top:-220px;width:680px;height:680px;border:1px solid #8daaf821;border-radius:50%;box-shadow:0 0 0 80px #778eff08,0 0 0 170px #778eff05}
.home-hero .eyebrow{color:#c2a0ff}
.home-hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.22;letter-spacing:-1.2px;margin:13px 0 13px}
.home-hero h1 em{font-style:normal;background:linear-gradient(90deg,#f6e2b9,#afc6ff 65%,#bd9bff);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-hero p{max-width:570px;margin:0;color:#becce0;line-height:1.75;font-size:13px}
.home-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 25px}
.home-hero-actions button{padding:13px 21px}
.home-hero-meta{display:flex;align-items:center;gap:12px;color:#a5b8d1;font-size:11px;flex-wrap:wrap}
.home-hero-meta i{width:3px;height:3px;border-radius:50%;background:#d6bbf4}
.home-hero-art{display:grid;justify-items:center;gap:13px;position:relative;min-width:0}
.home-hero-art::before{content:"";position:absolute;z-index:-1;inset:7% 11% 10%;border-radius:50%;background:#6a58e466;filter:blur(48px)}
.home-hero-art img{display:block;width:min(72%,205px);aspect-ratio:1;object-fit:cover;border-radius:25px;transform:rotate(-7deg);box-shadow:22px 30px 65px #0007,-10px -10px 45px #588fff26}
.home-hero-art span{color:#a6b8d7;letter-spacing:.26em;font-size:10px}
.home-primary-section{margin-top:35px}
.home-primary-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.home-primary-head .eyebrow{color:#e8bd80}
.home-primary-head h2{margin:7px 0 5px;font-size:28px;line-height:1.25}
.home-primary-head p{margin:0;color:#9aacc3;font-size:12px}
.home-primary-count{color:#8194ae;font-size:11px;letter-spacing:.18em;white-space:nowrap}
.home-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}
.home-entry-card{position:relative;display:grid;align-content:space-between;justify-items:start;min-height:272px;padding:29px 31px;text-align:left;color:var(--text);border:1px solid #856b47;border-radius:21px;background:radial-gradient(circle at 82% 30%,#ae75432b,transparent 42%),linear-gradient(120deg,#222d3c,#172334);overflow:hidden;box-shadow:0 17px 40px #02081666;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}
.home-entry-card:hover{transform:translateY(-4px);border-color:#eac17c;box-shadow:0 23px 48px #02081699}
.home-entry-card:focus-visible{outline:3px solid #f4d08b;outline-offset:3px}
.home-entry-card.cinema{border-color:#6763a0;background:radial-gradient(circle at 82% 30%,#7054c944,transparent 42%),linear-gradient(120deg,#1b2540,#27223e)}
.home-entry-card img{position:absolute;right:20px;top:31px;width:210px;height:180px;object-fit:contain;opacity:.77}
.home-entry-card .eyebrow{position:relative;z-index:1;color:#e4bf8b;font-size:9px}
.home-entry-card.cinema .eyebrow{color:#b8b7ff}
.home-entry-card strong{position:relative;z-index:1;align-self:end;max-width:calc(100% - 120px);font-size:27px;line-height:1.3;margin:30px 0 2px}
.home-entry-card>span:not(.eyebrow){position:relative;z-index:1;max-width:calc(100% - 110px);color:#c0cfe0;font-size:12px;line-height:1.5}
.home-entry-card b{position:relative;z-index:1;display:inline-flex;align-items:center;gap:18px;margin-top:16px;padding:10px 15px;border:1px solid #b88f5d;border-radius:10px;background:#edc47e;color:#182436;font-size:12px}
.home-entry-card.cinema b{border-color:#a99aeb;background:#aaa2ed}
.home-entry-card b span{font-size:17px;line-height:1}
.home-section{margin-top:66px}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.home-section-head h2{font-size:30px;margin:7px 0 9px}
.home-section-head p{color:var(--muted);font-size:13px;margin:0}
.home-section-index{color:#8294b0;font-size:11px;letter-spacing:.15em}
.home-course-status{display:inline-flex;align-items:center;border:1px solid #806747;border-radius:999px;padding:7px 13px;color:#eac98f;background:#30283a;font-size:11px;font-weight:700;white-space:nowrap}
.home-course-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.home-course-module{display:grid;align-content:space-between;justify-items:start;gap:12px;min-height:215px;padding:27px 29px;border:1px solid #465a76;border-radius:19px;background:linear-gradient(135deg,#192a43,#142034);color:var(--text);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}
.home-course-module.paid{border-color:#806747;background:linear-gradient(135deg,#302a35,#17243a)}
.home-course-module:hover{transform:translateY(-3px);border-color:#e4bd80}
.home-course-module strong{font-size:27px}
.home-course-module>span:not(.eyebrow){color:#aabbd0;font-size:12px;line-height:1.6}
.home-course-module b{align-self:end;color:#efce9a;font-size:12px}
.course-page{min-height:calc(100vh - 180px);padding:39px 0 80px}
.course-page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #2e4058}
.course-page-header h1{margin:8px 0 7px;font-size:34px}
.course-page-header p{margin:0;color:#9cafc5;font-size:13px}
.course-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.course-page-empty{display:flex;align-items:center;gap:20px;min-height:240px;padding:35px;border:1px solid #665338;border-radius:19px;background:linear-gradient(115deg,#292633,#17243a 75%)}
.course-page-empty h2{margin:0 0 10px;font-size:22px}
.course-page-empty p{margin:0;color:#adbed2;font-size:13px}
@media(max-width:700px){.home-course-modules{grid-template-columns:1fr}.course-page-header{align-items:flex-start;flex-direction:column}.course-page-empty{padding:24px;min-height:210px}}
.site-side-nav{display:none}
body.area-home .area-switch{display:none}
@media(min-width:1800px){
  body.area-home .site-side-nav{position:fixed;z-index:8;top:116px;left:calc((100vw - 1320px)/2 - 228px);display:block;width:216px;max-height:calc(100vh - 138px);overflow:auto;padding:22px 15px;border:1px solid #32445f;border-radius:18px;background:linear-gradient(150deg,#14243aee,#0e1a2cee);box-shadow:0 18px 50px #03091555;backdrop-filter:blur(12px)}
  .site-side-nav-kicker{color:#d7b87e;font-size:9px;font-weight:800;letter-spacing:.18em}
  .site-side-nav h2{margin:8px 0 3px;font-size:19px}
  .site-side-nav>p{margin:0 0 18px;color:#8ea0b8;font-size:11px}
  .site-side-nav nav{display:grid;gap:5px}
  .site-side-nav button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aebdd0;text-align:left;font-size:12px;line-height:1.35;cursor:pointer}
  .site-side-nav button:hover{background:#263852;color:#fff}
  .site-side-nav button.active{border-color:#7b674c;background:linear-gradient(105deg,#3b3341,#263750);color:#f5d9a4;font-weight:700}
  .site-side-nav-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:#23364e;color:#eac589;font-size:16px}
  .site-side-nav button.active .site-side-nav-icon{background:#dcb777;color:#172235}
  .site-side-nav-divider{height:1px;margin:8px 5px;background:#33445c}
  body.chat-docked.area-home .site-side-nav{display:none}
}
.home-paid-course-empty{display:flex;align-items:center;gap:20px;min-height:170px;padding:28px 32px;border:1px solid #665338;border-radius:18px;background:linear-gradient(115deg,#2a2630,#17243a 70%)}
.home-paid-course-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:15px;background:#e9bd78;color:#172235;font-size:27px}
.home-paid-course-empty strong{font-size:18px;color:#f4dfbd}
.home-paid-course-empty p{margin:9px 0 0;color:#adbed2;font-size:12px;line-height:1.6}
.home-learning{padding-bottom:25px}
.home-tutorial-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-tutorial-card,.home-tutorial-empty{min-height:165px;padding:22px 23px;text-align:left;border:1px solid #3d526f;border-radius:16px;background:linear-gradient(145deg,#1a2a43,#121f34);color:var(--text)}
.home-tutorial-card{display:grid;align-content:space-between;gap:10px}
.home-tutorial-card .eyebrow{color:#b8b5ff;font-size:9px}
.home-tutorial-icon{color:#e8c48e;font-size:22px}
.home-tutorial-card strong{font-size:16px}
.home-tutorial-card>span:last-child{color:#a7bbd5;font-size:11px}
.home-tutorial-card:hover,.home-tutorial-empty:hover{border-color:#d8bd91}
.home-tutorial-empty{grid-column:1/-1;display:grid;place-items:center;width:100%;color:#aabbd1;text-align:center}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;min-height:0;padding:37px 35px}.home-hero-art{display:none}.home-entry-card img{opacity:.4}.home-section{margin-top:48px}}
@media(max-width:800px){.home-entry-grid{grid-template-columns:1fr}}
@media(max-width:600px){
  .topbar{flex-wrap:wrap;gap:9px;padding:14px 0}
  .top-actions{width:100%;gap:7px;flex-wrap:wrap}
  .top-actions .ghost-btn,.top-actions .gold-btn{padding:8px 10px;font-size:11px}
  .points-badge{padding:7px 9px}
  .area-switch{gap:17px;overflow-x:auto;white-space:nowrap}
  .area-switch button{flex:none;font-size:12px}
  .home-page{padding-top:17px}
  .home-hero{padding:30px 23px;border-radius:19px}
  .home-hero h1{font-size:29px}
  .home-hero-actions button{width:100%}
  .home-entry-grid,.home-tutorial-preview{grid-template-columns:1fr}
  .home-primary-head h2{font-size:24px}
  .home-entry-card{min-height:240px;padding:23px}
  .home-entry-card img{right:-8px;top:35px;width:170px;opacity:.3}
  .home-entry-card strong{font-size:23px;max-width:calc(100% - 70px)}
  .home-entry-card>span:not(.eyebrow){max-width:calc(100% - 45px)}
  .home-section-head{align-items:start;flex-direction:column;gap:12px}
  .home-section-head h2{font-size:25px}
}

/* Points store and account summary. */
.settings-modal .key-scope-row{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #5d5592;border-radius:11px;background:#242440;color:#e5ddff;font-size:12px}.settings-modal .key-scope-row input{width:auto;margin:0;accent-color:#8066ff}
.membership-shop,.member-ledger-modal{background:#181920;color:#f6f6fa;border-color:#353740;box-shadow:0 30px 100px #000c}
.membership-shop{width:min(1280px,96vw);max-height:94vh;padding:30px}
.membership-shop .modal-header h2{font-size:28px}.membership-shop .modal-header p{margin:5px 0 0;color:#9a9eac;font-size:13px}.membership-shop .eyebrow{color:#8170fb}
.shop-tabs{display:flex;width:max-content;max-width:100%;gap:6px;margin:8px auto 26px;padding:6px;border:1px solid #383941;border-radius:100px;background:#292a30;overflow:auto}
.shop-tabs button{display:grid;gap:3px;min-width:190px;text-align:left;padding:10px 22px;border:0;border-radius:100px;background:transparent;color:#b0b0bd;white-space:nowrap}
.shop-tabs button.active{background:linear-gradient(110deg,#8066ff,#6549e9);color:#fff;box-shadow:0 6px 20px #7259f54d}.shop-tabs b{font-size:16px}.shop-tabs small{font-size:11px;opacity:.82}
.membership-shop .plan-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}
.membership-shop .plan-card{position:relative;display:flex;flex-direction:column;min-height:445px;padding:25px;border:1px solid #3b3d47;border-radius:22px;background:linear-gradient(#2a2b31,#27282e);overflow:hidden}
.membership-shop .plan-card.featured{border-color:#3bb978;background:linear-gradient(#263d37,#292b30);box-shadow:0 0 0 1px #24a56555}
.membership-shop .plan-card h3{font-size:23px;margin:0}.membership-shop .plan-period{min-height:0;margin:7px 0 17px;color:#c0c1cb;font-size:15px}
.membership-shop .plan-card .price{color:#7e62ff;font-size:45px;line-height:1.12}.membership-shop .plan-card.featured .price{color:#25e377}.membership-shop .plan-card .price small{font-size:15px;color:#9698a8;font-weight:600}
.membership-shop .plan-pricing-note{min-height:0;margin:4px 0 19px;color:#9ea0ae;font-size:12px}.membership-shop .plan-points{display:flex;justify-content:space-between;gap:8px;padding:13px 14px;border-radius:13px;background:#36373f}.membership-shop .plan-points strong{font-size:15px}.membership-shop .plan-points span{font-size:11px;color:#9ea0ae}
.membership-shop .plan-features{list-style:none;display:grid;gap:11px;margin:20px 0 24px;padding:0}.membership-shop .plan-features li{color:#d5d6df;font-size:13px}.membership-shop .plan-features li::before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:10px;border:1px solid #18d76d;border-radius:50%;color:#18d76d;font-size:11px;font-weight:800}
.membership-shop .plan-card button{margin-top:auto;background:#36334e;border:1px solid #62539c;color:#a68dff;box-shadow:none}.membership-shop .plan-card.featured button{background:linear-gradient(100deg,#25e476,#7563f2);border:0;color:#101925}.plan-ribbon{position:absolute;right:0;top:0;padding:7px 15px;border-radius:0 0 0 12px;background:linear-gradient(100deg,#20df70,#7568ef);color:#10221c;font-size:11px;font-weight:800}
.membership-shop .points-purchase,.shop-team-note{padding:28px;border:1px solid #3a3b46;border-radius:20px;background:#292a31}.membership-shop .points-purchase h3{font-size:22px;margin:0 0 8px}.membership-shop .points-purchase p,.shop-team-note p{color:#aaadbb}.membership-shop .points-purchase select,.membership-shop .points-purchase input{background:#20212a;border:1px solid #4e4a65;color:#fff;border-radius:10px;padding:11px}.shop-team-note{text-align:center;padding:52px 20px}.shop-team-note>span{font-size:45px;color:#7b63f5}.shop-team-note h3{font-size:22px;margin:10px 0}.shop-team-note .ghost-btn{margin-top:12px}
.membership-shop #billingPaymentFlow{margin-top:20px;padding-top:19px;border-top:1px solid #373844}.membership-shop .device-box{background:#24252c}.membership-shop .qr-panel{background:#25262e}.membership-shop #activationCode{background:#24252c;border:1px solid #484955;border-radius:10px;color:#fff;padding:11px}
.member-modal.member-ledger-modal{width:min(1100px,96vw);padding:36px;max-height:94vh}.member-ledger-head{display:flex;align-items:center;gap:18px;margin-bottom:34px}.member-ledger-avatar{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#876bff,#6049ed);font-size:29px;font-weight:800}.member-ledger-head h2{font-size:26px;margin:0 0 3px}.member-ledger-head p{color:#999baa;margin:0;font-size:14px}.member-ledger-head .icon-close{margin-left:auto;background:transparent;border:0;color:#9a9caa;font-size:32px}
.member-ledger-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:29px 31px;border:1px solid #494a50;border-radius:13px;background:#35363c}.member-ledger-summary span{display:block;color:#d0d1d8;font-size:16px;font-weight:700}.member-ledger-summary strong{display:block;margin-top:12px;color:#795ef9;font-size:40px;line-height:1.15}.member-ledger-summary p{grid-column:1/-1;margin:7px 0 0;color:#aaaeb9;font-size:13px}
.member-ledger-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:25px 0 21px}.member-ledger-toolbar h3{margin:0 0 3px;font-size:22px}.member-ledger-toolbar p{margin:0;color:#9da1ad;font-size:13px}.member-ledger-filters{display:flex;gap:2px;padding:5px;border:1px solid #494b58;border-radius:10px;background:#252731}.member-ledger-filters button{border:0;border-radius:7px;background:transparent;color:#c7c8d1;padding:9px 18px;font-weight:700}.member-ledger-filters button.active{background:#7158ef;color:white}
.member-ledger-list-head{display:flex;justify-content:space-between;margin-bottom:12px}.member-ledger-list-head strong{font-size:18px}.member-ledger-list-head span{color:#a3a6b0;font-size:13px}.member-ledger-rows{height:min(465px,45vh);overflow:auto;border:1px solid #41434a;border-radius:12px;background:#2c2d33}.member-ledger-row{display:flex;align-items:center;gap:17px;min-height:86px;padding:15px 21px;border-bottom:1px solid #414249}.member-ledger-row:last-child{border-bottom:0}.member-ledger-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;font-size:22px;font-weight:800}.member-ledger-icon.positive{background:#2b4b3b;color:#21df78}.member-ledger-icon.negative{background:#4e323e;color:#f23774}.member-ledger-detail{min-width:0;flex:1}.member-ledger-item-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.member-ledger-item-title strong{font-size:15px}.member-ledger-bucket{padding:2px 8px;border:1px solid #4e505b;border-radius:100px;color:#a9adb8;font-size:11px}.member-ledger-detail small{display:block;margin-top:6px;color:#9b9fab;font-size:12px}.member-ledger-amount{font-size:22px}.member-ledger-amount.positive{color:#22e277}.member-ledger-amount.negative{color:#f33073}.member-ledger-empty{padding:55px 20px;text-align:center;color:#a8abb7}
.member-ledger-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0}.member-ledger-pagination button,.member-ledger-footer button{border:0;border-radius:10px;background:#282a34;color:#f0f0f5;padding:10px 16px;font-weight:700}.member-ledger-pagination button:disabled{opacity:.4}.member-ledger-pagination strong{padding:0 16px;white-space:nowrap}.member-ledger-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #383942;padding-top:15px;color:#9ea2b0;font-size:12px}.member-ledger-footer button{background:#7056ee;color:#fff}
@media(max-width:850px){.membership-shop .plan-cards{grid-template-columns:1fr}.membership-shop .plan-card{min-height:0}.shop-tabs{width:100%}.shop-tabs button{min-width:145px;padding:9px 13px}}
@media(max-width:600px){.membership-shop,.member-modal.member-ledger-modal{padding:19px}.member-ledger-head{margin-bottom:20px}.member-ledger-head h2{font-size:20px}.member-ledger-summary{padding:18px}.member-ledger-summary strong{font-size:30px}.member-ledger-toolbar{align-items:start;flex-direction:column}.member-ledger-filters{width:100%}.member-ledger-filters button{flex:1}.member-ledger-row{padding:13px;gap:10px}.member-ledger-amount{font-size:18px}.member-ledger-footer{align-items:start;flex-direction:column}.shop-tabs b{font-size:13px}.shop-tabs small{font-size:9px}}
.billing-demo-note{padding:15px 18px;border:1px solid #526a8c;border-radius:12px;background:#1d2d48;color:#d5e2f3!important}
.member-modal{width:min(800px,100%)}
.member-identity{display:flex;align-items:center;gap:16px;padding:18px 0 23px;border-bottom:1px solid #3c506b}
.member-avatar{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#5bccff,#8a66f3 70%,#de8bd5);color:#10172a;font:800 37px Georgia,serif;box-shadow:0 9px 25px #5f85eb44}
.member-identity strong,.member-identity span:not(.member-avatar){display:block}
.member-identity strong{font-size:20px;margin-bottom:6px}
.member-identity div span{color:#b6c6dd;font-size:12px}
.member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0 11px}
.member-stats>div{padding:19px 17px;border:1px solid #415674;border-radius:13px;background:#1b2c43}
.member-stats span{display:block;color:#a6b7cc;font-size:11px}
.member-stats strong{display:block;margin-top:10px;color:#f0c78e;font-size:28px;line-height:1}
.member-permanent{color:#9fb1c9;font-size:12px;margin:0 0 20px}
.member-device{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #354965;border-radius:12px;background:#0d192a;flex-wrap:wrap}
.member-device span{color:#a8b7ca;font-size:11px}
.member-device code{color:#d6c1fa;font-size:12px;overflow-wrap:anywhere}
.member-device button{margin-left:auto}
.member-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:25px}
.member-lists section{min-width:0}
.member-lists h3{font-size:15px;margin:0 0 10px}
.member-records{min-height:80px;padding:6px 13px;border:1px solid #354a66;border-radius:12px;background:#111e30}
.member-record{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #30425c;font-size:11px}
.member-record:last-child{border-bottom:0}
.member-record span{color:#b6c5d8}
.member-record strong{color:#ecd0a3;white-space:nowrap}
.member-empty{color:#8598b1;font-size:12px;margin:18px 0}
.member-actions{display:flex;justify-content:flex-end;margin-top:25px}
@media(max-width:600px){.member-stats{grid-template-columns:1fr 1fr}.member-stats>div:first-child{grid-column:1/-1}.member-lists{grid-template-columns:1fr}.member-stats strong{font-size:23px}.member-device button{margin-left:0}}

/* Cinematic infinite canvas */
#cinemaArea.cinema-canvas-workspace{position:relative;margin:14px calc(50% - 50vw) 0;min-height:calc(100vh - 130px)}
.cinema-canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px max(24px,calc((100vw - 1500px)/2));border-top:1px solid #2a3a50;border-bottom:1px solid #2a3a50;background:rgba(10,18,31,.92);backdrop-filter:blur(18px)}
.cinema-canvas-title{display:flex;align-items:center;gap:15px}.cinema-canvas-title .eyebrow{white-space:nowrap}.cinema-canvas-title h1{font-size:18px;margin:0}.cinema-canvas-title p{margin:0;color:#91a4bb;font-size:11px}.cinema-canvas-title kbd,.cinema-canvas-empty kbd{display:inline-grid;place-items:center;min-width:27px;padding:2px 6px;border:1px solid #566b84;border-bottom-width:2px;border-radius:5px;background:#18273a;color:#f2d5a8;font:600 11px/1.4 inherit}
.cinema-canvas-actions{display:flex;align-items:center;gap:8px}.cinema-canvas-actions .ghost-btn{padding:9px 12px}.canvas-divider{width:1px;height:24px;background:#33465d;margin:0 3px}.canvas-icon-btn,.canvas-zoom-label{display:grid;place-items:center;height:34px;border:1px solid #3d526d;background:#152438;color:#e7eef7;cursor:pointer}.canvas-icon-btn{width:34px;border-radius:9px;font-size:18px}.canvas-zoom-label{min-width:52px;padding:0 7px;border-radius:9px;font-size:11px}.canvas-icon-btn:hover,.canvas-zoom-label:hover{border-color:#d4ae77;color:#f2d5a8}
.cinema-canvas{position:relative;height:calc(100vh - 218px);min-height:590px;overflow:hidden;outline:0;background:#0a1422;cursor:crosshair;touch-action:none;user-select:none}
.cinema-canvas.is-space-panning{cursor:grab}.cinema-canvas.is-panning{cursor:grabbing}
.cinema-canvas.is-panning .canvas-selection-toolbar,.cinema-canvas.is-panning .canvas-image-toolbar{visibility:hidden}
.cinema-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(4,10,18,.36) 100%)}
.cinema-canvas-world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}
.cinema-node{position:absolute;width:390px;border:1px solid #435a76;border-radius:16px;background:rgba(16,29,47,.98);box-shadow:0 22px 65px rgba(0,0,0,.42);overflow:visible;user-select:auto;transition:border-color .18s,box-shadow .18s}
.cinema-node.is-active{border-color:#d3aa70;box-shadow:0 0 0 1px #d3aa7045,0 24px 70px rgba(0,0,0,.5)}
.cinema-node-head{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:grab;user-select:none;background:linear-gradient(110deg,#1d3049,#16263b);border-bottom:1px solid #354a64}.cinema-node-head:active{cursor:grabbing}.node-kind-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #667d99;border-radius:10px;background:#233951;color:#efd09e;font-weight:800}.cinema-node-head>div{flex:1}.cinema-node-head>div>span{display:block;color:#8fa4bd;font-size:8px;letter-spacing:1.6px}.cinema-node-head h2{font-size:16px;margin:3px 0 0}.node-collapse{display:grid;place-items:center;width:32px;height:32px;border:1px solid #465c77;border-radius:9px;background:#122238;color:#e8d0a8;font-size:19px;cursor:pointer}.node-collapse:hover{border-color:#d4ae77}
.cinema-node-body{padding:16px;max-height:min(690px,calc(100vh - 190px));overflow:auto;overscroll-behavior:contain}.cinema-node.is-collapsed .cinema-node-body{display:none}.cinema-node.is-collapsed .cinema-node-head{border-bottom:0}.cinema-node .stacked-label{font-size:11px}.cinema-node .prompt-output,.cinema-node textarea{width:100%;min-height:112px;padding:12px 13px;margin-top:7px;resize:vertical;background:#0c192a;border-color:#435a76;font-size:12px;line-height:1.65}.cinema-node .progress-wrap{margin-top:13px}.cinema-node .status{min-height:17px;margin:8px 0 0;font-size:10px}.node-control-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;margin-top:12px}.node-control-row label{display:grid;gap:5px;color:#9fb0c5;font-size:10px}.node-control-row select{width:100%;padding:8px 9px;background:#13243a;border:1px solid #425873;border-radius:8px;color:#edf2f7}.node-control-row>span{padding-bottom:9px;color:#e7c794;font-size:10px;white-space:nowrap}.node-action-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.node-action-row button{padding:9px 13px}.node-upload{padding:0;margin-bottom:13px;background:transparent!important;border:0!important}.node-upload .card-head{margin-bottom:8px}.node-upload .card-head h3{font-size:13px}.node-upload .card-head p{font-size:9px}.node-upload .dropzone{min-height:90px;padding:13px}.node-upload .drop-icon{font-size:23px}.node-upload .thumb-grid{margin-top:8px}.node-muted{margin:0 0 12px;color:#91a5bd;font-size:10px}.cinema-node .image-preview{margin-top:13px;border-radius:11px}.cinema-node .image-preview img{max-height:430px;object-fit:contain}.node-download-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d7b47e;border-radius:9px;background:#d7b47e;color:#132036;font-size:21px;line-height:1;cursor:pointer}.node-download-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cinema-node-summary{padding:16px;background:rgba(16,29,47,.98);border-radius:0 0 15px 15px}
.cinema-node-summary .node-linked-inputs{margin-bottom:0}
.cinema-node.has-detached-panel{width:320px;border-color:transparent;background:transparent;box-shadow:none}
.cinema-node.has-detached-panel>.cinema-node-head{border:1px solid #435a76;border-bottom:0;border-radius:15px 15px 0 0}
.cinema-node-io{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border-left:1px solid #435a76;border-right:1px solid #435a76;background:rgba(16,29,47,.98);color:#a8b7ca;font-size:10px}
.cinema-node-io span:first-child{color:#d8bdff}.cinema-node-io span:last-child{color:#a9c2ee}
.cinema-node-preview{padding:0 12px 12px;border:1px solid #435a76;border-top:0;border-radius:0 0 15px 15px;background:rgba(16,29,47,.98);box-shadow:0 18px 48px rgba(0,0,0,.34)}
.cinema-node-preview-placeholder{display:grid;place-items:center;align-content:center;gap:8px;min-height:170px;border:1px solid #2c4159;background:#0b1625;color:#72879f;text-align:center}
.cinema-node-preview-placeholder span{font-size:27px}.cinema-node-preview-placeholder strong{font-size:10px;font-weight:500}
.cinema-node-preview:has(.image-preview:not(.hidden)) .cinema-node-preview-placeholder{display:none}
.cinema-node-preview .image-preview{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#091320}
.cinema-node-preview .image-preview img{display:block;width:100%;height:auto;max-height:none!important;border-radius:0;object-fit:contain}
.cinema-node-preview .preview-actions{justify-content:space-between;margin:0;padding:8px;background:#101f32}
.cinema-node-preview-state{margin:10px 0 0;color:#91a6be;font-size:9px;letter-spacing:.5px;text-transform:uppercase}
.cinema-node.has-detached-panel>.cinema-node-summary{border:1px solid #435a76;border-top:0;box-shadow:0 18px 48px rgba(0,0,0,.34)}
.cinema-node.has-detached-panel>.node-port{top:92px}
.cinema-node.has-detached-panel>.cinema-node-body{position:relative;left:50%;width:520px;margin-top:22px;border:1px solid #435a76;border-radius:18px;background:rgba(16,29,47,.985);box-shadow:0 22px 65px rgba(0,0,0,.42);transform:translateX(-50%);animation:node-panel-drop .18s ease-out}
.cinema-node.has-detached-panel.is-collapsed>.cinema-node-head{border-bottom:0;border-radius:15px 15px 0 0}
.cinema-node.has-detached-panel.is-selected>.cinema-node-head,.cinema-node.has-detached-panel.is-selected>.cinema-node-summary,.cinema-node.has-detached-panel.is-selected>.cinema-node-body{border-color:#8fa8ff;box-shadow:0 0 0 2px rgba(115,145,247,.34),0 22px 65px rgba(0,0,0,.42)}
@keyframes node-panel-drop{from{opacity:0}to{opacity:1}}
.cinema-canvas-empty{position:absolute;left:50%;top:45%;z-index:1;display:grid;justify-items:center;transform:translate(-50%,-50%);pointer-events:none;color:#879ab1;text-align:center}.cinema-canvas-empty>span{display:grid;place-items:center;width:60px;height:60px;margin-bottom:17px;border:1px solid #3b5069;border-radius:19px;background:#112137;color:#ddbc88;font-size:26px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.cinema-canvas-empty strong{color:#c3d0df;font-size:15px}.cinema-canvas-empty p{margin:8px 0 0;font-size:11px}.canvas-corner-help{position:absolute;left:24px;bottom:20px;z-index:2;display:flex;align-items:center;gap:9px;color:#71879f;font-size:9px;letter-spacing:.3px;pointer-events:none}.canvas-corner-help i{width:3px;height:3px;border-radius:50%;background:#536a83}
.cinema-node-menu{position:absolute;z-index:20;width:266px;padding:12px;border:1px solid #536a87;border-radius:15px;background:rgba(13,25,41,.98);box-shadow:0 25px 70px rgba(0,0,0,.55);backdrop-filter:blur(18px);cursor:default}.cinema-node-menu>.eyebrow{display:block;padding:3px 7px 9px}.cinema-node-menu>button{display:flex;align-items:center;width:100%;gap:11px;padding:10px;border:0;border-radius:10px;background:transparent;color:#edf2f8;text-align:left;cursor:pointer}.cinema-node-menu>button:hover,.cinema-node-menu>button:focus{outline:0;background:#223650}.cinema-node-menu>button>b{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #58708d;border-radius:9px;background:#182c43;color:#eccb98}.cinema-node-menu>button span{display:grid;gap:3px}.cinema-node-menu>button strong{font-size:12px}.cinema-node-menu>button small{color:#8fa3bb;font-size:9px}.cinema-node-menu>em{display:block;padding:8px 7px 1px;border-top:1px solid #2c4058;color:#657c95;font-size:9px;font-style:normal;text-align:right}
.cinema-node-menu{max-height:calc(100% - 24px);overflow:auto}
.image-agent-menu{position:fixed;z-index:92;width:min(380px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 24px));overflow:auto;padding:13px;border:1px solid #566d8c;border-radius:16px;background:rgba(12,23,39,.98);box-shadow:0 28px 85px rgba(0,0,0,.65);backdrop-filter:blur(22px);animation:image-agent-menu-in .14s ease-out}.image-agent-menu>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 10px}.image-agent-menu>header>span{display:grid;gap:2px}.image-agent-menu>header small{color:#d7ad6d;font-size:8px;letter-spacing:1.6px}.image-agent-menu>header strong{font-size:14px}.image-agent-menu>header button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #455a74;border-radius:8px;background:#172a42;color:#bccbdd;font-size:18px;cursor:pointer}.image-agent-menu>p{margin:0 3px 10px;color:#7f93aa;font-size:9px}.image-agent-menu-list{display:grid}.image-agent-group{display:block;padding:10px 6px 6px;border-top:1px solid #2a3f57;color:#d6b277;font-size:9px;font-weight:800;letter-spacing:.8px}.image-agent-option{display:grid;grid-template-columns:36px 1fr auto;align-items:center;width:100%;gap:10px;padding:9px 8px;border:0;border-radius:10px;background:transparent;color:#edf3fa;text-align:left;cursor:pointer}.image-agent-option:hover{background:#203550}.image-agent-option img{width:36px;height:36px;border-radius:9px;object-fit:cover}.image-agent-option>span{display:grid;min-width:0;gap:3px}.image-agent-option strong{font-size:11px}.image-agent-option small{overflow:hidden;color:#8297b0;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.image-agent-option b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #5a718e;border-radius:7px;color:#e5c187;font-size:14px}.image-agent-menu.is-busy{pointer-events:none;opacity:.68}.image-agent-menu.is-busy::after{content:"正在添加图片…";position:sticky;left:0;bottom:0;display:block;padding:9px;border-radius:9px;background:#d9b676;color:#122037;font-size:10px;font-weight:800;text-align:center}@keyframes image-agent-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.image-publish-section{padding:12px;margin:3px 0 11px;border:1px solid #775e3e;border-radius:11px;background:#2b261f}.image-publish-section>strong{color:#f0cc8e;font-size:12px}.image-publish-section>p{margin:4px 0 10px;color:#b6a793;font-size:9px}.image-publish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.image-publish-options button{padding:9px 7px;border:1px solid #9d7743;border-radius:8px;background:#3a3023;color:#f7dfb7;font-size:11px;font-weight:700;cursor:pointer}.image-publish-options button:hover{border-color:#f4cc80;background:#5a4328;color:#fff}.home-creation-empty{grid-column:1/-1;margin:0;padding:34px;border:1px dashed #465a72;border-radius:13px;background:#162133;color:#9cacc1;text-align:center;font-size:12px}
.image-send-blender{width:100%;margin:0 0 10px;padding:10px;border:1px solid #8ca7d6;border-radius:9px;background:#203657;color:#edf3ff;text-align:left;cursor:pointer}.image-send-blender:hover{background:#2b4873}.blender-bridge-modal{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto}.blender-bridge-modal>p{line-height:1.6}.blender-bridge-modal label{display:grid;gap:7px;margin:14px 0}.blender-bridge-modal input,.blender-bridge-modal textarea{width:100%;padding:10px;border:1px solid #50617c;border-radius:9px;background:#0d1a2d;color:#f3f6ff}.blender-bridge-modal code{user-select:text;overflow-wrap:anywhere}.blender-device-list{display:grid;gap:8px}.blender-device-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #384a65;border-radius:9px}.blender-device-list button{padding:6px 10px;border:1px solid #8a5b60;border-radius:7px;background:#42262d;color:#ffd7d7;cursor:pointer}#blenderTokenResult{margin:15px 0;padding:12px;border:1px solid #826d46;border-radius:11px;background:#242b37}#blenderTokenValue{user-select:text}
@media(max-width:780px){#cinemaArea.cinema-canvas-workspace{margin-top:8px}.cinema-canvas-bar{align-items:flex-start;padding:12px 14px}.cinema-canvas-title{display:grid;gap:4px}.cinema-canvas-title .eyebrow{display:none}.cinema-canvas-title h1{font-size:15px}.cinema-canvas-title p{font-size:9px}.cinema-canvas-actions .ghost-btn{display:none}.canvas-divider{display:none}.cinema-canvas{height:calc(100vh - 188px);min-height:520px}.cinema-node{width:min(350px,calc(100vw - 34px))}.cinema-node.has-detached-panel>.cinema-node-body{width:min(520px,calc(100vw - 34px))}.canvas-corner-help{display:none}.node-control-row{grid-template-columns:1fr 1fr}.node-control-row>span{grid-column:1/-1;padding:0}.cinema-node-body{max-height:calc(100vh - 155px)}}
.cinema-connections{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.connection-path,.connection-draft{fill:none;stroke:#8da7ff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(116,145,255,.48));vector-effect:non-scaling-stroke}.connection-path{pointer-events:stroke;cursor:pointer}.connection-path:hover{stroke:#f0c77f;stroke-width:5}.connection-text{stroke:#d8aa68}.connection-draft{stroke:#b8c8ff;stroke-dasharray:7 6;opacity:.9}
.node-port{position:absolute;z-index:8;top:50%;width:17px;height:17px;padding:0;border:3px solid #132238;border-radius:50%;background:#7896f5;box-shadow:0 0 0 1px #9bb1ff,0 0 13px rgba(105,137,244,.45);cursor:crosshair;transform:translateY(-50%);transition:transform .15s,background .15s}.node-port::after{content:"";position:absolute;inset:-9px}.node-port-input{left:-9px}.node-port-output{right:-9px}.node-port[data-data-type="text"]{background:#d8a960;box-shadow:0 0 0 1px #f0cd91,0 0 13px rgba(216,169,96,.4)}.node-port:hover,.node-port.is-dragging{transform:translateY(-50%) scale(1.28)}.node-port.is-connected{background:#b7c6ff;box-shadow:0 0 0 2px #728ff0,0 0 18px rgba(117,146,247,.7)}
.cinema-node-head{border-radius:15px 15px 0 0}.cinema-node.is-collapsed .cinema-node-head{border-radius:15px}.cinema-node-body{border-radius:0 0 15px 15px;background:rgba(16,29,47,.98)}
.node-linked-inputs{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;margin-bottom:13px;border:1px dashed #536c8d;border-radius:11px;background:#101f33}.node-linked-inputs>div:first-child{display:grid;gap:3px}.node-linked-inputs>div:first-child span{color:#dfe8f4;font-size:11px;font-weight:700}.node-linked-inputs>div:first-child small{color:#8095ae;font-size:9px}.linked-image-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;min-height:0}.linked-image-chip{display:block;width:43px;height:43px;padding:2px;border:1px solid #607ba0;border-radius:8px;background:#172b43}.linked-image-chip img{width:100%;height:100%;border-radius:5px;object-fit:cover}
.node-reference-mentions{margin-top:10px;padding:10px;border:1px solid #3c5575;border-radius:10px;background:#14243a}.node-reference-mentions>span{display:block;margin-bottom:7px;color:#a9bdd7;font-size:10px}.node-reference-mentions>div{display:flex;flex-wrap:wrap;gap:8px}.node-reference-choice{display:flex;align-items:center;gap:7px;padding:4px 9px 4px 4px;border:1px solid #59729a;border-radius:8px;background:#1d314d;color:#e8effa;font-size:11px;cursor:pointer}.node-reference-choice:hover,.node-reference-choice:focus-visible{border-color:#a6b9ff;background:#2a4264}.node-reference-choice img{width:38px;height:38px;border-radius:5px;object-fit:cover}
.node-reference-choice.is-used{border-color:#edc680;background:#53402d;box-shadow:0 0 0 1px #edc68055}
.canvas-image-node{width:260px}.canvas-image-node .cinema-node-head{border-radius:15px 15px 0 0}.canvas-image-node .cinema-node-head h2{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-image-body{display:grid;gap:8px;padding:10px;border-radius:0 0 15px 15px;background:#0d1b2e}.canvas-source-image{display:block;width:100%;height:165px;border-radius:9px;object-fit:contain;background:#07111e;cursor:zoom-in}.canvas-image-body small{color:#8398b2;font-size:9px;text-align:center}.canvas-image-remove{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #4b617b;border-radius:8px;background:#172a41;color:#b6c6d8;font-size:18px;cursor:pointer}.canvas-image-remove:hover{border-color:#df9c89;color:#ffd5c9}
.canvas-video-node{width:320px;border-color:#756ba8}.canvas-video-node .cinema-node-head h2{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-body{display:grid;gap:6px;padding:8px;background:#0d1b2e;border-radius:0 0 15px 15px}.canvas-video-player{display:block;width:100%;max-height:280px;aspect-ratio:16/9;border-radius:8px;background:#050c16;object-fit:contain;user-select:none}.canvas-video-body small{color:#8398b2;font-size:10px;text-align:center}.canvas-video-node .node-port-output{top:50%}
.rodin-node{width:430px;border-color:#8a79c5}.rodin-preview{height:280px;padding:10px;background:#081422;cursor:zoom-in}.rodin-viewer{width:100%;height:100%;background:#101b2b;border-radius:9px}.rodin-placeholder{display:grid;place-items:center;width:100%;height:100%;border:1px dashed #61728e;border-radius:9px;color:#91a8c6;text-align:center;font-size:12px}.rodin-body{display:grid;gap:12px}.rodin-body>label,.rodin-fields label{display:grid;gap:5px;color:#adbed3;font-size:11px}.rodin-body textarea{min-height:88px;margin:0}.rodin-body input:not([type=checkbox]),.rodin-body select{width:100%;padding:8px;background:#13243a;border:1px solid #425873;border-radius:8px;color:#edf2f7}.rodin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rodin-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rodin-checks label{display:flex;align-items:center;gap:5px;color:#b9c9db;font-size:11px}.rodin-image-labels{display:grid;gap:5px}.rodin-image-labels label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.rodin-image-labels select{max-width:110px}.rodin-generate{width:100%;min-height:42px}.rodin-status{margin:0;color:#9eb2ce;font-size:11px}.rodin-downloads{display:flex;flex-wrap:wrap;gap:7px}.rodin-downloads a{font-size:10px}.rodin-send{display:flex;gap:8px}.rodin-send select{min-width:0;flex:1}.rodin-editor-overlay{z-index:130}.rodin-editor{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(95vw,1500px);height:min(94vh,1000px);border:1px solid #7188b9;border-radius:16px;background:#0b1728;overflow:hidden}.rodin-editor>model-viewer{width:100%;height:100%}.rodin-editor-bar,.rodin-editor-controls{display:flex;align-items:center;gap:18px;padding:12px 16px;background:#14253c;color:#dce6f3}.rodin-editor-bar span,.rodin-editor-controls small{color:#94a9c3;font-size:11px}.rodin-editor-bar button{margin-left:auto}.rodin-editor-controls label{display:flex;align-items:center;gap:7px;font-size:11px}.rodin-editor-controls input{width:100px}.rodin-editor-controls small{margin-left:auto}
.rodin-reference-count{margin:0;color:#a8bbd4;font-size:11px}.rodin-image-labels .rodin-reference-row{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:42px;padding:5px 8px;border:1px solid #3d5470;border-radius:8px;background:#102137}.rodin-reference-row img{width:38px;height:32px;object-fit:cover;border-radius:4px}.rodin-reference-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rodin-image-labels .rodin-reference-row select{width:106px;max-width:106px;flex:none}
.cinema-node.rodin-node.has-detached-panel{width:430px}
.rodin-node.has-detached-panel>.cinema-node-head{border-color:#8a79c5}
.rodin-node.has-detached-panel>.rodin-preview{position:relative;height:315px;padding:12px;border:1px solid #8a79c5;border-top:0;border-radius:0 0 16px 16px;background:#0b1829;box-shadow:0 18px 48px #0006}
.rodin-progress{position:absolute;right:22px;bottom:22px;left:22px;padding:11px 12px;border:1px solid #59729b;border-radius:10px;background:#0d1b2eea;color:#dbe8fa;pointer-events:none}
.rodin-progress-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px}
.rodin-progress-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rodin-progress-percent{color:#e1c294;white-space:nowrap}
.rodin-progress-track{height:9px;overflow:hidden;border-radius:99px;background:#293d57}
.rodin-progress-fill{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#84aaff,#b69df8);box-shadow:0 0 12px #94aaff80;transition:width .35s ease}
.rodin-progress:not(.is-failed) .rodin-progress-fill{background-image:linear-gradient(90deg,#84aaff,#b69df8,#84aaff);background-size:200% 100%;animation:rodin-progress-shimmer 2s linear infinite}
.rodin-progress.is-failed .rodin-progress-fill{background:#e58d91}
@keyframes rodin-progress-shimmer{to{background-position:-200% 0}}
.rodin-node.has-detached-panel>.rodin-body{left:50%;width:960px;max-height:min(650px,calc(100vh - 145px));margin-top:18px;padding:18px;border-color:#53647d;border-radius:17px;background:#151f2d}
.rodin-main{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}
.rodin-reference-pane{display:grid;gap:12px;min-width:0}
.rodin-reference-pane>label{display:grid;gap:6px;color:#adbed3;font-size:11px}
.rodin-reference-pane textarea{min-height:150px}
.rodin-parameter-pane{display:grid;gap:15px;min-width:0;padding-left:18px;border-left:1px solid #354760}
.rodin-parameter-pane .rodin-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.rodin-parameter-pane .rodin-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
.rodin-actions{display:grid;grid-template-columns:minmax(0,1fr) 205px;align-items:center;gap:9px 12px;margin-top:16px;padding-top:14px;border-top:1px solid #354760}
.rodin-actions .rodin-balance{margin:0;color:#d5c6a7;font-size:11px}
.rodin-actions .rodin-generate{grid-column:2}
.rodin-actions .rodin-status{grid-column:1/-1}
.rodin-actions .rodin-status:empty{display:none}
.rodin-actions .rodin-task-id{grid-column:1/3;margin:0;overflow-wrap:anywhere;color:#87a5ca;font-size:10px}
.rodin-actions .rodin-check-jobs{grid-column:2;justify-self:stretch;font-size:11px}
.rodin-actions .rodin-downloads{grid-column:1/-1}
.rodin-actions .rodin-send{grid-column:1;min-width:260px}
.rodin-actions .rodin-send-progress{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:18px}
.rodin-send-progress-track{flex:1;height:10px;overflow:hidden;border-radius:99px;background:#293d57}
.rodin-send-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#84aaff,#b69df8);transition:width .3s ease}
.rodin-send-progress.is-indeterminate .rodin-send-progress-fill{animation:rodin-send-pulse 1.5s ease-in-out infinite alternate}
.rodin-send-progress.is-failed .rodin-send-progress-fill{background:#e58d91}
.rodin-send-progress-percent{min-width:35px;color:#cad8ff;font-size:11px;text-align:right}
.rodin-node.is-sending-model .rodin-actions .rodin-status,.rodin-node.is-sending-model .rodin-actions .rodin-task-id{display:none}
@keyframes rodin-send-pulse{from{transform:translateX(-100%)}to{transform:translateX(285%)}}
.rodin-actions .rodin-connect-maya{grid-column:2}
.rodin-node.has-detached-panel>.node-port{top:215px}
.rodin-node.has-detached-panel.is-selected>.cinema-node-head{border-color:#8a79c5;box-shadow:none}
.rodin-node.has-detached-panel.is-selected>.rodin-preview,.rodin-node.has-detached-panel.is-selected>.rodin-body{border-color:#9aaafa;box-shadow:0 0 0 2px #7e94ed55,0 20px 54px #0007}
@media(max-width:1000px){.rodin-node.has-detached-panel>.rodin-body{width:min(760px,calc(100vw - 34px))}.rodin-parameter-pane .rodin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.cinema-node.rodin-node.has-detached-panel{width:min(430px,calc(100vw - 34px))}.rodin-node.has-detached-panel>.rodin-body{width:min(520px,calc(100vw - 34px))}.rodin-main{grid-template-columns:1fr}.rodin-parameter-pane{padding:14px 0 0;border-left:0;border-top:1px solid #354760}.rodin-actions{grid-template-columns:1fr 1fr}.rodin-actions .rodin-balance,.rodin-actions .rodin-status,.rodin-actions .rodin-downloads,.rodin-actions .rodin-send,.rodin-actions .rodin-task-id{grid-column:1/-1}.rodin-actions .rodin-generate{grid-column:2}.rodin-actions .rodin-connect-maya{grid-column:1/-1}.rodin-actions .rodin-check-jobs{grid-column:1/-1}}
.rodin-jobs-modal{width:min(680px,94vw);max-height:82vh;overflow:auto}.rodin-jobs-modal>p{color:#a7bbd4;font-size:12px}.rodin-jobs-list{display:grid;gap:8px}.rodin-job-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border:1px solid #425878;border-radius:9px;background:#14263d}.rodin-job-row>div{display:grid;gap:4px;min-width:0}.rodin-job-row strong{color:#e6eefb;font-size:12px}.rodin-job-row span,.rodin-job-row small{color:#98acc7;font-size:10px;overflow-wrap:anywhere}.rodin-job-row button{flex:none}
.rodin-editor{grid-template-rows:auto minmax(0,1fr);width:min(96vw,1580px);height:min(95vh,1050px)}
.rodin-editor-bar{justify-content:space-between;min-height:62px;border-bottom:1px solid #334969}
.rodin-editor-bar>div{display:flex;align-items:center;gap:14px;min-width:0}.rodin-editor-bar strong{font-size:16px;white-space:nowrap}.rodin-editor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rodin-editor-bar>.ghost-btn{margin-left:0}.rodin-editor-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}
.rodin-editor-viewport{position:relative;min-width:0;min-height:0;overflow:hidden}.rodin-editor-canvas,.rodin-editor-canvas canvas{display:block;width:100%;height:100%}
.rodin-editor-toolbar{position:absolute;z-index:2;top:16px;left:16px;display:flex;gap:6px;padding:5px;border:1px solid #465d80;border-radius:10px;background:#12243beb;box-shadow:0 8px 22px #0005}
.rodin-editor-toolbar button,.rodin-editor-segment button{padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c3d3e8;cursor:pointer}
.rodin-editor-toolbar button:hover,.rodin-editor-segment button:hover{background:#273e5c}.rodin-editor-toolbar .is-active,.rodin-editor-segment .is-active{border-color:#91a8ef;background:#384c76;color:#fff}
.rodin-editor-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:8px;background:#152840dd;color:#d9e6f4;text-align:center;pointer-events:none}
.rodin-editor-hint{position:absolute;bottom:16px;left:16px;padding:7px 10px;border-radius:7px;background:#14243bd6;color:#a8bbd1;font-size:12px;pointer-events:none}
.rodin-editor-sidebar{display:grid;align-content:start;gap:0;min-height:0;overflow:auto;border-left:1px solid #334969;background:#111f32;color:#d6e3f3}
.rodin-editor-sidebar section{display:grid;gap:11px;padding:16px;border-bottom:1px solid #334969}.rodin-editor-sidebar h3{margin:0;font-size:13px;color:#ecf2fc}
.rodin-editor-sidebar label{display:grid;gap:5px;font-size:11px;color:#aebfd4}.rodin-editor-sidebar select,.rodin-editor-sidebar input[type=number]{min-width:0;width:100%;padding:8px;border:1px solid #455d7d;border-radius:7px;background:#172c46;color:#f1f5fb}
.rodin-editor-sidebar input[type=range]{width:100%;accent-color:#99b4ff}.rodin-editor-sidebar output{color:#d6e4ff}.rodin-editor-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #3f5472;border-radius:9px;background:#0c1b2e}
.rodin-editor-sidebar .rodin-editor-check{display:flex;align-items:center;gap:8px}.rodin-editor-check input{accent-color:#9cb2f5}
.rodin-editor-wire-note{color:#8fa7c2;font-size:10px;line-height:1.45}
.rodin-editor-material-note{display:block;margin-top:8px;color:#aac3e4;font-size:11px;line-height:1.45}
.rodin-editor-subtitle{margin:0;color:#8fa7c2;font-size:11px;line-height:1.5}.rodin-editor-transform{display:grid;gap:6px}.rodin-editor-transform>strong{font-size:11px;font-weight:500;color:#b9cbe2}.rodin-editor-transform>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rodin-editor-transform label{display:flex;align-items:center;gap:4px}.rodin-editor-transform label.axis-x{color:#ee9292}.rodin-editor-transform label.axis-y{color:#9bdbab}.rodin-editor-transform label.axis-z{color:#97b8ff}
.rodin-editor-sidebar .rodin-editor-reset{justify-self:start}.rodin-editor-note{margin:0;padding:14px 16px;color:#8ba1bb;font-size:11px;line-height:1.55}
@media(max-width:850px){.rodin-editor-main{grid-template-columns:minmax(0,1fr) 225px}.rodin-editor-bar>span{display:none}}
@media(max-width:640px){.rodin-editor-main{grid-template-columns:1fr;grid-template-rows:minmax(300px,1fr) minmax(0,250px)}.rodin-editor-sidebar{border-top:1px solid #334969;border-left:0}.rodin-editor-hint{display:none}}
.blender-render-node{width:320px;border-color:#6588ba}.blender-render-node .cinema-node-head{border-radius:15px 15px 0 0}.blender-render-node .node-kind-icon{font-size:13px}.blender-render-body{display:grid;gap:9px;padding:12px;background:#0d1b2e;border-radius:0 0 15px 15px}.blender-render-placeholder{display:grid;place-items:center;min-height:170px;padding:18px;border:1px dashed #425c7b;border-radius:10px;color:#90a5bd;text-align:center;font-size:12px}.blender-render-body .canvas-source-image{height:auto;max-height:320px;min-height:80px}.blender-render-body .canvas-source-image.hidden,.blender-render-placeholder.hidden{display:none}.blender-render-device{width:100%;min-height:34px;padding:5px 8px;border:1px solid #425c7b;border-radius:8px;background:#13283f;color:#e6eef7}.blender-render-get{min-height:36px}.blender-render-status{margin:0;color:#a8bbcf;font-size:11px;line-height:1.45}

/* Video generation uses a persistent player with an independent prompt dock. */
.blender-preview-node{border-color:#8d78c5}.blender-preview-node .node-kind-icon{color:#d8c3ff}.blender-preview-player{display:block;width:100%;aspect-ratio:16/9;max-height:320px;border-radius:9px;background:#050c16;object-fit:contain}.blender-preview-player.hidden{display:none}.blender-preview-get{min-height:38px}

/* Plugin catalogue. The example purchase state is browser-only. */
.plugin-page{max-width:1240px;min-height:calc(100vh - 170px);margin:0 auto;padding:52px 0 90px}
.plugin-category-nav{display:flex;gap:10px;margin:28px 0 22px}.plugin-category-nav button{padding:10px 21px;border:1px solid #51627d;border-radius:10px;background:#182840;color:#bdcce1;font:inherit;cursor:pointer}.plugin-category-nav button.active{border-color:#d8ac68;background:#d8ac68;color:#142033;font-weight:750}.plugin-category-content.hidden{display:none}
.plugin-download-btn{display:block;text-align:center;text-decoration:none}.plugin-install-guide{margin-top:20px;border:1px solid #415672;border-radius:16px;background:#111e31}.plugin-install-guide summary{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;color:#f3dfb8;font-weight:700;cursor:pointer}.plugin-install-guide summary::marker{content:''}.plugin-install-guide summary span{transition:transform .2s}.plugin-install-guide[open] summary span{transform:rotate(180deg)}.plugin-install-guide-body{padding:0 25px 24px;border-top:1px solid #30435f;color:#bdcce0;font-size:14px;line-height:1.8}.plugin-install-guide-body h3{margin:22px 0 8px;color:#edf3ff;font-size:17px}.plugin-install-guide-body ol{margin:0;padding-left:24px}.plugin-install-guide-body li+li{margin-top:8px}.plugin-install-guide-body p{margin:20px 0 0}.plugin-install-guide-body code,.plugin-install-guide-body kbd{padding:2px 5px;border:1px solid #4c5c76;border-radius:4px;background:#1b2c44;color:#e5eefa}
.plugin-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.plugin-page-header .eyebrow,.plugin-card .eyebrow,.plugin-delivery .eyebrow{color:#bba4ff;letter-spacing:.18em}
.plugin-page-header h1{margin:8px 0 10px;font-size:clamp(34px,4vw,54px)}
.plugin-page-header p{max-width:760px;margin:0;color:#aebed2;font-size:14px;line-height:1.7}
.plugin-demo-badge{flex:none;padding:8px 12px;border:1px solid #9276bf;border-radius:999px;background:#35284d;color:#e8d6ff;font-size:11px;font-weight:700}
.plugin-demo-notice{display:flex;align-items:center;gap:16px;margin-bottom:26px;padding:16px 19px;border:1px solid #625074;border-radius:13px;background:#241d37;color:#bdc9da;font-size:12px;line-height:1.6}
.plugin-demo-notice strong{flex:none;color:#f1d5a5;font-size:13px}
.plugin-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;overflow:hidden;border:1px solid #505275;border-radius:20px;background:radial-gradient(circle at 16% 0%,#4d397055,transparent 42%),linear-gradient(125deg,#1b2840,#151e32);box-shadow:0 24px 70px #0004}
.plugin-card-main{padding:35px 0 35px 36px}.plugin-card-main h2{margin:12px 0;font-size:27px}.plugin-card-main p{max-width:650px;color:#adbed2;font-size:13px;line-height:1.75}.plugin-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.plugin-tags span{padding:7px 10px;border:1px solid #52627f;border-radius:7px;color:#c9d6e8;font-size:11px}
.plugin-card-purchase{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:25px;border-left:1px solid #4b526b;background:#111b2bd1}.plugin-card-purchase small{color:#f0c788;font-size:11px}.plugin-card-purchase strong{font-size:25px}.plugin-card-purchase>span{color:#96a9c1;font-size:11px}.plugin-card-purchase .gold-btn{margin-top:13px}.plugin-reset-btn{align-self:flex-start;padding:7px 0;border:0;background:none;color:#9baecd;font-size:11px;text-decoration:underline}
.plugin-locked{display:flex;align-items:center;gap:20px;margin-top:21px;padding:29px 32px;border:1px dashed #4b5b77;border-radius:17px;background:#111d2d}.plugin-locked>span{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:15px;background:#283955;color:#dabd8f;font-size:30px}.plugin-locked h2{margin:0 0 7px;font-size:18px}.plugin-locked p{margin:0;color:#99adc5;font-size:12px;line-height:1.6}
.plugin-delivery{margin-top:25px}.plugin-delivery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.plugin-delivery-head h2{margin:7px 0;font-size:23px}.plugin-delivery-head>span{color:#b7d9ae;font-size:11px}.plugin-delivery-warning{margin:8px 0 18px;color:#c8b99e;font-size:12px}.plugin-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.plugin-code-card{min-width:0;overflow:hidden;border:1px solid #415672;border-radius:14px;background:#101a2b}.plugin-code-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid #334760}.plugin-code-card h3{margin:0;font-size:13px}.plugin-code-card button{padding:6px 9px;border:1px solid #657595;border-radius:7px;background:#20324a;color:#dce8fa;font-size:10px}.plugin-code-card pre{overflow:auto;min-height:150px;margin:0;padding:19px;color:#c9d8ee;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.plugin-page{padding:34px 18px 70px}.plugin-card{grid-template-columns:1fr;gap:0}.plugin-card-main{padding:28px}.plugin-card-purchase{border-left:0;border-top:1px solid #4b526b}.plugin-code-grid{grid-template-columns:1fr}}
@media(max-width:600px){.plugin-page-header{align-items:flex-start;flex-direction:column}.plugin-demo-notice{align-items:flex-start;flex-direction:column;gap:5px}.plugin-card-main{padding:23px}.plugin-card-main h2{font-size:22px}.plugin-locked{align-items:flex-start;padding:20px}.plugin-delivery-head{align-items:flex-start;flex-direction:column}}
.cinema-canvas.is-file-dragging::before{content:"释放鼠标，将图片添加为画布节点";position:absolute;inset:18px;z-index:30;display:grid;place-items:center;border:2px dashed #92a9ff;border-radius:18px;background:rgba(15,29,49,.82);color:#e9d1a4;font-size:16px;font-weight:800;letter-spacing:.5px;pointer-events:none}
.cinema-selection-box{position:absolute;z-index:25;border:1px solid #8da7ff;border-radius:5px;background:rgba(112,143,244,.14);box-shadow:0 0 0 1px rgba(141,167,255,.18) inset;pointer-events:none}.cinema-node.is-selected{border-color:#8fa8ff;box-shadow:0 0 0 2px rgba(115,145,247,.48),0 24px 70px rgba(0,0,0,.5)}.cinema-node.is-selected .cinema-node-head{background:linear-gradient(110deg,#29446a,#1b3150)}
.canvas-selection-toolbar{position:absolute;z-index:28;display:flex;align-items:center;gap:5px;max-width:calc(100% - 24px);padding:7px;border:1px solid #526986;border-radius:11px;background:#14243af2;box-shadow:0 12px 34px #0007;white-space:nowrap}.canvas-selection-toolbar>span:first-child{padding:0 8px;color:#abc0da;font-size:11px}.canvas-selection-toolbar button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#dfebfa;font-size:11px;cursor:pointer}.canvas-selection-toolbar button:hover{background:#2b4262}.canvas-selection-toolbar #canvasGroupBtn{background:#d5b379;color:#18243a;font-weight:800}.canvas-toolbar-divider{width:1px;height:20px;margin:0 3px;background:#50617a}
.canvas-groups{position:absolute;inset:0;z-index:0;pointer-events:none}.canvas-group-frame{position:absolute;box-sizing:border-box;border:1px solid var(--group-color);border-radius:16px;background:color-mix(in srgb,var(--group-color) 9%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--group-color) 5%,transparent);pointer-events:none}.canvas-group-head{position:absolute;left:-1px;right:-1px;top:-1px;display:flex;align-items:center;gap:8px;height:36px;padding:4px 9px;border:1px solid var(--group-color);border-radius:14px 14px 0 0;background:#14243bed;pointer-events:auto;cursor:grab}.canvas-group-head:active{cursor:grabbing}.canvas-group-grip{color:var(--group-color);font-size:16px;letter-spacing:-4px}.canvas-group-name{min-width:70px;max-width:190px;flex:1;padding:3px 5px;border:0;border-radius:5px;background:transparent;color:#f0f4fa;font-size:var(--group-font-size);font-weight:700;outline:none}.canvas-group-name:focus{background:#263d5a}.canvas-group-color-label{display:grid;place-items:center;width:20px;height:20px;border:1px solid #8795a8;border-radius:6px;overflow:hidden;cursor:pointer}.canvas-group-color{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.canvas-group-size-label{display:flex;align-items:center;gap:3px;color:#b4c6de;font-size:10px;white-space:nowrap}.canvas-group-size{padding:3px;border:1px solid #546986;border-radius:5px;background:#1b304a;color:#eaf1fb;font-size:10px}.canvas-group-ungroup{padding:4px 7px;border:0;border-radius:5px;background:transparent;color:#bbcee6;font-size:10px;cursor:pointer}.canvas-group-ungroup:hover{background:#334a68}
.canvas-group-head{height:var(--group-header-height,36px)}.canvas-group-name{max-width:none;height:calc(100% - 6px);font-family:var(--group-font-family,system-ui,sans-serif);line-height:1}.canvas-group-style-toggle{flex:none;align-self:flex-start;min-width:35px;height:28px;padding:0 6px;border:1px solid #6c84a4;border-radius:7px;background:#213652;color:#e6c890;font-size:11px;font-weight:800;cursor:pointer}.canvas-group-style-toggle:hover,.canvas-group-style-toggle[aria-expanded="true"]{border-color:#e6c890;background:#334969}.canvas-group-style-popover{position:absolute;z-index:32;display:grid;gap:11px;width:244px;padding:15px;border:1px solid #5f7694;border-radius:13px;background:#14253af7;box-shadow:0 18px 45px #0009;backdrop-filter:blur(16px)}.canvas-group-style-popover.hidden{display:none}.canvas-group-style-popover>strong{font-size:12px;color:#ecf2fa}.canvas-group-style-popover label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b7c9df;font-size:11px}.canvas-group-style-popover select,.canvas-group-style-popover input[type="number"]{width:122px;padding:7px;border:1px solid #526a89;border-radius:7px;background:#1c314b;color:#edf3fa;font-size:11px}.canvas-group-style-popover input[type="color"]{width:55px;height:30px;padding:2px;border:1px solid #526a89;border-radius:7px;background:#1c314b;cursor:pointer}.canvas-group-style-popover>button{justify-self:end;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#a9bad0;font-size:10px;cursor:pointer}.canvas-group-style-popover>button:hover{background:#344963;color:#f3f6fb}
.canvas-group-frame{pointer-events:auto;cursor:grab}.canvas-group-frame:active{cursor:grabbing}
.cinema-connections{z-index:1}
.canvas-align-guides{position:absolute;inset:0;z-index:21;pointer-events:none}.canvas-guide-x,.canvas-guide-y{position:absolute;display:block;background:#dabb85;box-shadow:0 0 8px #dabb85aa}.canvas-guide-x{top:0;bottom:0;width:1px}.canvas-guide-y{left:0;right:0;height:1px}.node-port.is-snap-target{transform:translateY(-50%) scale(1.65);background:#f1c881;box-shadow:0 0 0 6px #e9c37b55,0 0 20px #e9c37baa}.node-port-text-input{top:126px!important}
.cinema-node-menu>button.hidden,.canvas-selection-toolbar.hidden,.canvas-align-guides.hidden{display:none}
.canvas-selection-toolbar{overflow-x:auto}
.canvas-align-guides .canvas-guide-y{height:2px;background:repeating-linear-gradient(to right,#e6c58d 0 8px,transparent 8px 14px);box-shadow:none}
.node-fold{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid #536b88;border-radius:9px;background:#122238;color:#e8d0a8;font-size:19px;line-height:1;cursor:pointer}.node-fold:hover,.node-fold:focus-visible{border-color:#e4bd82;background:#29405a}.cinema-node.is-folded{height:auto}.cinema-node.is-folded > :not(.cinema-node-head):not(.node-port){display:none!important}.cinema-node.is-folded>.cinema-node-head{border-radius:15px;border-bottom:0}.cinema-node.is-folded>.node-port{top:50%!important}.cinema-node.is-folded>.node-port-text-input{top:72%!important}.cinema-node.is-folded>.node-port-input[data-data-type="image"]:has(~ .node-port-text-input){top:30%!important}
.canvas-note-node{width:320px}.canvas-note-body{padding:16px;border-radius:0 0 15px 15px;background:#101d2f}.canvas-note-body .stacked-label{display:grid;gap:7px;color:#aebfd5;font-size:11px}.canvas-note-text{display:block;width:100%;min-height:155px;padding:12px;border:1px solid #435a76;border-radius:9px;resize:vertical;background:#0c192a;color:#edf3fb;font:inherit;font-size:12px;line-height:1.6}.canvas-note-body small{display:block;margin-top:9px;color:#8096b0;font-size:10px}
.cinema-node.has-detached-panel,.cinema-node.has-detached-panel.is-selected{border:0;box-shadow:none}
.cinema-node.has-detached-panel.is-folded>.cinema-node-head{border:1px solid #435a76;border-radius:15px;box-shadow:0 18px 48px rgba(0,0,0,.34)}
.cinema-node.has-detached-panel.is-folded.is-selected>.cinema-node-head{border-color:#8fa8ff;box-shadow:0 0 0 2px rgba(115,145,247,.34),0 18px 48px rgba(0,0,0,.42)}
.scene-multiview-node{width:400px;overflow:visible}
.scene-multiview-node>.node-port{top:118px}
.scene-node-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 13px;background:#101e31;color:#a9bad0;font-size:10px}
.scene-node-toolbar .ghost-btn{padding:5px 9px;font-size:10px}
.scene-node-toolbar label{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#e2c291}
.scene-node-toolbar select{max-width:74px;padding:5px 6px;border:1px solid #586d87;border-radius:7px;background:#1b304a;color:#f3f5fa;font:inherit;cursor:pointer}
.scene-node-preview{padding:0 12px 10px;background:#101e31}.scene-node-preview .cinema-node-preview-placeholder{min-height:184px;border-radius:6px}.scene-node-image{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;background:#091320;cursor:zoom-in}.scene-node-meta{padding-top:9px;color:#91a6be;font-size:10px}
.scene-node-actions{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:0 12px 9px;background:#101e31}.scene-node-actions .primary-btn{flex:1;padding:8px 12px;font-size:11px}.scene-node-actions .node-download-btn{height:33px}
.scene-node-actions .ghost-btn{padding:8px 9px;font-size:10px;white-space:nowrap}
.scene-node-progress{display:flex;align-items:center;gap:8px;padding:0 12px;background:#101e31}.scene-node-progress .progress-track{flex:1}.scene-node-progress strong{min-width:28px;color:#a9b8d2;font-size:10px;text-align:right}.scene-multiview-node>.status{margin:0;padding:8px 12px 11px;border-radius:0 0 15px 15px;background:#101e31;color:#91a6be;font-size:10px}
.composite-node{width:390px}.composite-body{max-height:min(670px,calc(100vh - 190px));overflow:auto;padding:14px;background:#101e31;border-radius:0 0 15px 15px}.composite-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px}.composite-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:0;height:112px;padding:8px;border:1px dashed #6a819e;border-radius:10px;background:#14263c;color:#d8e5f4;font-size:11px;cursor:pointer}.composite-upload:hover{border-color:#dfbd84;background:#213650}.composite-upload:disabled{opacity:.55;cursor:wait}.composite-upload img{max-width:100%;max-height:75px;object-fit:contain;border-radius:5px}.composite-upload span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composite-direction{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0;color:#aebfd4;font-size:11px}.composite-direction select{min-width:190px;padding:8px;border:1px solid #526982;border-radius:8px;background:#1b304a;color:#f2f5fa;font:inherit}.composite-controls{display:grid;gap:8px;padding:11px 0;border-top:1px solid #2d425b;border-bottom:1px solid #2d425b}.composite-slider{display:grid;grid-template-columns:84px 1fr 34px;align-items:center;gap:9px;color:#b5c8dc;font-size:10px}.composite-slider input{width:100%;accent-color:#d7b47e;cursor:pointer}.composite-slider output{text-align:right;color:#e7cb9e;font-variant-numeric:tabular-nums}.composite-result{display:grid;gap:9px;margin-top:12px}.composite-output{display:block;width:100%;max-height:270px;object-fit:contain;border:1px solid #344c68;border-radius:8px;background:#0a1728;cursor:zoom-in}.composite-status{color:#95abc4;font-size:10px}.composite-result .ghost-btn{justify-self:end;padding:7px 11px;font-size:10px}.composite-node.is-folded>.cinema-node-head{border-radius:15px}
.composite-node>.composite-input-1{top:106px}.composite-node>.composite-input-2{top:165px}.composite-node.is-folded>.composite-input-1{top:31%!important}.composite-node.is-folded>.composite-input-2{top:69%!important}.composite-upload.is-linked{border-style:solid;border-color:#8da7ff;background:#1c3150}.composite-controls-head{display:flex;align-items:center;justify-content:space-between;color:#aebfd4;font-size:10px}.composite-reset{padding:5px 8px;border:1px solid #526982;border-radius:6px;background:#1b304a;color:#e8d4ae;font-size:10px;cursor:pointer}.composite-reset:hover{border-color:#e8c58d;background:#2b415d}
@media(max-width:780px){.composite-node{width:min(390px,calc(100vw - 34px))}}
.image-model-row,.node-model-row,.scene-model-row{display:flex;align-items:center;gap:10px;color:#a9bad0;font-size:11px}
.image-model-row{justify-content:flex-end;margin-top:11px}.node-model-row{justify-content:flex-end;margin-top:12px}.scene-model-row{padding:0 12px 10px;background:#101e31}
.image-model-row label,.node-model-row label,.scene-model-row label{display:flex;align-items:center;gap:9px}
.image-model-row select,.node-model-row select,.scene-model-row select{min-width:145px;max-width:100%;padding:8px 10px;border:1px solid #536b89;border-radius:9px;background:#182d47;color:#f1f4fa;font:inherit}
.image-model-row select:disabled,.node-model-row select:disabled,.scene-model-row select:disabled{cursor:default;opacity:1;color:#e7ca98}
@media(max-width:780px){.scene-multiview-node{width:min(400px,calc(100vw - 34px))}.scene-node-toolbar{flex-wrap:wrap}}

/* Community-led home, with live text and controls over a clean artwork asset. */
.site-side-nav,.area-switch{display:none!important}
.app-shell{max-width:1560px}
.topbar{position:sticky;top:0;z-index:15;gap:28px;min-height:78px;padding:12px 0;background:rgba(9,16,31,.93);backdrop-filter:blur(16px)}
.home-top-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.home-top-nav button{position:relative;padding:10px 0;border:0;background:transparent;color:#b9c2d4;font-size:13px;white-space:nowrap}
.home-top-nav button:hover,.home-top-nav button[aria-current="page"]{color:#fff}
.home-top-nav button[aria-current="page"]::after{content:"";position:absolute;right:0;bottom:2px;left:0;height:2px;background:linear-gradient(90deg,#6e9bff,#b278ff)}
.top-actions{margin-left:auto}.top-actions .ghost-btn,.top-actions .gold-btn{padding:8px 11px;font-size:11px}.top-actions .points-badge{font-size:11px}
body.area-home .app-shell{max-width:none;padding:0}
body.area-home .topbar{max-width:1740px;margin:0 auto;padding:11px 30px;border-bottom-color:#ffffff24;background:rgba(9,14,28,.55)}
body.area-home .home-page{padding:0 0 70px}
.community-hero{position:relative;min-height:min(920px,100vh);margin-top:-79px;padding:145px max(30px,calc((100vw - 1560px)/2)) 65px;background:#0b0d18 url('/static/community-hero-clean.png') center 38%/cover no-repeat;isolation:isolate}
.community-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,8,20,.79) 0%,rgba(7,10,22,.67) 35%,rgba(9,9,19,.13) 74%),linear-gradient(0deg,#0a1020 0%,transparent 28%,rgba(6,8,17,.14) 100%)}
.community-hero-inner{max-width:1560px;margin:auto}
.community-hero-copy{max-width:800px;margin-top:48px}.community-hero-copy .eyebrow{color:#c3adff;letter-spacing:.26em;font-size:11px}
.community-hero-copy h1{margin:16px 0 17px;color:#fff;font-size:clamp(55px,6.7vw,112px);line-height:.98;letter-spacing:-.055em;text-shadow:0 8px 35px #0009}
.community-hero-copy h1 span{display:inline-block;padding-right:.12em;font-size:1.18em;letter-spacing:-.045em;white-space:nowrap;background:linear-gradient(100deg,#fff 25%,#cbb9ff 68%,#a788fc);background-clip:text;-webkit-background-clip:text;color:transparent}
.community-hero-copy p{max-width:670px;color:#e3e1e9;font-size:18px;line-height:1.7;text-shadow:0 4px 20px #000}
.community-entry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:55px}
.community-entry{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:center;column-gap:10px;min-height:112px;padding:15px;text-align:left;border:1px solid #ffffff38;border-radius:15px;background:linear-gradient(120deg,#1d2233c9,#222331a6);color:#fff;box-shadow:0 10px 30px #0005;backdrop-filter:blur(14px);transition:transform .18s,border-color .18s,background .18s}
.community-entry:hover,.community-entry:focus-visible{transform:translateY(-5px);border-color:#aa8cff;background:#25243eea}
.community-entry-icon{grid-row:span 2;display:grid;place-items:center;color:#b891ff;font-size:32px}.community-entry strong{align-self:end;font-size:15px;line-height:1.3}.community-entry small{align-self:start;margin-top:6px;color:#bec1d3;font-size:11px;line-height:1.4}
.community-hero-cta{display:grid;justify-items:center;gap:16px;margin:42px auto 0;text-align:center}.community-hero-cta p{max-width:640px;margin:0;color:#dddde7;font-size:15px;letter-spacing:.06em;line-height:1.8}
.community-start-btn{min-width:210px;padding:13px 28px;border:0;border-radius:999px;background:linear-gradient(105deg,#4c91ff,#8748f6);color:#fff;font-size:15px;font-weight:800;box-shadow:0 12px 32px #4b48ec66}.community-start-btn:hover{filter:brightness(1.16)}
.community-discover{max-width:1560px;margin:-20px auto 0;padding:50px 30px 10px}.community-section-heading{text-align:center}.community-section-heading h2{margin:8px 0;font-size:27px}.community-section-heading p{color:#aebacc;font-size:13px}
.community-discover-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}.community-discover-grid button{display:flex;flex-direction:column;justify-content:end;min-height:155px;padding:18px;text-align:left;border:1px solid #586076;border-radius:13px;background:radial-gradient(circle at 75% 10%,#7161a255,transparent 55%),linear-gradient(135deg,#1c2538,#111b2d);color:#f8f7fb;transition:transform .18s}.community-discover-grid button:nth-child(3n){background:radial-gradient(circle at 70% 15%,#93725c5a,transparent 52%),linear-gradient(135deg,#1d2337,#111b2d)}.community-discover-grid button:hover{transform:translateY(-4px);border-color:#a78bff}.community-discover-grid span{margin-bottom:auto;color:#aab9d2;font-size:10px}.community-discover-grid strong{font-size:18px}.community-discover-grid small{margin-top:5px;color:#bec8d8;font-size:11px}
/* Each homepage destination has its own artwork; the bottom shade protects card labels. */
.community-discover-grid button{background-color:#111b2d;background-position:center;background-size:cover;box-shadow:inset 0 -55px 70px #070e1bc2}
.community-discover-grid button:nth-child(1){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/comic-drama.png')}
.community-discover-grid button:nth-child(2){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/game-concept.png')}
.community-discover-grid button:nth-child(3){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/commercial-visual.png')}
.community-discover-grid button:nth-child(4){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/work-gallery.png')}
.community-discover-grid button:nth-child(5){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/open-class.png')}
.community-discover-grid button:nth-child(6){background-image:linear-gradient(0deg,#08111dec 0%,#08111d91 43%,#08111d22 100%),url('/static/home/premium-courses.png')}
.community-discover-grid button:nth-child(3n){background-position:center;background-size:cover}
.community-discover-grid button span,.community-discover-grid button small{color:#e2e9f5;text-shadow:0 1px 8px #030810}
.community-discover-grid button strong{text-shadow:0 2px 12px #030810}
.home-course-module{background-position:center;background-size:cover}
.home-course-module.paid{background-image:linear-gradient(90deg,#111827f0 0%,#111827ba 51%,#11182748 100%),url('/static/home/premium-courses.png')}
.home-course-module.public{background-image:linear-gradient(90deg,#111827f0 0%,#111827ba 51%,#11182748 100%),url('/static/home/open-class.png')}
.home-course-module.paid,.home-course-module.public{background-position:center;background-size:cover}
.home-creation-preview-grid .creation-empty{background:linear-gradient(90deg,#101b2ee8,#101b2eaa),url('/static/home/work-gallery.png') center/cover}
body.area-home .home-section{max-width:1560px;margin:62px auto 0;padding:0 30px}.home-creation-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.agent-hub-page{max-width:1240px;margin:55px auto 100px}.agent-hub-intro{padding:35px 0}.agent-hub-intro h1{margin:8px 0 10px;font-size:clamp(32px,4vw,50px)}.agent-hub-intro p{max-width:800px;color:#aebed3;line-height:1.7}.agent-hub-feature{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 27px;padding:28px 33px;border:1px solid #5e547e;border-radius:19px;background:linear-gradient(115deg,#2b2448,#142340)}.agent-hub-feature h2{margin:8px 0;font-size:23px}.agent-hub-feature p{max-width:670px;margin:0;color:#bdc6d7}.agent-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.agent-hub-card{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;min-height:130px;padding:20px;text-align:left;border:1px solid #3c4a68;border-radius:16px;background:#19263b;color:#fff}.agent-hub-card:hover{border-color:#a493f0;background:#24334e}.agent-hub-card img{width:50px;height:50px;object-fit:cover;border-radius:12px}.agent-hub-card span{display:grid;gap:5px}.agent-hub-card strong{font-size:16px}.agent-hub-card small{color:#a9bad0;font-size:11px;line-height:1.5}.agent-hub-card b{grid-column:2;color:#d3b8ff;font-size:11px}
@media(max-width:1180px){.home-top-nav{gap:13px}.home-top-nav button{font-size:11px}.community-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar,.top-actions{flex-wrap:wrap}.home-top-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;margin:0}.top-actions{margin-left:auto}.community-hero{margin-top:-137px;padding:200px 18px 55px;min-height:0;background-position:62% top}.community-hero::before{background:linear-gradient(90deg,#080c18d9,#080c1877),linear-gradient(0deg,#0a1020,transparent 48%)}.community-hero-copy{margin-top:20px}.community-hero-copy h1{font-size:clamp(48px,12vw,76px)}.community-hero-copy p{font-size:14px}.community-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:34px}.community-entry{grid-template-columns:32px 1fr;min-height:91px;padding:11px}.community-entry-icon{font-size:24px}.community-entry strong{font-size:12px}.community-entry small{font-size:10px}.community-discover{padding:40px 18px 0}.community-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.area-home .home-section{padding:0 18px}.agent-hub-page{margin:20px auto 60px;padding:0 14px}.agent-hub-grid{grid-template-columns:1fr}.agent-hub-feature{flex-direction:column;align-items:flex-start}.agent-hub-feature .community-start-btn{width:100%}}

/* Storyboard workspace */
body.storyboard-workspace-active:not(.chat-docked) .app-shell{max-width:none;padding-left:0;padding-right:0}
.storyboard-page{width:100%;max-width:none;margin:30px 0 80px;padding:0 18px;color:#edf0fa}
.storyboard-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px 246px}.storyboard-header h1{font-size:36px;margin:8px 0}.storyboard-header p{color:#b7c3d8;margin:0}.storyboard-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.storyboard-header-actions>span{color:#ddbd8a;font-size:12px}.storyboard-header-actions .ghost-btn{white-space:nowrap}
.storyboard-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.storyboard-sidebar,.storyboard-main{border:1px solid #354965;border-radius:20px;background:linear-gradient(145deg,#18253d,#101a2d);box-shadow:0 16px 40px #0003}
.storyboard-sidebar{padding:20px}.storyboard-sidebar form{display:grid;gap:14px}.storyboard-sidebar h2{font-size:17px;margin:0}.storyboard-sidebar label{display:grid;gap:7px;color:#c6d1e5;font-size:12px}.storyboard-sidebar input[type=file]{width:100%;min-width:0;border:1px dashed #697da1;border-radius:9px;padding:10px;color:#d7e0f1;background:#111a2d}.storyboard-sidebar small{color:#9fadc4;line-height:1.5}.storyboard-sidebar .gold-btn{width:100%}
.storyboard-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #46577a;border-radius:10px;background:#101b2e}.storyboard-source-tabs button{border:0;border-radius:7px;padding:8px 4px;background:transparent;color:#b9c7de;font-size:12px;cursor:pointer}.storyboard-source-tabs button[aria-pressed="true"]{background:#3a4465;color:#fff}.storyboard-sidebar #storyboardPasteInput{display:grid;gap:10px;min-width:0}.storyboard-sidebar #storyboardPasteInput.hidden{display:none}.storyboard-sidebar #storyboardPasteTitle,.storyboard-sidebar #storyboardScriptText{width:100%;min-width:0;border:1px solid #596d8e;border-radius:9px;padding:9px;background:#101a2c;color:#edf0fa;font:inherit}.storyboard-sidebar #storyboardScriptText{min-height:180px;resize:vertical;line-height:1.55}.storyboard-sidebar #storyboardPasteCount{text-align:right}
.storyboard-projects-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 10px}.storyboard-projects-head .ghost-btn{padding:6px 10px}.storyboard-projects{display:grid;gap:7px;max-height:50vh;overflow:auto}.storyboard-projects>button{display:grid;gap:4px;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:11px;border:1px solid #394b6c;border-radius:10px;background:#111d32;color:#ecf0f8;cursor:pointer}.storyboard-projects>button.active{border-color:#bba1ff;background:#2a3152}.storyboard-projects>button small{font-size:11px}.storyboard-projects>p{color:#aab9cd;font-size:12px}
.storyboard-project-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.storyboard-project-head #storyboardResumeBtn{white-space:nowrap}.storyboard-workspace-nav{display:flex;gap:6px;margin:0 auto;padding:5px;border:1px solid #56617e;border-radius:13px;background:#111b30}.storyboard-workspace-nav button{border:0;border-radius:9px;background:transparent;color:#bfcbe0;padding:11px 18px;font-weight:700;cursor:pointer;white-space:nowrap}.storyboard-workspace-nav button.active{background:#383657;color:#fff}.storyboard-workspace-nav button span{margin-left:5px;color:#ddc398}.storyboard-pause-btn{border:1px solid #a98174;border-radius:9px;background:#48343a;color:#ffe1d2;padding:7px 11px}.storyboard-pause-btn:hover{background:#61414a}
.storyboard-main{min-height:540px;padding:25px}.storyboard-empty{display:grid;place-items:center;min-height:280px;text-align:center;color:#aebbd0}.storyboard-project-head h2{font-size:25px;margin:5px 0}.storyboard-project-head p{color:#b5c3d9;margin:5px 0 25px}.storyboard-scenes{display:grid;gap:25px}.storyboard-scene{border-top:1px solid #455473;padding-top:20px}.storyboard-scene-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.storyboard-scene-head span{font-size:22px;color:#dcc08e}.storyboard-scene-head h3{font-size:19px;margin:0}.storyboard-scene-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.storyboard-progress-layer{position:fixed;inset:0 18px 0 264px;z-index:14;display:grid;place-items:center;pointer-events:none}.storyboard-progress-content{width:min(78%,1200px);min-width:220px}.storyboard-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:#f2d9ab;font-size:14px;font-weight:700;text-shadow:0 2px 10px #0b1126}.storyboard-progress-track{height:12px;border:0;border-radius:999px;background:#35445f;overflow:hidden}.storyboard-progress-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#dcae6b,#f6d79d);transition:width .4s ease}.storyboard-progress-track i::after{content:"";display:block;height:100%;background:linear-gradient(90deg,transparent,#fff7,transparent);animation:storyboard-progress-shine 2s linear infinite}@keyframes storyboard-progress-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}body.chat-docked .storyboard-progress-layer{right:676px}
.storyboard-module{padding-top:16px}.storyboard-optimization-module{margin:0;padding:16px 0 0;border:0;background:none}.storyboard-module-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.storyboard-module-head h3{margin:0;color:#f2e7ff;font-size:20px}.storyboard-module-head span{color:#b9acd3;font-size:12px}.storyboard-empty-compact{min-height:110px}.storyboard-danger-btn{border:1px solid #a98174;border-radius:9px;background:#48343a;color:#ffe1d2;padding:7px 11px;font-size:12px}.storyboard-danger-btn:hover:not(:disabled){background:#61414a}.storyboard-danger-btn:disabled{opacity:.45;cursor:not-allowed}
.storyboard-module>.storyboard-scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}.storyboard-tile{display:flex;flex-direction:column;min-width:0;min-height:222px;border:1px solid #46577a;border-radius:15px;background:#121e32;overflow:hidden}.storyboard-tile:hover{border-color:#a88fea;box-shadow:0 10px 28px #0005}.storyboard-tile-open{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;padding:17px;border:0;background:none;color:#f1f2fa;text-align:left;cursor:pointer}.storyboard-tile-open strong{font-size:15px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.storyboard-tile-open small{color:#b9acd3;font-size:11px}.storyboard-tile-number{color:#dcc08e;font-size:24px;font-weight:800}.storyboard-tile-preview{max-height:100px;overflow:hidden;white-space:pre-wrap;word-break:break-word;margin:2px 0 0;color:#9fadc4;font:11px/1.55 inherit;mask-image:linear-gradient(#000 65%,transparent)}.storyboard-tile-action{align-self:flex-start;margin:0 0 14px 17px}.storyboard-detail-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 18px}.storyboard-detail-head h3{margin:0;font-size:20px}.storyboard-module>[id$="Detail"] .storyboard-card-preview{max-height:65vh;overflow:auto;mask-image:none}
.storyboard-card{min-width:0;display:flex;flex-direction:column;border:1px solid #46577a;border-radius:15px;background:#121e32;overflow:visible}.storyboard-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:14px 15px 0}.storyboard-card-head strong{font-size:13px}.storyboard-card-head span{font-size:10px;color:#8fa3bf}.storyboard-card-preview{min-height:210px;max-height:280px;overflow:hidden;white-space:pre-wrap;word-break:break-word;cursor:zoom-in;padding:8px 15px;margin:0;color:#bfcce0;font:12px/1.65 inherit;mask-image:linear-gradient(#000 76%,transparent)}.storyboard-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 15px 15px}.storyboard-card-actions button,.storyboard-optimize-menu summary{font-size:12px;padding:7px 10px}.storyboard-optimize-menu{position:relative}.storyboard-optimize-menu summary{list-style:none;cursor:pointer;border:1px solid #9c7ef0;border-radius:8px;color:#e4d8ff;background:#383257}.storyboard-optimize-menu summary::-webkit-details-marker{display:none}.storyboard-optimize-options{position:absolute;z-index:6;left:0;top:100%;min-width:210px;display:grid;gap:4px;padding:7px;border:1px solid #6d6a9b;border-radius:9px;background:#242744;box-shadow:0 12px 30px #0008}.storyboard-optimize-options button{border:0;border-radius:6px;background:transparent;color:#f4f0ff;text-align:left;cursor:pointer}.storyboard-optimize-options button:hover{background:#62528d}
.storyboard-send-agent-btn{border:1px solid #bf9d70;border-radius:9px;background:#373754;color:#ffe4ba;font-weight:700}.storyboard-send-agent-btn:hover{background:#514568}
.storyboard-editor-modal{width:min(1100px,96vw);max-height:94vh;display:flex;flex-direction:column}.storyboard-editor-modal textarea{width:100%;min-height:55vh;flex:1;resize:vertical;padding:18px;border:1px solid #4b5b7d;border-radius:11px;background:#0e192b;color:#f1f4fb;line-height:1.7}.storyboard-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.storyboard-editor-actions span{margin-right:auto;font-size:12px;color:#b8c5d9}
.storyboard-optimized-area{margin-top:18px;padding:16px;border:1px solid #615888;border-radius:13px;background:#24233a55}.storyboard-optimized-area h4{margin:0 0 12px;color:#dccbfa;font-size:14px}
@media(max-width:800px){.storyboard-page{padding:0 12px}.storyboard-header{align-items:start;flex-direction:column;margin-left:0}.storyboard-layout{grid-template-columns:1fr}.storyboard-sidebar{order:0}.storyboard-main{padding:16px}.storyboard-workspace-nav{order:3;width:100%;margin:0}.storyboard-workspace-nav button{flex:1;padding:10px 8px}.storyboard-progress-layer{inset:0 12px}.storyboard-progress-content{width:min(90%,700px)}.storyboard-card-preview{max-height:220px}}

/* The screenwriter stays inside the storyboard workspace. */
.storyboard-layout{grid-template-columns:230px minmax(0,1fr) 320px}
.storyboard-screenwriter{position:sticky;top:18px;display:flex;flex-direction:column;min-width:0;height:min(780px,calc(100vh - 36px));min-height:540px;padding:16px;border:1px solid #5a5377;border-radius:20px;background:linear-gradient(155deg,#22233c,#111c2e 65%);box-shadow:0 16px 40px #0004}
.storyboard-screenwriter-head{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #4b526e}.storyboard-screenwriter-head img{width:46px;height:46px;flex:none;border-radius:13px;object-fit:cover;border:1px solid #b79871}.storyboard-screenwriter-head h2{margin:3px 0;font-size:18px}.storyboard-screenwriter-head p{margin:0;color:#aebbd0;font-size:11px;line-height:1.4}.storyboard-screenwriter-head .eyebrow{font-size:8px;letter-spacing:1.2px}
.storyboard-screenwriter-sessions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;padding:15px 0}.storyboard-screenwriter-sessions label{grid-column:1/-1;color:#bfcbe0;font-size:11px}.storyboard-screenwriter-sessions select{min-width:0;height:36px;padding:0 8px;border:1px solid #52617f;border-radius:8px;background:#101b30;color:#e9edf8;font-size:11px}.storyboard-screenwriter-sessions button{height:36px;padding:0 8px;white-space:nowrap;font-size:11px}
.storyboard-screenwriter-messages{display:flex;flex:1;flex-direction:column;gap:11px;min-height:120px;overflow:auto;padding:13px;border:1px solid #394861;border-radius:12px;background:#0c1729;overscroll-behavior:contain}.storyboard-screenwriter-empty{margin:auto;color:#9cabc1;text-align:center;font-size:12px;line-height:1.7}.storyboard-screenwriter-message{max-width:94%;padding:10px 12px;border:1px solid #3c4c68;border-radius:12px;background:#182840}.storyboard-screenwriter-message.is-user{align-self:flex-end;border-color:#7d79af;background:#343455}.storyboard-screenwriter-message strong{display:block;margin-bottom:5px;color:#e9c99c;font-size:10px}.storyboard-screenwriter-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e8edf7;font-size:12px;line-height:1.65}
.storyboard-screenwriter-status{min-height:18px;margin:10px 2px;color:#b5c2d8;font-size:10px;line-height:1.5}.storyboard-screenwriter-form{display:grid;gap:9px}.storyboard-screenwriter-form label{color:#d5dff0;font-size:11px;font-weight:700}.storyboard-screenwriter-form textarea{width:100%;min-height:106px;max-height:220px;resize:vertical;padding:11px;border:1px solid #566987;border-radius:10px;background:#0d192b;color:#f0f3fb;font:12px/1.55 inherit}.storyboard-screenwriter-form textarea:focus-visible{outline:1px solid #d9b980}.storyboard-screenwriter-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.storyboard-screenwriter-tools button{padding:7px 5px;font-size:10px}.storyboard-screenwriter-form>.gold-btn{width:100%;padding:11px;font-size:12px}
@media(max-width:1200px){.storyboard-layout{grid-template-columns:230px minmax(0,1fr)}.storyboard-screenwriter{grid-column:2;position:static;height:600px;min-height:0}}
@media(max-width:800px){.storyboard-layout{grid-template-columns:1fr}.storyboard-screenwriter{grid-column:1;height:580px}.storyboard-header{margin-left:0}}

/* Creation center and home gallery preview. */
.creation-page{margin-top:16px;padding-bottom:48px}
.creation-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border:1px solid #33445a;border-radius:16px;background:#171f2d;box-shadow:0 14px 42px rgba(0,0,0,.2)}
.creation-page-header>div{display:flex;align-items:center;gap:15px}.creation-page-header h1{margin:3px 0 0;font-size:25px}.creation-page-header p{margin:5px 0 0;color:#d6a54c;font-size:11px}.creation-hash{color:#8fa2ba;font:700 23px Georgia,serif}
.creation-tabs{display:flex;width:max-content;margin:20px auto 24px;padding:5px;border:1px solid #3b4860;border-radius:11px;background:#1a2231}
.creation-tabs button{min-width:132px;padding:11px 22px;border:0;border-radius:8px;background:transparent;color:#aeb9c9;font-weight:800;cursor:pointer}.creation-tabs button.active{background:linear-gradient(135deg,#7d67ff,#644ce8);color:#fff;box-shadow:0 5px 18px rgba(105,77,235,.28)}
.creation-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:-10px auto 22px}.creation-filters button{min-width:88px;padding:8px 16px;border:1px solid #35455b;border-radius:999px;background:#151f2d;color:#91a2b7;font-size:11px;font-weight:700;cursor:pointer;transition:.18s}.creation-filters button:hover{border-color:#7562d2;color:#fff}.creation-filters button.active{border-color:#846dff;background:#2c2850;color:#fff;box-shadow:0 7px 20px rgba(100,76,232,.2)}
.creation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}
.creation-card{overflow:hidden;border:1px solid #303b4d;border-radius:16px;background:#202735;box-shadow:0 18px 48px rgba(0,0,0,.22);transition:border-color .18s,transform .18s,box-shadow .18s}
.creation-card:hover{border-color:#6f5cc5;transform:translateY(-2px);box-shadow:0 22px 58px rgba(0,0,0,.3)}
.creation-card-media{display:block;width:100%;padding:14px 14px 0;border:0;background:transparent;cursor:pointer}
.creation-card-media img{display:block;width:100%;aspect-ratio:16/9;border-radius:11px;background:#101724;object-fit:cover}
.creation-card-body{padding:13px 15px 16px}.creation-author{display:flex;align-items:center;gap:9px;margin-bottom:13px}.creation-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(145deg,#7d69ff,#4658ee);color:white;font-size:14px}.creation-author strong{font-size:12px}.creation-card-share{margin-left:auto;padding:7px 12px;border:1px solid #4c5f78;border-radius:999px;background:#182437;color:#d9e2ee;font-size:10px;font-weight:700;cursor:pointer}.creation-card-share:hover{border-color:#d8b777;background:#322c27;color:#f3cf8f}
.creation-card-meta{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #333e50;color:#7f91a8;font-size:9px}
.creation-loading{grid-column:1/-1;padding:70px;text-align:center;color:#91a2b8}.creation-empty{grid-column:1/-1;display:grid;justify-items:center;padding:85px 24px;border:1px dashed #41516a;border-radius:17px;background:#151f2d;text-align:center}.creation-empty>span{font-size:30px;color:#d9b679}.creation-empty h2{margin:13px 0 5px}.creation-empty p{margin:0;color:#8fa1b8;font-size:12px}.creation-empty-actions{display:flex;gap:9px;margin-top:20px}
.home-creation-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.home-creation-preview-grid.is-sparse{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}
.creation-card-compact{border-radius:13px}.creation-card-compact .creation-card-media{padding:8px 8px 0}.creation-card-compact .creation-card-body{padding:10px}.creation-card-compact .creation-author{margin-bottom:7px}.creation-card-compact .creation-card-meta{display:none}
@media(max-width:1050px){.home-creation-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creation-page-header{align-items:flex-start;flex-direction:column}.creation-page-header .gold-btn{width:100%}.creation-grid{grid-template-columns:1fr}.creation-tabs{width:100%}.creation-tabs button{flex:1;min-width:0}.home-creation-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.home-creation-preview-grid,.home-creation-preview-grid.is-sparse{grid-template-columns:1fr}.creation-card-media{padding:9px 9px 0}.creation-page-header{padding:16px}}

/* Shareable portrait poster generated locally from a creation. */
#creationShareOverlay{z-index:66;padding:18px;background:rgba(3,7,15,.92);backdrop-filter:blur(13px)}
.creation-share-modal{width:min(680px,96vw);max-height:94vh;overflow:auto;border:1px solid #465873;border-radius:20px;background:#121b29;box-shadow:0 35px 110px rgba(0,0,0,.7)}
.creation-share-preview{display:grid;place-items:center;padding:22px;background:#070d16}.creation-share-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:68vh;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.55)}
.creation-share-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px}.creation-share-copy strong{font-size:14px}.creation-share-copy p{margin:5px 0 0;color:#899cb4;font-size:10px}.creation-share-copy>div:last-child{display:flex;gap:8px;flex:none}
@media(max-width:620px){#creationShareOverlay{padding:0}.creation-share-modal{width:100vw;max-height:100vh;border:0;border-radius:0}.creation-share-copy{align-items:stretch;flex-direction:column}.creation-share-copy>div:last-child{display:grid;grid-template-columns:1fr 1fr}.creation-share-preview img{max-height:70vh}.creation-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 2px 5px}.creation-filters button{flex:none}}

/* Full-frame creation viewer with local feedback. */
#creationDetailOverlay{z-index:58;padding:18px;background:rgba(3,7,15,.9);backdrop-filter:blur(12px)}
.creation-detail-modal{width:min(1280px,96vw);max-height:94vh;overflow:auto;border:1px solid #43536b;border-radius:20px;background:#121b29;box-shadow:0 35px 110px rgba(0,0,0,.68)}
.creation-detail-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #33435a;background:rgba(18,27,41,.96);backdrop-filter:blur(14px)}.creation-detail-head h2{margin:3px 0 0;font-size:21px}
.creation-detail-stage{display:grid;place-items:center;min-height:420px;padding:18px;background:#070d16}
.creation-detail-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(94vh - 280px);object-fit:contain;border-radius:11px;box-shadow:0 16px 55px rgba(0,0,0,.48)}
.creation-detail-info{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;padding:16px 22px;border-top:1px solid #29384d;border-bottom:1px solid #29384d;background:#182232}.creation-detail-author{display:flex;align-items:center;gap:10px}.creation-detail-author>div{display:grid;gap:3px}.creation-detail-author strong{font-size:13px}.creation-detail-author>div span{color:#8294aa;font-size:9px}.creation-detail-info>p{grid-column:1;max-width:980px;margin:2px 0 0;color:#ced7e2;font-size:12px;line-height:1.65}.creation-detail-info>.ghost-btn{grid-column:2;grid-row:1/span 2}
.creation-feedback{padding:18px 22px 24px}.creation-feedback-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #304055}.creation-like-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #3e526c;border-radius:999px;background:#19263a;color:#dbe4ef;cursor:pointer}.creation-like-btn span{font-size:21px;line-height:1}.creation-like-btn strong{font-size:12px}.creation-like-btn em{min-width:18px;color:#8fa2ba;font-size:11px;font-style:normal}.creation-like-btn:hover,.creation-like-btn.active{border-color:#ef819d;background:#3a2231;color:#ff9bb3}.creation-like-btn.active em{color:#ffc3d2}
.creation-rating{display:flex;align-items:center;gap:11px;color:#9bacbf;font-size:11px}.creation-stars{display:flex;gap:3px}.creation-stars button{padding:1px;border:0;background:transparent;color:#425069;font-size:24px;line-height:1;cursor:pointer}.creation-stars button:hover,.creation-stars button.active{color:#f3bd58;text-shadow:0 0 12px rgba(243,189,88,.35)}.creation-rating>strong{min-width:72px;color:#d8e0ea;font-size:11px}
.creation-comments{padding-top:17px}.creation-comments-head{display:flex;align-items:center;justify-content:space-between}.creation-comments-head h3{margin:0;font-size:16px}.creation-comments-head span{color:#8294aa;font-size:10px}.creation-comment-list{display:grid;gap:8px;max-height:250px;margin-top:12px;overflow:auto}.creation-comment-empty{margin:0;padding:20px;border:1px dashed #35475e;border-radius:11px;color:#788ba3;font-size:11px;text-align:center}.creation-comment{padding:11px 13px;border:1px solid #314258;border-radius:11px;background:#172235}.creation-comment>div{display:flex;justify-content:space-between;gap:12px}.creation-comment strong{font-size:11px}.creation-comment time{color:#75889f;font-size:9px}.creation-comment p{margin:7px 0 0;color:#ced8e5;font-size:12px;line-height:1.6;white-space:pre-wrap}
.creation-comment-compose{display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:9px;margin-top:12px}.creation-comment-compose textarea{min-height:66px;resize:vertical;border:1px solid #3a4d66;border-radius:11px;background:#0d1725;color:#eef3f8;padding:11px 13px;outline:none}.creation-comment-compose textarea:focus{border-color:#826aff}.creation-comment-compose .gold-btn{align-self:stretch}
@media(max-width:720px){#creationDetailOverlay{padding:0}.creation-detail-modal{width:100vw;max-height:100vh;border:0;border-radius:0}.creation-detail-stage{min-height:300px;padding:10px}.creation-detail-stage img{max-height:64vh}.creation-detail-info{grid-template-columns:1fr;padding:13px}.creation-detail-info>.ghost-btn{grid-column:1;grid-row:auto;width:max-content}.creation-feedback{padding:15px}.creation-feedback-bar{align-items:flex-start;flex-direction:column}.creation-rating{align-items:flex-start;flex-wrap:wrap}.creation-comment-compose{grid-template-columns:1fr}.creation-comment-compose .gold-btn{min-height:44px}}

/* Full-size preview for newly generated and history images. */
.cinema-text-generated-image,#generatedImage,.history-item img{cursor:zoom-in}
#imageZoomOverlay{z-index:2002;padding:0;background:rgba(2,6,13,.94);backdrop-filter:blur(14px)}
#imageZoomImage{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 24px 90px rgba(0,0,0,.65);cursor:grab;transform-origin:center center;user-select:none;-webkit-user-drag:none}
#imageZoomOverlay.is-dragging #imageZoomImage{cursor:grabbing}
.image-zoom-close{position:fixed;top:19px;right:23px;z-index:1;display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid #51627a;border-radius:50%;background:#1a293d;color:#f2f5f9;font-size:28px;line-height:1;cursor:pointer}
.image-zoom-close:hover{border-color:#e8c182;background:#34435a}
@media(max-width:620px){.image-zoom-close{top:12px;right:12px}}

/* The connection has a generous hover target; the scissors is the only cut action. */
.connection-hit{fill:none;stroke:transparent;stroke-width:20;pointer-events:stroke;cursor:default;vector-effect:non-scaling-stroke}
.connection-path{pointer-events:none}
.connection-hit:hover+.connection-path{stroke:#f0c77f;stroke-width:5}
.connection-cut{position:absolute;z-index:45;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid #f0c77f;border-radius:50%;background:#25364c;color:#f7d79d;font-size:17px;line-height:1;box-shadow:0 8px 22px #0009;transform:translate(-50%,-50%);cursor:pointer}
.connection-cut:hover{background:#eac184;color:#142136}

/* Prompts accompany displayed artwork, but are not selectable or copyable. */
.creation-detail-info{grid-template-columns:1fr;gap:8px}
.image-zoom-content{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;touch-action:none}
@media(max-width:620px){.image-zoom-content{inset:56px 12px 12px}}

/* Compact cinema chrome; let the canvas reach the viewport bottom. */
body.cinema-canvas-active .app-shell{padding-bottom:0}
body.cinema-canvas-active .topbar{min-height:54px;padding:7px 0}
body.cinema-canvas-active .brand{gap:9px}
body.cinema-canvas-active .brand-mark{width:31px;height:31px;border-radius:8px}
body.cinema-canvas-active .brand strong{font-size:18px;line-height:1.1}
body.cinema-canvas-active .brand small{font-size:8px}
body.cinema-canvas-active .top-actions{gap:6px}
body.cinema-canvas-active .top-actions button{padding:7px 10px;font-size:11px}
body.cinema-canvas-active .area-switch{gap:25px}
body.cinema-canvas-active .area-switch button{padding:9px 2px 8px;font-size:12px}
body.cinema-canvas-active #cinemaArea.cinema-canvas-workspace{margin-top:0;min-height:0}
body.cinema-canvas-active .cinema-canvas-bar{padding-top:8px;padding-bottom:8px}
body.cinema-canvas-active .cinema-canvas-title h1{font-size:15px}
body.cinema-canvas-active .cinema-canvas-title p{font-size:10px}
body.cinema-canvas-active .cinema-canvas-actions .ghost-btn{padding:7px 10px;font-size:11px}
body.cinema-canvas-active .canvas-icon-btn,body.cinema-canvas-active .canvas-zoom-label{height:30px}
body.cinema-canvas-active .canvas-icon-btn{width:30px}
body.cinema-canvas-active .cinema-canvas{min-height:0}
@media(max-width:780px){body.cinema-canvas-active .topbar{min-height:0}body.cinema-canvas-active .area-switch{gap:14px}body.cinema-canvas-active .cinema-canvas-bar{padding:8px 12px}body.cinema-canvas-active .cinema-canvas{min-height:0}}

/* Canvas controls float above the canvas without a full-width toolbar. */
body.cinema-canvas-active .cinema-canvas-bar{position:absolute;top:13px;right:24px;z-index:12;width:auto;gap:0;padding:0!important;border:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none}
body.cinema-canvas-active .cinema-canvas-title{display:none}
body.cinema-canvas-active .cinema-canvas-actions{gap:7px;pointer-events:auto}
body.cinema-canvas-active .cinema-canvas-actions .ghost-btn{display:inline-flex;background:#18283eeb;border-color:#526783;box-shadow:0 8px 24px #0006}
body.cinema-canvas-active #cinemaArea.cinema-canvas-workspace{margin-top:0}
@media(max-width:780px){body.cinema-canvas-active .cinema-canvas-bar{top:10px;right:12px}body.cinema-canvas-active .cinema-canvas-actions .ghost-btn{padding:6px 8px;font-size:10px}}

/* Named works and a deliberate publish confirmation. */
.creation-work-title{margin:0 0 10px;color:#f1f5fa;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.creation-card-compact .creation-work-title{margin-bottom:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creation-card-remove{padding:7px 11px;border:1px solid #74505c;border-radius:999px;background:#2d202b;color:#e9a7b6;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
.creation-card-remove:hover{border-color:#f09dad;background:#4a2835;color:#ffd8e0}
.creation-detail-head-actions{display:flex;align-items:center;gap:9px}
.creation-publish-modal{width:min(490px,100%)}
.creation-publish-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #3d506b;border-radius:12px;background:#111d2e}
.creation-publish-preview img{width:85px;height:85px;flex:none;border-radius:9px;object-fit:contain;background:#081321}
.creation-publish-preview>div{display:grid;gap:6px}.creation-publish-preview span{color:#91a6bf;font-size:11px}.creation-publish-preview strong{color:#eac486;font-size:17px}
.creation-publish-name{display:grid;gap:8px;margin:18px 0 8px;color:#d7e2ef;font-size:12px;font-weight:700}
.creation-publish-name input{width:100%;padding:12px 13px;border:1px solid #4b6180;border-radius:9px;background:#0b192b;color:#f4f7fb;outline:none}
.creation-publish-name input:focus{border-color:#e1bc82;box-shadow:0 0 0 2px #e1bc8230}
.creation-publish-modal>p{margin:5px 0 0;color:#8fa2b8;font-size:10px}
.creation-publish-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}

/* Built-in prompt library: eight cards per page in a responsive grid. */
.prompt-library-page{padding:36px 0 70px;max-width:1460px;margin:0 auto}
.prompt-library-hero{padding:32px 36px;border:1px solid #435675;border-radius:22px;background:linear-gradient(115deg,#172b45,#151e31 65%,#27213d)}
.prompt-library-hero .eyebrow{color:#e8be7f}.prompt-library-hero h1{margin:8px 0;font-size:clamp(29px,3vw,40px)}
.prompt-library-hero p{margin:0;color:#aebfd2;font-size:13px;line-height:1.65}
.prompt-library-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.prompt-library-filters button{padding:9px 16px;border:1px solid #435a78;border-radius:999px;background:#16263b;color:#bdcce0;font-size:12px;cursor:pointer}
.prompt-library-filters button.active,.prompt-library-filters button:hover{border-color:#e4bd80;background:#e4bd80;color:#102034}
.prompt-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:240px}
.prompt-library-card{display:flex;flex-direction:column;min-width:0;min-height:270px;padding:20px;border:1px solid #405675;border-radius:17px;background:linear-gradient(145deg,#192c46,#101b2d);box-shadow:0 12px 30px #0003}
.prompt-library-card:hover{border-color:#dcb77d;transform:translateY(-2px)}
.prompt-library-card-number{font-size:24px;font-weight:800;line-height:1;color:#6f89b8}
.prompt-library-card-category{align-self:flex-start;margin-top:15px;padding:4px 9px;border-radius:999px;background:#283e5c;color:#eac88d;font-size:10px}
.prompt-library-card h2{margin:11px 0 9px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.prompt-library-card-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0 0 18px;color:#9eafc3;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.prompt-library-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.prompt-library-card-actions button{padding:7px 10px;font-size:11px}
.prompt-library-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:26px 0;color:#aebfd2;font-size:12px}
.prompt-library-pagination button:disabled{opacity:.4;cursor:not-allowed}
.prompt-library-modal{width:min(950px,100%)}.prompt-library-full{max-height:58vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border:1px solid #3e536e;border-radius:12px;background:#0a1727;color:#e8eef6;font-family:inherit;font-size:12px;line-height:1.75}
.prompt-library-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:1100px){.prompt-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.prompt-library-page{padding:18px 0 45px}.prompt-library-hero{padding:23px 19px}.prompt-library-grid{grid-template-columns:1fr}.prompt-library-card{min-height:235px}.prompt-library-pagination{gap:8px;flex-wrap:wrap}.prompt-library-detail-actions{flex-wrap:wrap}.prompt-library-detail-actions button{flex:1}}

/* Curated image materials. Full images are downloaded only on demand. */
.home-top-nav{gap:18px}.topbar{gap:18px}
.materials-page{max-width:1460px;margin:0 auto;padding:40px 0 90px}
.materials-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.materials-header .eyebrow{color:#bba4ff;letter-spacing:.18em}.materials-header h1{margin:8px 0 9px;font-size:clamp(34px,4vw,52px)}.materials-header p{margin:0;color:#aebed2;font-size:13px;line-height:1.7}.materials-count{flex:none;padding:8px 12px;border:1px solid #526383;border-radius:999px;color:#cbd8e9;font-size:11px}
.materials-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:13px}
.materials-categories button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:10px 14px;border:1px solid #455b78;border-radius:11px;background:#18273d;color:#b8c9de;text-align:left;font-size:12px;cursor:pointer}
.materials-categories button:hover{border-color:#9a8ce2;background:#243450;color:#fff}.materials-categories button.active{border-color:#a78cf0;background:linear-gradient(110deg,#3a3157,#253552);color:#fff;box-shadow:0 0 0 1px #a78cf044 inset}.materials-categories button b{color:#ddc392;font-size:11px;font-weight:700}
.materials-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:3px 0 15px}.materials-keywords.hidden{display:none}.materials-keywords button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px;border:1px solid #405571;border-radius:999px;background:#142238;color:#b8c9de;font-size:11px;cursor:pointer}.materials-keywords button b{color:#8da4bf;font-size:10px;font-weight:600}.materials-keywords button:hover{border-color:#9a8ce2;color:#fff}.materials-keywords button.active{border-color:#d5b786;background:#3b3444;color:#ffe3b1}.materials-keywords button.active b{color:#e6c794}
.materials-status{min-height:20px;margin:0 0 14px;color:#889db7;font-size:11px}.materials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.material-card{min-width:0;overflow:hidden;border:1px solid #435773;border-radius:15px;background:#17253a;box-shadow:0 16px 36px #0003;transition:transform .18s,border-color .18s}.material-card:hover{transform:translateY(-3px);border-color:#9a8ce2}.material-card-image{display:grid;place-items:center;height:210px;padding:8px;background:#0a1423}.material-card-image img{display:block;width:100%;height:100%;object-fit:contain}.material-card-info{padding:13px}.material-card-info h2{overflow:hidden;margin:0 0 5px;color:#edf2fa;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.material-card-info p{margin:0 0 13px;color:#91a5bd;font-size:10px}.material-card-actions{display:flex;gap:8px}.material-card-actions button{flex:1;min-width:0;padding:8px 6px;font-size:10px;white-space:nowrap}
.materials-empty{grid-column:1/-1;display:grid;justify-items:center;align-content:center;min-height:260px;padding:35px;border:1px dashed #506581;border-radius:16px;background:#142238;color:#a9bdd6;text-align:center}.materials-empty>span{color:#c3a7ee;font-size:38px}.materials-empty h2{margin:8px 0 5px;color:#eaf0fa;font-size:18px}.materials-empty p{margin:0;font-size:12px}
.materials-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;color:#aebfd2;font-size:12px}.materials-pagination button{min-width:100px}.materials-context-menu{position:fixed;z-index:80;display:grid;gap:2px;min-width:160px;padding:6px;border:1px solid #627899;border-radius:10px;background:#162740;box-shadow:0 16px 40px #0009}.materials-context-menu.hidden{display:none}.materials-context-menu button{padding:10px;border:0;border-radius:6px;background:transparent;color:#e9f0fa;text-align:left;font-size:12px;cursor:pointer}.materials-context-menu button:hover,.materials-context-menu button:focus-visible{background:#344d72;outline:none}
.material-viewer-overlay{z-index:90}.material-viewer{display:flex;flex-direction:column;width:min(1180px,100%);max-height:calc(100vh - 40px);min-height:0;padding:16px;border:1px solid #536987;border-radius:18px;background:#101c2d;box-shadow:0 24px 85px #000c}.material-viewer-head,.material-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.material-viewer-head{padding:0 2px 12px}.material-viewer-head h2{margin:0 0 3px;color:#edf2fa;font-size:16px}.material-viewer-head span{color:#9db0c9;font-size:11px}.material-viewer-stage{display:grid;place-items:center;min-height:0;flex:1;overflow:hidden;border-radius:10px;background:#07101c}.material-viewer-stage img{display:block;max-width:100%;max-height:calc(100vh - 195px);object-fit:contain}.material-viewer-actions{padding:14px 2px 0;flex-wrap:wrap}.material-viewer-navigation,.material-viewer-tools{display:flex;gap:9px}.material-viewer-actions button{min-width:100px}.material-viewer-actions button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:1250px){.materials-page{padding-right:18px;padding-left:18px}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-top-nav{gap:10px}.home-top-nav button{font-size:11px}}
@media(max-width:850px){.materials-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.materials-page{padding-top:22px}.materials-header{align-items:start;flex-direction:column}.materials-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.materials-categories button{min-height:44px;padding:8px;font-size:11px}.materials-grid{gap:10px}.material-card-image{height:140px}.material-card-actions{flex-direction:column}.material-card-info{padding:9px}.materials-pagination{gap:8px}.material-viewer{padding:10px}.material-viewer-stage img{max-height:calc(100vh - 255px)}.material-viewer-actions,.material-viewer-navigation,.material-viewer-tools{width:100%}.material-viewer-navigation button,.material-viewer-tools button{flex:1;min-width:0}}

/* Account projects and a compact canvas shortcut dock. */
.canvas-save-status{color:#9eb0c5;font-size:11px;white-space:nowrap;padding:0 6px}
body.cinema-canvas-active .cinema-canvas-bar{left:20px;right:20px;justify-content:space-between}
body.cinema-canvas-active .cinema-canvas-title{display:block;pointer-events:none;padding:7px 11px;border:1px solid #35495f;border-radius:10px;background:#142238d9}
body.cinema-canvas-active .cinema-canvas-title .eyebrow,body.cinema-canvas-active .cinema-canvas-title p{display:none}
body.cinema-canvas-active .cinema-canvas-title h1{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.canvas-side-rail{position:absolute;z-index:16;left:50%;bottom:14px;display:flex;align-items:center;flex-direction:row;gap:3px;width:max-content;max-width:calc(100% - 32px);padding:5px;border:1px solid #465269;border-radius:16px;background:#172131ed;box-shadow:0 20px 50px #0008;backdrop-filter:blur(18px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:default;transform:translateX(-50%);touch-action:pan-x}
.canvas-side-rail::-webkit-scrollbar{display:none}
.canvas-side-rail button{flex:none;display:flex;align-items:center;gap:5px;width:auto;height:42px;padding:4px;border:0;border-radius:10px;background:transparent;color:#c4d0de;text-align:left;cursor:pointer}
.canvas-side-rail button:hover,.canvas-side-rail button:focus-visible{outline:0;background:#344457;color:#fff}
.canvas-side-rail button>b{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;font-size:18px;font-weight:700;color:#eacb97}
.canvas-side-rail button span{display:none;white-space:nowrap;font-size:12px}
.canvas-side-rail.is-expanded button{padding-right:9px}
.canvas-side-rail.is-expanded button span{display:block}
.canvas-side-rail i{display:block;flex:none;width:1px;height:26px;margin:0 4px;background:#3b4b5d}
.canvas-side-rail .canvas-rail-toggle{color:#e7eff7}
.canvas-projects-panel{position:absolute;z-index:17;left:50%;bottom:76px;width:min(610px,calc(100% - 32px));max-height:calc(100% - 105px);overflow:auto;padding:22px;border:1px solid #556680;border-radius:18px;background:#101c2ded;box-shadow:0 24px 65px #000b;backdrop-filter:blur(22px);cursor:default;transform:translateX(-50%)}
.canvas-projects-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.canvas-projects-head h2{margin:3px 0 0;font-size:19px}
.canvas-projects-import{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;color:#a9b9cb;font-size:11px}.canvas-projects-import button{padding:8px 11px;font-size:11px}
.canvas-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.canvas-project-card{min-width:0;padding:12px;border:1px solid #40536c;border-radius:14px;background:#192a40}
.canvas-project-card.is-active{border-color:#e0b875;background:#21344e}
.canvas-project-card-cover{position:relative;display:grid;place-items:center;height:130px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#263a57,#101d30)}.canvas-project-card-cover.has-thumbnail{background:#0c1725}.canvas-project-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.canvas-project-card-icon{color:#e8c289;font-size:30px}.canvas-project-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:11px 5px 6px;font-size:14px}.canvas-project-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 5px 15px;color:#98abc1;font-size:10px}
.canvas-project-card-actions{display:flex;gap:8px}.canvas-project-card-actions button{padding:8px 10px;font-size:11px}
.canvas-project-card-actions{flex-wrap:wrap}
.canvas-project-card h3{cursor:text}
.canvas-project-rename-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 5px 10px}
.canvas-project-rename-editor input{flex:1 1 100%;min-width:0;padding:9px 10px;border:1px solid #8ca4ca;border-radius:8px;background:#101f33;color:#f3f6fc;font:inherit}
.canvas-project-rename-editor button{padding:7px 12px;font-size:11px}
.canvas-project-delete-confirm{margin-top:10px;padding:10px;border:1px solid #9b6870;border-radius:10px;background:#2c2533}.canvas-project-delete-confirm p{margin:0 0 9px;overflow:visible;white-space:normal;color:#f0c9cb;font-size:11px;line-height:1.5}.canvas-project-delete-actions{display:flex;gap:8px}.canvas-project-delete-actions button{padding:7px 10px;font-size:11px}.canvas-project-delete-yes{border:1px solid #c78891;border-radius:8px;background:#873f50;color:#fff;cursor:pointer}.canvas-project-delete-yes:hover{background:#a64b5e}
.canvas-project-pages{position:absolute;z-index:13;top:58px;left:20px;display:flex;align-items:center;gap:6px;max-width:min(720px,58vw);padding:5px;border:1px solid #415777;border-radius:12px;background:#142238e8;box-shadow:0 8px 24px #0006;cursor:default}.canvas-project-page-list{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:thin}.canvas-project-page{flex:none;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bacbe0;font-size:11px;cursor:pointer}.canvas-project-page:hover{background:#344862;color:#fff}.canvas-project-page[aria-current="page"]{border-color:#d4af78;background:#32445c;color:#f7d59e}.canvas-project-page:disabled{opacity:.45;cursor:default}.canvas-project-page-arrow{width:27px;padding:6px 0;font-size:18px;line-height:1}.canvas-project-page-count{padding:0 5px;color:#9eafc4;font-size:11px;white-space:nowrap}
#commerceArea .commerce-hero-actions{position:relative;z-index:2;display:flex;align-items:center;gap:16px;flex-wrap:wrap}#commerceArea .commerce-hero-actions .gold-btn{padding:10px 16px;font-size:13px}#commerceArea .commerce-hero-actions .hero-link{color:var(--studio-accent)}
@media(max-width:700px){#commerceArea .site-hero{flex-wrap:wrap}#commerceArea .commerce-hero-actions{width:100%}}
.test-mode-badge{padding:4px 7px;border:1px solid #9d8456;border-radius:999px;background:#5d482d;color:#ffe1a0;font-size:10px;font-weight:700;white-space:nowrap}
.auth-modal .auth-remember-hint{margin:-9px 0 8px;color:#9bb0c7;font-size:11px}
.canvas-projects-empty{grid-column:1/-1;color:#a9b9cb;font-size:12px}
.prompt-library-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.prompt-library-hero>button{flex:none}
@media(max-width:900px){body.cinema-canvas-active .cinema-canvas-bar{left:10px;right:10px}body.cinema-canvas-active .cinema-canvas-title{display:none}.canvas-save-status{display:none}}
@media(max-width:900px){.canvas-project-pages{top:54px;left:10px;max-width:calc(100% - 20px)}}
@media(max-width:620px){.canvas-projects-grid{grid-template-columns:1fr}.canvas-side-rail{bottom:10px;max-width:calc(100% - 20px)}.canvas-side-rail button>b{width:31px}.canvas-projects-panel{bottom:72px;width:calc(100% - 20px)}.prompt-library-hero{align-items:stretch;flex-direction:column}.prompt-library-hero>button{align-self:flex-start}}
.canvas-text-modal{width:min(920px,94vw);height:min(760px,88vh);display:flex;flex-direction:column;gap:14px}.canvas-text-modal textarea{flex:1;min-height:0;width:100%;resize:none;padding:18px;border:1px solid #536b88;border-radius:12px;background:#0c192a;color:#f1f5fa;font-size:16px;line-height:1.75;outline:none}.canvas-text-modal textarea:focus{border-color:#e4bd82}.canvas-text-modal p{margin:0;color:#9fb0c5;font-size:12px}
.canvas-text-references{flex:none;padding:11px 13px;border:1px solid #3c5575;border-radius:10px;background:#14243a}
.canvas-text-references>span{display:block;margin-bottom:8px;color:#a9bdd7;font-size:11px}
.canvas-text-reference-list{display:flex;flex-wrap:wrap;gap:8px;max-height:116px;overflow:auto}
.canvas-text-reference-list>small{color:#9fb0c5;font-size:11px;line-height:1.5}
.canvas-image-toolbar{position:absolute;z-index:1000;display:flex;align-items:center;gap:3px;max-width:calc(100% - 16px);min-height:48px;overflow-x:auto;padding:5px 9px;border:1px solid #41464f;border-radius:15px;background:#202124f5;box-shadow:0 14px 38px #000b;white-space:nowrap;backdrop-filter:blur(14px);scrollbar-width:none;transform:translateX(-50%)}.canvas-image-toolbar::-webkit-scrollbar{display:none}
.canvas-image-toolbar.hidden{display:none}.canvas-image-toolbar-title{display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#f5f5f6;font-size:12px;font-weight:600}.canvas-image-toolbar-title span{color:#86c6ff;font-size:16px}.canvas-image-toolbar-divider{width:1px;height:22px;margin:0 5px;background:#484b51}.canvas-image-toolbar button{display:inline-flex;align-items:center;gap:7px;flex:none;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#f1f2f4;cursor:pointer;font-size:12px}.canvas-image-toolbar button span{color:#d8dde4;font-size:17px;line-height:1}.canvas-image-toolbar button:hover{background:#3a3c42;color:#fff}.canvas-image-editor-tools button{padding:7px 10px;border:1px solid #526a89;border-radius:8px;background:#203550;color:#f0f5fb;cursor:pointer;font-size:11px}.canvas-image-editor-tools button:hover,.canvas-image-editor-tools button.is-active{border-color:#e7ba77;background:#344968;color:#ffe1ae}
#canvasImageEditorOverlay{z-index:2001}
#canvasGridCropOverlay{z-index:2001}
.canvas-image-editor{width:min(1050px,96vw);max-height:94vh;display:flex;flex-direction:column;gap:13px}.canvas-image-editor .modal-header{flex:none}.canvas-image-editor-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.canvas-image-editor-tools label{display:flex;align-items:center;gap:6px;color:#afc0d5;font-size:11px}.canvas-image-editor-tools input{width:33px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.canvas-image-editor-stage{display:grid;place-items:center;flex:1;min-height:0;overflow:auto;padding:12px;border:1px solid #3e5574;border-radius:12px;background:#081322}.canvas-image-editor-stage canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.canvas-image-editor p{margin:0;color:#a9bdd2;font-size:11px}.canvas-image-editor-actions{display:flex;justify-content:flex-end;gap:9px}
.canvas-grid-crop-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#afc0d5;font-size:12px}.canvas-grid-crop-controls label{display:flex;align-items:center;gap:7px}.canvas-grid-crop-controls input{width:64px;padding:7px;border:1px solid #526a89;border-radius:8px;background:#0c1a2d;color:#f0f5fb}.canvas-grid-crop-controls span{color:#e7ba77}
.canvas-text-reference-list .node-reference-choice.is-used{border-color:#edc680;background:#53402d;box-shadow:0 0 0 1px #edc68055}
.super-assistant-launcher{position:fixed;z-index:32;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:0;width:87px;height:107px;padding:0;border:0;background:transparent;color:#142035;font-weight:800;cursor:pointer;filter:drop-shadow(0 8px 12px #000b)}
.super-assistant-launcher img{width:82px;height:85px;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none}
.super-assistant-launcher span{position:relative;z-index:1;display:block;min-width:75px;padding:6px 8px;border:1px solid #f6dca7;border-radius:999px;background:linear-gradient(130deg,#f0cc91,#c99551);box-shadow:0 6px 14px #0007;font-size:10px;text-align:center;white-space:nowrap}
.super-assistant-launcher:focus-visible{outline:2px solid #f6dca7;outline-offset:3px;border-radius:16px}
.assistant-hub{position:fixed;z-index:41;right:18px;bottom:132px;display:flex;flex-direction:column;width:min(480px,calc(100vw - 24px));max-height:min(650px,calc(100dvh - 152px));padding:18px;border:1px solid #657796;border-radius:20px;background:linear-gradient(155deg,#1b2b45,#101c30 70%);box-shadow:0 24px 72px #000b;overflow:hidden}
.assistant-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.assistant-hub-head h2{margin:5px 0;font-size:21px}.assistant-hub-head p{margin:0;color:#aabbd1;font-size:12px}.assistant-hub-head .icon-close{flex:none}
.assistant-hub-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:auto;min-height:0;padding:2px 3px 4px;scrollbar-width:thin}
.assistant-hub-card{display:flex;align-items:center;gap:9px;min-width:0;min-height:72px;padding:9px;border:1px solid #405676;border-radius:13px;background:#1b2d47;color:#f3f0e9;text-align:left}.assistant-hub-card:hover,.assistant-hub-card:focus-visible{outline:0;border-color:#e5bf82;background:#283d5a}.assistant-hub-card.is-featured{grid-column:1/-1;border-color:#ba955d;background:linear-gradient(110deg,#394b65,#27334d)}.assistant-hub-card img{flex:none;width:43px;height:43px;object-fit:cover;border-radius:10px;background:#31435d}.assistant-hub-card span{display:grid;gap:4px;min-width:0}.assistant-hub-card strong{font-size:12px;line-height:1.3}.assistant-hub-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#b7c5d6;font-size:10px;line-height:1.4}
.super-assistant-dock-avatar{flex:none;width:42px;height:42px;object-fit:cover;object-position:center 18%;border:1px solid #d1a96e;border-radius:11px;background:#273954}
.chat-switch-agent-btn{flex:none;margin-left:auto;padding:7px 10px;border:1px solid #657796;border-radius:8px;background:#263a56;color:#f2ddb7;font-size:11px}.chat-switch-agent-btn:hover{border-color:#e5bf82;background:#344b6a}
#chatOverlay.super-assistant-floating{z-index:42;top:auto;right:18px;bottom:18px;left:auto;width:min(650px,calc(100vw - 24px));height:min(700px,calc(100dvh - 24px));padding:0;border:1px solid #b98e59;border-radius:18px;background:#0e1929;box-shadow:0 22px 80px #000b;backdrop-filter:none;animation:none;overflow:hidden}
#chatOverlay.super-assistant-floating .super-assistant-drag-handle{display:flex!important;align-items:center;gap:10px;flex:none;height:42px;padding:0 12px;background:#b78b54;color:#111c2c;cursor:grab;touch-action:none;user-select:none}
#chatOverlay.super-assistant-floating .super-assistant-drag-handle:active{cursor:grabbing}
#chatOverlay.super-assistant-floating .super-assistant-drag-handle strong{white-space:nowrap;font-size:13px}
#chatOverlay.super-assistant-floating .super-assistant-drag-handle span{flex:1;font-size:10px;opacity:.75}
#chatOverlay.super-assistant-floating .super-assistant-drag-handle button{padding:5px 9px;border:1px solid #59442d;border-radius:7px;background:#14243a;color:#f4e0b9;cursor:pointer}
#chatOverlay.super-assistant-floating .chat-sidebar{padding:10px 14px}
#chatOverlay.super-assistant-floating .chat-dock-heading{margin-bottom:8px}
#chatOverlay.super-assistant-floating .chat-dock-symbol{width:30px;height:30px;font-size:17px}
#chatOverlay.super-assistant-floating .chat-sidebar h2{font-size:15px}
#chatOverlay.super-assistant-floating #chatSubtitle{display:none}
#chatOverlay.super-assistant-floating .chat-main{padding:10px 14px 14px}
#chatOverlay.super-assistant-floating .chat-progress{padding-right:0;margin-bottom:8px}
.cinema-node.is-generating-image [data-text-role="status"],.cinema-node.is-generating-image [data-text-role="nodeState"],.scene-multiview-node.is-generating-image [data-scene-role="status"]{display:none}
#chatOverlay.super-assistant-floating .chat-collapse-btn{display:none}
#chatOverlay.super-assistant-floating .chat-messages{padding:12px}
#chatOverlay.super-assistant-floating .chat-compose{padding:10px}
#chatOverlay.super-assistant-floating .chat-compose textarea{min-height:76px;max-height:22vh}
#chatOverlay.super-assistant-floating .chat-compose-tools{flex-wrap:wrap;justify-content:flex-start;gap:7px}
#chatOverlay.super-assistant-floating .chat-compose-tools span{width:100%}
.super-assistant-analysis{flex:none;margin:0 0 9px;padding:10px 13px;border:1px solid #685b83;border-radius:11px;background:#1a2439;color:#e8d9f7}.super-assistant-analysis.hidden{display:none}.super-assistant-analysis>strong{font-size:12px}.super-assistant-analysis>small{float:right;color:#aab5c8;font-size:10px}.super-assistant-analysis ol{display:grid;gap:4px;margin:8px 0 0;padding-left:18px;color:#c3d0e0;font-size:11px;line-height:1.5}.super-assistant-analysis li:last-child{color:#f2d6a4}
#chatOverlay .chat-file-refs{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px;max-height:72px;overflow:auto}
#chatOverlay .chat-file-refs .chat-ref{max-width:100%}
#chatOverlay .chat-file-refs .chat-ref-mention{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatOverlay .chat-attachments{display:grid;gap:5px;max-height:125px;overflow:auto;padding:7px 8px;border:1px solid #3d526f;border-radius:9px;background:#102036}
#chatOverlay .chat-attachments.hidden{display:none}
#chatOverlay .chat-attachments .chat-image-refs,#chatOverlay .chat-attachments .chat-file-refs{display:flex;flex-wrap:wrap;gap:6px;max-height:none;padding:0;overflow:visible}
#chatOverlay .chat-attachments .chat-ref img{width:40px;height:40px}
#chatOverlay .chat-input-wrap{position:relative;min-width:0}
#chatOverlay .chat-input-wrap textarea{display:block}
#chatOverlay .chat-mention-menu{position:absolute;z-index:4;left:0;right:0;bottom:calc(100% + 5px);display:grid;gap:3px;max-height:190px;overflow:auto;padding:6px;border:1px solid #6c82a1;border-radius:10px;background:#14263d;box-shadow:0 14px 35px #0009}
#chatOverlay .chat-mention-menu.hidden{display:none}
#chatOverlay .chat-mention-option{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#e9f0f9;text-align:left;font-size:12px}
#chatOverlay .chat-mention-option:hover,#chatOverlay .chat-mention-option.is-active{background:#304967}
#chatOverlay .chat-mention-option img{width:28px;height:28px;object-fit:cover;border-radius:5px}
#chatOverlay .chat-mention-option small{margin-left:auto;color:#a9bdd3}
#chatOverlay .chat-message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff2b}
#chatOverlay .chat-message-attachments img{width:70px;height:70px;object-fit:cover;border-radius:7px;background:#14263d}
#chatOverlay .chat-message-attachments span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border:1px solid #ffffff3d;border-radius:7px;font-size:11px}
@media(max-width:640px){#chatOverlay.super-assistant-floating{left:6px!important;top:6px!important;right:auto;bottom:auto;width:calc(100vw - 12px);height:calc(100dvh - 12px)}#chatOverlay.super-assistant-floating .chat-sidebar{display:block;height:auto}#chatOverlay.super-assistant-floating .chat-main{height:auto}#chatOverlay.super-assistant-floating .chat-sidebar-actions{display:flex}#chatOverlay.super-assistant-floating .chat-dock-heading{display:flex!important}.super-assistant-launcher{right:8px;bottom:8px;width:63px;height:79px}.super-assistant-launcher img{width:60px;height:62px}.super-assistant-launcher span{min-width:61px;padding:5px 6px;font-size:9px}.assistant-hub{right:8px;bottom:94px;width:calc(100vw - 16px);max-height:calc(100dvh - 110px);padding:14px}.assistant-hub-card{min-height:64px}.assistant-hub-card img{width:36px;height:36px}}

/* Keep canvas image cards compact; let the artwork, not the frame, dominate. */
.canvas-image-node,.cinema-node[data-node-type="text_to_image"],.cinema-node[data-node-type="mj_image"],.scene-multiview-node,.composite-node{border-color:#34465e;box-shadow:0 12px 34px #0008}
.canvas-image-node .cinema-node-head,.cinema-node[data-node-type="text_to_image"]>.cinema-node-head,.cinema-node[data-node-type="mj_image"]>.cinema-node-head,.scene-multiview-node>.cinema-node-head,.composite-node>.cinema-node-head{gap:8px;padding:8px 10px}
.canvas-image-node .node-kind-icon,.cinema-node[data-node-type="text_to_image"]>.cinema-node-head .node-kind-icon,.cinema-node[data-node-type="mj_image"]>.cinema-node-head .node-kind-icon,.scene-multiview-node>.cinema-node-head .node-kind-icon,.composite-node>.cinema-node-head .node-kind-icon{width:29px;height:29px;border-radius:8px;font-size:13px}
.canvas-image-node .cinema-node-head h2,.cinema-node[data-node-type="text_to_image"]>.cinema-node-head h2,.cinema-node[data-node-type="mj_image"]>.cinema-node-head h2,.scene-multiview-node>.cinema-node-head h2,.composite-node>.cinema-node-head h2{margin-top:1px;font-size:13px}
.canvas-image-node .cinema-node-head>div>span,.cinema-node[data-node-type="text_to_image"]>.cinema-node-head>div>span,.cinema-node[data-node-type="mj_image"]>.cinema-node-head>div>span,.scene-multiview-node>.cinema-node-head>div>span,.composite-node>.cinema-node-head>div>span{font-size:7px;letter-spacing:1px}
.canvas-image-node .canvas-image-remove,.canvas-image-node .node-collapse,.cinema-node[data-node-type="text_to_image"]>.cinema-node-head .node-collapse,.cinema-node[data-node-type="mj_image"]>.cinema-node-head .node-collapse{width:27px;height:27px}
.canvas-image-node .canvas-image-body{gap:0;padding:4px;background:#0a1625}
.canvas-image-node .canvas-source-image{width:100%;height:auto;max-height:340px;border-radius:8px;object-fit:contain;background:#07111e}
.canvas-image-node .canvas-image-body small{display:none}
.cinema-node[data-node-type="text_to_image"]>.cinema-node-preview,.cinema-node[data-node-type="mj_image"]>.cinema-node-preview{padding:0 5px 5px;border-color:#34465e}
.cinema-node-preview .image-preview img{border-radius:7px}
.cinema-node-preview .preview-actions{padding:5px 7px;background:#101e31}
.cinema-node-preview:has(.image-preview:not(.hidden)) .cinema-node-preview-state{display:none}
.scene-multiview-node .scene-node-preview{padding:0 5px 5px}
.scene-multiview-node .scene-node-image{max-height:430px;border-radius:7px}
.scene-multiview-node .scene-node-meta{padding:5px 3px 0}
.composite-node .composite-body{padding:9px}
.composite-node .composite-output{max-height:380px;border-color:#34465e}

/* Image results sit directly on the canvas; controls keep their existing behavior. */
.canvas-image-node,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden)),
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden)),
.scene-multiview-node:has(.scene-node-image:not(.hidden)){
  border:0;
  background:transparent;
  box-shadow:none;
}
.canvas-image-node.is-selected,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden)).is-selected,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden)).is-selected,
.scene-multiview-node:has(.scene-node-image:not(.hidden)).is-selected{
  border:0;
  box-shadow:none;
}
.canvas-image-node.is-active{border:0;box-shadow:none}
.canvas-image-node>.cinema-node-head,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-head,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-head,
.scene-multiview-node:has(.scene-node-image:not(.hidden))>.cinema-node-head{
  min-height:28px;
  padding:2px 3px 7px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.canvas-image-node.is-selected>.cinema-node-head,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden)).is-selected>.cinema-node-head,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden)).is-selected>.cinema-node-head,
.scene-multiview-node:has(.scene-node-image:not(.hidden)).is-selected>.cinema-node-head{border:0;background:transparent;box-shadow:none}
.canvas-image-node>.cinema-node-head .node-kind-icon,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-head .node-kind-icon,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-head .node-kind-icon,
.scene-multiview-node:has(.scene-node-image:not(.hidden))>.cinema-node-head .node-kind-icon{
  width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#b8c8de;font-size:15px;
}
.canvas-image-node>.cinema-node-head>div>span,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-head>div>span,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-head>div>span,
.scene-multiview-node:has(.scene-node-image:not(.hidden))>.cinema-node-head>div>span{display:none}
.canvas-image-node>.cinema-node-head h2,
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-head h2,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-head h2,
.scene-multiview-node:has(.scene-node-image:not(.hidden))>.cinema-node-head h2{
  margin:0;overflow:hidden;color:#cbd4e3;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;
}
.cinema-node-head .canvas-image-dimensions{display:none;flex:none;margin-left:auto;color:#93a2b7;font-size:11px;letter-spacing:.3px}
.canvas-image-node .canvas-image-dimensions:not(:empty),
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden)) .canvas-image-dimensions:not(:empty),
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden)) .canvas-image-dimensions:not(:empty),
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .canvas-image-dimensions:not(:empty){display:block}
.canvas-image-node .canvas-image-remove{order:2;width:22px;height:22px;border-color:transparent;background:transparent;color:#7f91a9;font-size:16px}
.canvas-image-node .canvas-image-body{position:relative;padding:0;background:transparent}
.canvas-image-download{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d8e0ee66;border-radius:7px;background:#101a2bcc;color:#f1f4fb;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 3px 10px #0005}.canvas-image-download:hover,.canvas-image-download:focus-visible{border-color:#e6c58d;background:#263b56;color:#ffe0a3}
.canvas-image-node .canvas-source-image{max-height:none;border-radius:10px;background:transparent;box-shadow:0 9px 28px #0004}
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-io,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-io{display:none}
.cinema-node[data-node-type="text_to_image"]:has(.image-preview:not(.hidden))>.cinema-node-preview,
.cinema-node[data-node-type="mj_image"]:has(.image-preview:not(.hidden))>.cinema-node-preview{
  position:relative;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.cinema-node-preview:has(.image-preview:not(.hidden)) .image-preview{position:relative;background:transparent}
.cinema-node-preview:has(.image-preview:not(.hidden)) .image-preview img{border-radius:10px;box-shadow:0 9px 28px #0004}
.cinema-node-preview:has(.image-preview:not(.hidden)) .preview-actions{position:absolute;right:8px;bottom:8px;padding:0;background:transparent}
.cinema-node-preview:has(.image-preview:not(.hidden)) .preview-actions span{display:none}
.cinema-node-preview:has(.image-preview:not(.hidden)) .node-download-btn{
  width:28px;height:28px;border:1px solid #d8e0ee66;border-radius:7px;background:#101a2bbb;color:#f1f4fb;font-size:17px;
}
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-preview{padding:0;background:transparent}
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-image{max-height:none;border-radius:10px;background:transparent;box-shadow:0 9px 28px #0004}
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-meta{padding:6px 3px 0;background:transparent}
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-toolbar,
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-actions,
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-model-row,
.scene-multiview-node:has(.scene-node-image:not(.hidden)) .scene-node-progress,
.scene-multiview-node:has(.scene-node-image:not(.hidden))>.status{background:transparent}

/* Keep canvas controls outside the artwork and quiet at normal zoom. */
.cinema-node-head .node-fold,
.cinema-node-head .node-collapse{
  width:20px;height:20px;padding:0;border:1px solid #60738a88;border-radius:6px;
  background:#152338a6;color:#d8e0eb;font-size:13px;font-weight:400;line-height:1;
  box-shadow:none;
}
.cinema-node-head .node-fold:hover,
.cinema-node-head .node-fold:focus-visible,
.cinema-node-head .node-collapse:hover,
.cinema-node-head .node-collapse:focus-visible{
  border-color:#c8a976;background:#22344a;color:#f2d7aa;
}
.canvas-image-node .canvas-image-remove{
  width:18px;height:18px;padding:0;border:0;background:transparent;
  color:#8798ad;font-size:14px;line-height:1;
}
.node-port{
  width:12px;height:12px;padding:0;border:2px solid #14243a;
  background:#829cf0;box-shadow:0 0 0 1px #9bb1ff99;
}
.node-port::after{inset:-10px}
.node-port-input{left:-17px}
.node-port-output{right:-17px}
.node-port[data-data-type="text"]{box-shadow:0 0 0 1px #f0cd9199}
.node-port.is-connected{box-shadow:0 0 0 2px #728ff099,0 0 9px #7592f766}
.node-port:hover,.node-port.is-dragging{transform:translateY(-50%) scale(1.15)}
.node-port.is-snap-target{transform:translateY(-50%) scale(1.3);box-shadow:0 0 0 3px #e9c37b55,0 0 12px #e9c37b88}
.canvas-image-download,
.cinema-node-preview:has(.image-preview:not(.hidden)) .node-download-btn,
.scene-multiview-node .scene-node-actions .node-download-btn{
  width:21px;height:21px;padding:0;border:1px solid #64758c88;border-radius:6px;
  background:#17263a;color:#cbd7e6;font-size:14px;line-height:1;box-shadow:none;
}
.canvas-image-download{
  position:static;justify-self:end;margin:4px 2px 0;
}
.cinema-node-preview:has(.image-preview:not(.hidden)) .preview-actions{
  position:static;justify-content:flex-end;margin:0;padding:4px 2px 0;background:transparent;
}
.canvas-image-download:hover,.canvas-image-download:focus-visible,
.cinema-node-preview:has(.image-preview:not(.hidden)) .node-download-btn:hover,
.cinema-node-preview:has(.image-preview:not(.hidden)) .node-download-btn:focus-visible,
.scene-multiview-node .scene-node-actions .node-download-btn:hover,
.scene-multiview-node .scene-node-actions .node-download-btn:focus-visible{
  border-color:#d6b781;background:#293b51;color:#ffe0ad;
}
.cinema-node-preview,.scene-node-preview{position:relative}
.cinema-node-preview .node-preview-progress,.scene-node-preview .node-preview-progress{position:absolute;z-index:3;top:56%;left:12px;right:12px;display:none;align-items:center;gap:9px;width:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:translateY(-50%);pointer-events:none}
.cinema-node.is-generating-image .cinema-node-preview .node-preview-progress,.scene-multiview-node.is-generating-image .scene-node-preview .node-preview-progress{display:flex}
.cinema-node.is-generating-image .cinema-node-preview-placeholder>*{visibility:hidden}
.node-preview-progress .progress-track{height:8px;background:#34465e}
.node-preview-progress strong{min-width:30px;color:#c4d0ff;font-size:11px;text-align:right}
.canvas-image-node .canvas-source-image,
.cinema-node[data-node-type="text_to_image"] .cinema-text-generated-image,
.cinema-node[data-node-type="mj_image"] .cinema-text-generated-image,
.scene-multiview-node .scene-node-image,
.composite-node .composite-output{cursor:default;user-select:none}
.canvas-image-node.is-selected .canvas-source-image,
.cinema-node[data-node-type="text_to_image"].is-selected .cinema-text-generated-image,
.cinema-node[data-node-type="mj_image"].is-selected .cinema-text-generated-image,
.scene-multiview-node.is-selected .scene-node-image,
.composite-node.is-selected .composite-output{cursor:grab}
.composite-result-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.composite-result-actions .ghost-btn{justify-self:auto}
.composite-add-to-canvas{padding:7px 12px;border:1px solid #d9b880;border-radius:8px;background:linear-gradient(120deg,#efc979,#e6a958);color:#132138;font-size:10px;font-weight:700;cursor:pointer}
.composite-add-to-canvas:hover:not(:disabled){filter:brightness(1.08)}
.composite-add-to-canvas:disabled{opacity:.5;cursor:not-allowed}
.canvas-image-node .canvas-source-image:active,
.cinema-node[data-node-type="text_to_image"] .cinema-text-generated-image:active,
.cinema-node[data-node-type="mj_image"] .cinema-text-generated-image:active,
.scene-multiview-node .scene-node-image:active,
.composite-node .composite-output:active{cursor:grabbing}

/* Folded nodes keep a distinct, stable color so they remain visible on the canvas. */
.cinema-node.is-folded{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cinema-node.is-folded>.cinema-node-head{
  min-height:55px;
  padding:9px 13px;
  border:1px solid color-mix(in srgb,var(--fold-color,#668ce8) 78%,white)!important;
  border-radius:13px!important;
  background:linear-gradient(115deg,color-mix(in srgb,var(--fold-color,#668ce8) 36%,#101827),color-mix(in srgb,var(--fold-color,#668ce8) 19%,#101827))!important;
  box-shadow:0 12px 30px #0006,0 0 0 1px color-mix(in srgb,var(--fold-color,#668ce8) 24%,transparent)!important;
}
.cinema-node.is-folded.is-selected>.cinema-node-head{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--fold-color,#668ce8) 70%,white),0 15px 35px #0008!important;
}
.cinema-node.is-folded>.cinema-node-head .node-kind-icon{
  color:#fff;
  border-color:color-mix(in srgb,var(--fold-color,#668ce8) 60%,white);
  background:color-mix(in srgb,var(--fold-color,#668ce8) 48%,#152238);
}
.cinema-node.is-folded>.cinema-node-head h2,
.cinema-node.is-folded>.cinema-node-head .canvas-image-dimensions{color:#f4f6ff}
.cinema-node.is-folded>.cinema-node-head .node-fold{
  border-color:color-mix(in srgb,var(--fold-color,#668ce8) 65%,white);
  background:#101827a8;
  color:#fff;
}
.history-batch-bar{display:flex;align-items:center;gap:12px;margin:-3px 0 14px;padding:10px 12px;border:1px solid #3e516b;border-radius:11px;background:#17263a}
.history-batch-bar label{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}
.history-batch-bar input,.history-item-select input{accent-color:#e9ba71}
.history-batch-bar>span{margin-left:auto;color:#afbed0;font-size:11px}
.history-batch-bar button{padding:7px 11px;border-color:#a96165;color:#ffd5d5}
.history-item{position:relative}
.history-item.is-selected{border-color:#e9ba71;box-shadow:0 0 0 1px #e9ba71}
.history-item-select{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#d5e0ee;font-size:11px;cursor:pointer}
@media(max-width:520px){.history-batch-bar{flex-wrap:wrap}.history-batch-bar>span{margin-left:0}.history-batch-bar button{margin-left:auto}}

/* Personal center is anchored to the account actions, above page content. */
.topbar{position:relative;z-index:30}
.personal-center-wrap{position:relative;flex:none}
#personalCenterBtn{white-space:nowrap}
.personal-center-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:min(330px,calc(100vw - 32px));max-height:min(72vh,590px);overflow:auto;padding:9px;border:1px solid #3f4956;border-radius:16px;background:#25272b;color:#f4f4f5;box-shadow:0 24px 58px #0009}
.personal-center-menu>button,.personal-submenu>button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:9px 13px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;font-size:14px}
.personal-center-menu>button:hover:not(:disabled),.personal-submenu>button:hover,.personal-center-menu>button:focus-visible,.personal-submenu>button:focus-visible{background:#393b40;outline:none}
.personal-center-menu>button span{width:23px;flex:none;text-align:center;font-size:18px}
.personal-center-menu>button b,.personal-center-menu>button small{margin-left:auto;color:#a7abb2;font-weight:400}
.personal-center-menu>button:disabled{opacity:.5}
.personal-submenu{margin:0 0 5px 35px;padding:3px 0 4px 11px;border-left:1px solid #51545a}
.personal-submenu>button{min-height:37px;color:#d2d4d8;font-size:13px}
.personal-menu-divider{height:1px;margin:8px 7px;background:#3b3d42}
.account-feature-page{min-height:calc(100vh - 230px);max-width:900px;margin:36px auto;padding:0 16px}
.account-feature-page header h1{margin:8px 0;font-size:32px}
.account-feature-page header p,.account-feature-card p{color:var(--muted);line-height:1.7}
.account-feature-card{display:flex;align-items:flex-start;flex-direction:column;gap:15px;margin-top:24px;padding:32px;border:1px solid #3c5169;border-radius:20px;background:linear-gradient(145deg,#17263b,#101a29)}
.account-feature-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:#253a52;color:var(--gold);font-size:28px}
.account-feature-card h2,.account-feature-card p{margin:0}
.account-feature-card>small{color:var(--muted);line-height:1.6}
.account-feature-price{display:flex;align-items:center;gap:15px;color:var(--muted)}
.account-feature-price strong{color:var(--gold);font-size:22px}
@media(max-width:700px){.personal-center-menu{right:-8px}.account-feature-page{margin-top:24px}.account-feature-card{padding:23px}}

.storyboard-project-entry{min-width:0}
.storyboard-project-entry>button{display:grid;gap:4px;width:100%;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:11px;border:1px solid #394b6c;border-radius:10px;background:#111d32;color:#ecf0f8;cursor:pointer}
.storyboard-project-entry>button.active{border-color:#bba1ff;background:#2a3152}
.storyboard-project-entry>button small{font-size:11px}
.storyboard-project-context,.storyboard-inline-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;padding:10px;border:1px solid #765d65;border-radius:10px;background:#282737;box-shadow:0 10px 24px #0004}
.storyboard-project-context p,.storyboard-inline-confirm p{flex:1 0 100%;margin:0;color:#f2d8d3;font-size:12px;line-height:1.55}
.storyboard-project-context button,.storyboard-inline-confirm button{font-size:12px;padding:7px 10px}
.storyboard-clear-action{position:relative;max-width:340px}
.storyboard-clear-action .storyboard-inline-confirm{position:absolute;z-index:8;top:100%;right:0;width:min(320px,80vw)}
.storyboard-delete-action{position:relative;display:inline-flex}
.storyboard-delete-action .storyboard-delete-confirm{position:absolute;z-index:10;bottom:calc(100% + 8px);right:0;width:min(320px,80vw);margin:0}
.storyboard-scene-duration{color:#e5c58e;font-size:12px}
.canvas-note-storyboard-btn{margin-top:10px;width:100%;font-size:11px}

/* Display copy is not selectable; working text remains selectable for editing and partial copy. */
body,.cinema-node{user-select:none;-webkit-user-select:none}
input,textarea,[contenteditable="true"],#chatOverlay .bubble span,#replyFull,#promptLibraryDetailContent,.storyboard-card-preview,.history-prompt pre,.plugin-code-card pre{user-select:text;-webkit-user-select:text}
.tutorial-existing-media{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:12px;border:1px solid #485f7b;border-radius:10px;background:#101d30}
.tutorial-existing-media strong{flex-basis:100%;font-size:12px;color:#d8e3f2}
.tutorial-existing-media img{width:108px;height:76px;object-fit:cover;border-radius:7px}
.tutorial-existing-media video{width:min(100%,350px);max-height:180px;border-radius:7px}

.mj-settings{display:grid;gap:11px;margin-top:14px;padding:13px;border:1px solid #435a76;border-radius:12px;background:#14243a}.mj-settings-head{display:flex;align-items:center;justify-content:space-between;color:#e8d0aa;font-size:12px}.mj-settings-head button{padding:4px 8px;font-size:10px}.mj-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mj-settings-grid label,.mj-settings-sliders label{display:grid;gap:5px;color:#b8c9dc;font-size:11px}.mj-settings-grid select{width:100%;min-width:0;padding:8px;border:1px solid #536b89;border-radius:8px;background:#1a304b;color:#f3f5f9}.mj-settings-grid .mj-raw-toggle{display:flex;align-items:center;gap:8px;align-self:end;min-height:34px}.mj-settings-grid .mj-raw-toggle input{accent-color:#dabb83}.mj-settings-sliders{display:grid;gap:10px}.mj-settings-sliders label{grid-template-columns:66px 1fr;align-items:center}.mj-settings-sliders output{justify-self:end;color:#e7ca98;font-variant-numeric:tabular-nums}.mj-settings-sliders input{grid-column:1/-1;width:100%;accent-color:#aab5ff}.mj-settings>small{color:#91a5bd;font-size:10px;line-height:1.5}
.mj-slider-control{display:grid;gap:7px}.mj-slider-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b8c9dc;font-size:11px}.mj-slider-head input[type=number]{grid-column:auto;width:76px;min-width:0;padding:5px 7px;border:1px solid #536b89;border-radius:7px;background:#0d1c30;color:#e7ca98;text-align:right;font-variant-numeric:tabular-nums;outline:none}.mj-slider-head input[type=number]:focus{border-color:#dabb83}.mj-slider-control>input[type=range]{margin:0;width:100%}
.mj-settings-grid input:not([type=checkbox]){width:100%;min-width:0;padding:8px;border:1px solid #536b89;border-radius:8px;background:#0d1c30;color:#f3f5f9;outline:none}.mj-settings-grid input:focus{border-color:#dabb83}.mj-flags{display:flex;flex-wrap:wrap;gap:7px 13px}.mj-flags label{display:flex;align-items:center;gap:5px;color:#b8c9dc;font-size:11px}.mj-flags input{accent-color:#dabb83}
.mj-task-recover{display:flex;gap:7px}.mj-task-recover input{min-width:0;flex:1;padding:7px 9px;border:1px solid #536b89;border-radius:8px;background:#0d1c30;color:#f3f5f9}.mj-task-recover button{padding:7px 9px;border:1px solid #536b89;border-radius:8px;background:#203550;color:#e8d0aa;cursor:pointer}
.pose-adjust-node{width:460px;border-color:#697ba5}.pose-adjust-node .node-kind-icon{color:#e7eaff;background:#293859}.pose-node-body{display:grid;gap:12px;max-height:min(760px,calc(100vh - 180px));padding:14px}.pose-node-body .node-muted{margin:0}.pose-input{display:flex;align-items:center;gap:10px;min-height:68px;padding:8px;border:1px solid #405473;border-radius:10px;background:#0b1728}.pose-input>div{flex:1;color:#a9b7ca;font-size:11px}.pose-input img{width:48px;height:55px;object-fit:contain;border-radius:6px;background:#07111e}.pose-input .ghost-btn{margin-left:auto;white-space:nowrap}.pose-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.pose-choice{display:grid;justify-items:center;gap:4px;min-width:0;padding:5px 3px 7px;border:1px solid #3a506e;border-radius:9px;background:#122238;color:#c9d5e4;cursor:pointer;font-size:10px}.pose-choice svg{width:100%;height:74px;max-width:64px;filter:drop-shadow(0 2px 4px #0008)}.pose-choice:hover{border-color:#a1adf1}.pose-choice.active{border-color:#adaaff;background:#283456;color:#fff;box-shadow:inset 0 0 0 1px #adaaff}.pose-selected{display:flex;align-items:baseline;gap:8px;color:#9eb0c8;font-size:10px}.pose-selected strong{color:#eee9ff;font-size:13px}.pose-selected small{margin-left:auto;text-align:right}.pose-settings{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px}.pose-settings label{display:grid;gap:5px;color:#9eb0c8;font-size:10px}.pose-settings select{min-width:0;width:100%;padding:8px 6px;border:1px solid #425873;border-radius:8px;background:#13243a;color:#edf2f7;font-size:11px}.pose-node-body .primary-btn:disabled{opacity:.55;cursor:not-allowed}.pose-node-body .progress-wrap{margin:0}.pose-result{display:grid;justify-items:center;gap:7px;min-height:72px;padding:8px;border:1px solid #344960;border-radius:9px;background:#0b1728;color:#8296ac;font-size:11px}.pose-result img{max-width:100%;max-height:280px;object-fit:contain;border-radius:6px;cursor:zoom-in}.pose-result small{color:#a9bad0}.pose-adjust-node.is-folded .node-port{top:50%}
.pose-adjust-node.has-detached-panel{width:320px}.pose-adjust-node.has-detached-panel>.cinema-node-body{width:560px;max-width:min(560px,calc(100vw - 32px));margin-top:22px}.pose-node-preview{padding:0 10px 10px}.pose-node-preview .pose-result{min-height:194px;padding:0;border:1px solid #2c4159;border-radius:0;background:#0b1625;align-content:center}.pose-node-preview .pose-result img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}.pose-node-preview .pose-result>span{padding:55px 12px;color:#8399b1;text-align:center}.pose-node-preview .pose-result small{padding:0 10px}.pose-node-preview .pose-result button{justify-self:end;margin:0 8px 8px}.pose-adjust-node.has-detached-panel.is-selected>.cinema-node-preview{border-color:#8fa8ff;box-shadow:0 0 0 2px rgba(115,145,247,.34),0 18px 48px rgba(0,0,0,.34)}

// Node picker
.cinema-node-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(440px,calc(100% - 24px));padding:13px;border-color:#51627a;border-radius:17px;background:rgba(16,25,40,.98)}
.cinema-node-menu>.eyebrow,.cinema-node-menu>em{grid-column:1/-1}
.cinema-node-menu>.eyebrow{padding:2px 5px 6px;color:#d2b783;letter-spacing:.17em}
.cinema-node-menu>button{min-width:0;min-height:65px;gap:10px;padding:8px 9px;border:1px solid #31445d;border-left:2px solid var(--node-accent,#aab8d0);border-radius:10px;background:#162439;transition:background .15s,border-color .15s,transform .15s}
.cinema-node-menu>button:hover,.cinema-node-menu>button:focus-visible{border-color:var(--node-accent,#aab8d0);background:#23344c;transform:translateY(-1px)}
.cinema-node-menu>button>b{width:35px;height:35px;border-color:color-mix(in srgb,var(--node-accent,#aab8d0) 50%,#33465f);background:color-mix(in srgb,var(--node-accent,#aab8d0) 14%,#142337);color:var(--node-accent,#aab8d0);font-size:14px}
.cinema-node-menu>button span{min-width:0;gap:4px}.cinema-node-menu>button strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinema-node-menu>button small{font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.cinema-node-menu>em{margin-top:3px;padding-top:9px}
.cinema-node-menu>button[data-add-node="text_note"]{--node-accent:#e5bb7f}
.cinema-node-menu>button[data-add-node="text_to_image"]{--node-accent:#8faaff}
.cinema-node-menu>button[data-add-node="mj_image"]{--node-accent:#c2a1f4}
.cinema-node-menu>button[data-add-node="rodin_model"]{--node-accent:#76d9b7}
.cinema-node-menu>button[data-add-node="scene_multiview"]{--node-accent:#b2ce85}
.cinema-node-menu>button[data-add-node="pose_adjust"]{--node-accent:#f0aaa3}
.cinema-node-menu>button[data-add-node="composite"]{--node-accent:#e6cb75}
.cinema-node-menu>button[data-add-node="upload"]{--node-accent:#7bb9ed}
.cinema-node-menu>button[data-add-node="blender_render"]{--node-accent:#e9a67d}
.cinema-node-menu>button[data-add-node="reverse_prompt"]{--node-accent:#9acecf}
@media(max-width:560px){.cinema-node-menu{grid-template-columns:1fr;width:min(310px,calc(100% - 20px))}}

.billing-order-confirm{grid-column:1/-1;grid-row:auto;display:grid;gap:9px;margin-top:7px;padding:12px;border:1px solid #9e7060;border-radius:9px;background:#302b31}
.billing-order-confirm.hidden{display:none}
.billing-order-confirm p{margin:0;color:#f0dcd1;line-height:1.5}
.billing-order-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.billing-order-confirm-actions button{padding:6px 11px;border-radius:7px;font-size:11px;cursor:pointer}
.billing-order-confirm-accept{border:1px solid #d5a17d;background:#714033;color:#fff2e8}
.billing-order-confirm-accept:hover{background:#8e4d3a}
.billing-order-confirm-accept:disabled{opacity:.55;cursor:wait}
.points-purchase-price{flex:none;min-width:105px;color:#e9bf80;font-size:15px;font-weight:700;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:650px){.points-purchase .activation-row{flex-wrap:wrap}.points-purchase-price{flex:1;text-align:left}}

.billing-contact{display:flex;align-items:center;justify-content:space-between;gap:14px}
.billing-contact small{flex:1;line-height:1.6}
.billing-contact button{flex:none}
.contact-admin-modal{width:min(420px,calc(100vw - 32px));text-align:center}
.contact-admin-modal .modal-header{text-align:left}
.contact-admin-modal p{color:var(--muted);font-size:12px}
.contact-admin-modal img{display:block;width:min(100%,300px);height:auto;margin:18px auto 4px;padding:9px;border-radius:14px;background:#fff}
.membership-community-actions{display:flex;gap:12px;justify-content:center;margin:4px 0 20px}.membership-community-actions button{min-width:150px}.course-card-price{margin-left:auto;color:#e9bf80;font-size:15px}
@media(max-width:600px){.billing-contact{align-items:flex-start;flex-direction:column}}

.home-public-recommendations{margin-top:22px}
.home-public-recommendations-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}
.home-public-recommendations-head h3{margin:5px 0 0;font-size:21px}
.home-public-course-stage{position:relative}
.home-public-course-dots{position:absolute;z-index:3;left:50%;bottom:14px;display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:7px 10px;border:1px solid #ffffff36;border-radius:999px;background:#081629b8;backdrop-filter:blur(8px)}
.home-public-course-dots.hidden{display:none}
.home-public-course-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#d8e7f199;cursor:pointer;transition:width .2s ease,background .2s ease}
.home-public-course-dot.active{width:24px;background:#83ddeb}
.home-public-course-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.home-public-course-reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:17px}
.home-public-course-reel::-webkit-scrollbar{display:none}
.home-public-course-card{position:relative;display:block;flex:0 0 100%;width:100%;min-height:270px;max-height:400px;aspect-ratio:16/6;border:1px solid #416885;border-radius:17px;overflow:hidden;background:#081629;color:#fff;text-align:left;scroll-snap-align:start}
.home-public-course-card>img{display:block;width:100%;height:100%;object-fit:cover}
.home-public-course-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08182dcc,transparent 48%);pointer-events:none}
.home-public-course-info{position:absolute;z-index:1;left:clamp(18px,4vw,55px);bottom:clamp(18px,3vw,42px);display:grid;gap:8px;max-width:min(580px,76%);text-shadow:0 2px 12px #000}
.home-public-course-info small{color:#9ae6f1;font-size:12px;font-weight:700;letter-spacing:.08em}
.home-public-course-info strong{font-size:clamp(18px,2.3vw,30px);line-height:1.35}
.home-public-course-info b{justify-self:start;padding:8px 12px;border-radius:8px;background:#70cfe1;color:#09243b;font-size:12px;text-shadow:none}
.home-public-course-fallback{display:grid;place-items:center;min-height:270px;font-size:50px;color:#8db4cd}
@media(max-width:700px){.home-public-course-card{min-height:220px;aspect-ratio:16/9}.home-public-course-info{max-width:85%}.home-public-course-card::after{background:linear-gradient(0deg,#08182de8,transparent 90%)}}

/* Put the featured open class in the homepage hero, followed by the creation action. */
.community-hero .home-public-recommendations{margin:34px 0 0}
.community-hero .home-public-recommendations-head{margin-bottom:14px}
.home-course-feature-tabs{display:flex;align-items:center;gap:clamp(20px,3vw,46px);border-bottom:1px solid #ffffff30}
.home-course-feature-tab{position:relative;padding:0 0 13px;border:0;background:transparent;color:#c3c2d4;font-size:clamp(19px,2vw,28px);font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:color .2s ease}
.home-course-feature-tab:hover,.home-course-feature-tab.active{color:#fff}
.home-course-feature-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#85dceb,#9c81ff)}
.home-course-feature-tab:disabled{opacity:.48;cursor:default}
.home-course-feature-tab:focus-visible{outline:2px solid #fff;outline-offset:4px}
.community-hero .home-public-course-stage{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.community-hero .home-public-course-reel{border-radius:0}
.community-hero .home-public-course-card{height:clamp(290px,25vw,430px);min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:transparent}
.community-hero .home-public-course-card>img{-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 70%,transparent 100%);filter:saturate(.86) contrast(.94)}
.community-hero .home-public-course-card::after{display:none}
.community-hero .home-public-course-title-cover>img{object-position:center top;-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%);mask-image:linear-gradient(0deg,transparent,#000 12%);filter:none}
.community-hero .home-public-course-title-cover::after{display:block;background:linear-gradient(0deg,#08182dd9,transparent 42%)}
.community-hero .home-paid-course-card>img{object-position:center 15%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);filter:saturate(.92)}
.community-hero .home-paid-course-card::after{display:block;background:linear-gradient(90deg,#091224b8,transparent 66%)}
.community-hero .home-paid-course-card .home-public-course-info{bottom:clamp(40px,4vw,68px);gap:10px}
.community-hero .home-paid-course-card .home-public-course-info small{color:#f4cf9b}
.community-hero .home-paid-course-card .home-public-course-info b{background:#e9bd78;color:#172235}
.home-paid-course-description{max-width:430px;color:#e5e1e6;font-size:clamp(12px,1.2vw,15px);line-height:1.6}
.community-hero .home-public-course-info{bottom:36px;text-shadow:0 2px 12px #000,0 0 28px #000}
.community-hero .community-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0 0;padding-top:0;border:0;text-align:left}
.community-hero .community-hero-cta p{font-size:14px;letter-spacing:.02em}
.community-hero .community-start-btn{flex:0 0 auto}
@media(max-width:760px){.community-hero .home-public-recommendations{margin-top:30px}.home-course-feature-tabs{gap:22px}.home-course-feature-tab{font-size:19px}.community-hero .home-public-course-card{height:260px}.community-hero .home-public-course-info{left:18px;bottom:31px;gap:5px}.community-hero .home-public-course-info strong{font-size:18px}.community-hero .home-public-course-info b{padding:6px 9px}.community-hero .home-paid-course-card .home-public-course-info{bottom:40px}.home-paid-course-description{font-size:12px}.community-hero .community-hero-cta{align-items:stretch;flex-direction:column;gap:17px}.community-hero .community-start-btn{width:100%}}
.stories-page{width:min(1160px,calc(100% - 36px));margin:35px auto 90px}.stories-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.stories-header h1{font-size:clamp(28px,4vw,42px);margin:7px 0}.stories-header p{color:#aabbd0;margin:0}.stories-page .eyebrow{color:#d7b679}.story-publish{display:grid;gap:15px;margin:0 0 28px;padding:24px;border:1px solid #536b8a;border-radius:18px;background:#132238}.story-publish h2{margin:0}.story-publish label{display:grid;gap:8px;color:#cad7e7}.story-publish input,.story-publish textarea,.story-feedback textarea{width:100%;border:1px solid #48617e;border-radius:10px;background:#0d1b2e;color:#f5f7fb;padding:12px}.story-publish textarea{min-height:300px;line-height:1.7;resize:vertical}.story-form-actions{display:flex;justify-content:flex-end;gap:10px}.story-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.story-card{display:flex;flex-direction:column;gap:12px;min-height:225px;padding:22px;text-align:left;border:1px solid #405773;border-radius:16px;background:linear-gradient(145deg,#1b304b,#111d2f);color:#edf3fa}.story-card:hover,.story-card:focus-visible{border-color:#ddbd7d;outline:none;transform:translateY(-2px)}.story-card-label{color:#d7b679;font-size:11px;letter-spacing:.16em}.story-card-title{font-size:22px}.story-card-excerpt{color:#afc0d4;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-wrap}.story-card-meta{margin-top:auto;color:#9bb0c8;font-size:12px}.story-empty{color:#9fb2ca}.story-detail-modal{width:min(900px,100%);max-height:92vh}.story-detail-modal .modal-header{align-items:start}.story-detail-modal .modal-header h2{margin:8px 0}.story-detail-modal .modal-header p{margin:0;color:#a7bad0}.story-detail-actions{display:flex;gap:10px;align-items:center}.story-detail-modal #storyDetailContent{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:16px;padding:22px 0 32px;border-bottom:1px solid #3c536d}.story-protected{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.story-feedback{padding-top:22px}.story-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.story-rating strong{font-size:15px}.story-rating>span{color:#9fb2ca;font-size:13px}.story-rating #storyStars{display:flex;gap:3px}.story-rating #storyStars button{border:0;background:transparent;color:#70829a;font-size:27px;padding:3px 4px}.story-rating #storyStars button.selected,.story-rating #storyStars button:hover,.story-rating #storyStars button:focus-visible{color:#eac06d}.story-feedback h3{margin:28px 0 12px}.story-comments{display:grid;gap:10px}.story-comment{padding:12px 15px;border:1px solid #344962;border-radius:10px;background:#13243a}.story-comment strong{margin-right:10px}.story-comment time{color:#8ea3bc;font-size:12px}.story-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:8px 0 0}.story-feedback form{display:grid;justify-items:start;gap:10px;margin-top:22px}.story-feedback form label{color:#c6d4e4}.story-feedback textarea{min-height:90px;resize:vertical}.story-feedback form button{justify-self:end}@media(max-width:640px){.stories-header{align-items:flex-start;flex-direction:column}.stories-page{width:min(100% - 24px,1160px)}.story-detail-modal{padding:18px}}
#membershipContactOverlay,#contactAdminOverlay{z-index:2002;place-items:start center;overflow-y:auto}
#membershipContactOverlay .contact-admin-modal,#contactAdminOverlay .contact-admin-modal{margin-top:clamp(12px,5vh,52px)}
#historySubjectRow{display:flex;align-items:center;gap:12px;margin:14px 0;color:#b9c6d8}
#historySubjectRow.hidden{display:none}
#historySubjectFilter,.history-item-category select{background:#12243b;color:#edf3ff;border:1px solid #405774;border-radius:8px;padding:7px 11px}
.history-item-category{display:flex;align-items:center;gap:8px;margin:8px 0;color:#b9c6d8}
.personal-avatar-image{width:24px;height:24px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:7px}