/* 琴心工作台 · 客户自有界面层 */
.qx-home-ui,.qx-chat-ui,.qx-canvas-ui{--qx-bg:#0c1012;--qx-side:#101416;--qx-card:#151b1e;--qx-elevated:#1b2327;--qx-line:#283136;--qx-text:#edf0f3;--qx-muted:#8c9b9d;--qx-accent:#77a9d7;--qx-accent-soft:#73dbc012;color-scheme:dark}
.qx-home-ui{margin:0;background:var(--qx-bg);color:var(--qx-text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.qx-home-ui *,.qx-unified-nav *{box-sizing:border-box}.qx-home-ui a,.qx-unified-nav a{text-decoration:none;color:inherit}.qx-home-ui button,.qx-home-ui input,.qx-home-ui textarea{font:inherit}.qx-home-ui button{cursor:pointer}.qx-home-ui button:disabled{cursor:wait}
.qx-home-ui [hidden]{display:none!important}.qx-home-ui :focus-visible,.qx-unified-nav :focus-visible{outline:2px solid var(--qx-accent,#77a9d7);outline-offset:4px}
.qx-ui-icon{width:19px;height:19px;flex:none;vertical-align:middle}
.qx-unified-nav{position:fixed;inset:0 auto 0 0;width:216px;background:var(--qx-side,#101416);border-right:1px solid var(--qx-line,#283136);z-index:60;display:flex;flex-direction:column;padding:26px 14px 18px;color:#a6aeb5;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.qx-ui-brand{display:flex;align-items:center;gap:11px;padding:0 12px 28px;color:#f3f5f6!important;font-size:22px;font-weight:650;letter-spacing:.04em}.qx-ui-brand img{display:block}.qx-ui-brand small{display:block;margin-top:2px;color:#7e8c8f;font-size:8px;font-weight:500;letter-spacing:.18em}
.qx-ui-nav-label{margin:13px 13px 9px;color:#667079;font-size:10px;letter-spacing:.12em}.qx-ui-nav-link{display:flex;align-items:center;gap:12px;min-height:43px;border:1px solid transparent;border-radius:9px;padding:9px 12px;margin:3px 0;color:#959ea6!important;transition:background .16s,color .16s}.qx-ui-nav-link:hover{background:#ffffff06;color:#e6eaee!important}.qx-ui-nav-link.is-active{background:#73dbc00d;border-color:#73dbc023;color:#bec9d4!important}.qx-ui-nav-link i{width:5px;height:5px;background:#77a9d7;border-radius:50%;margin-left:auto}
.qx-ui-nav-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #272a33;display:grid;gap:14px;font-size:12px}.qx-ui-nav-bottom a{display:flex;align-items:center;gap:12px;color:#a7afb7}.qx-ui-nav-bottom a:hover{color:#e3e8ed}.qx-ui-nav-bottom a span{margin-left:auto}.qx-ui-nav-bottom small{font-size:10px;color:#606a73}
.qx-ui-nav-close,.qx-ui-menu,.qx-ui-nav-backdrop{display:none}
.qx-home-main{margin-left:216px;min-height:100vh}
.qx-home-topbar{height:70px;padding:0 40px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff07;background:#0d1214d9}.qx-home-location{display:flex;align-items:center;gap:10px;color:#717c87;font-size:12px}.qx-home-location b{color:#cad0d6;font-weight:500}.qx-home-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.qx-top-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #2b2e37;border-radius:8px;padding:7px 12px;font-size:12px;color:#abb2b9!important}.qx-top-link:hover{background:#ffffff06;border-color:#454a57}.qx-top-link.is-primary{background:#d9dfe5;border-color:#d9dfe5;color:#e0ecff!important;font-weight:600}
.qx-home-container{max-width:1450px;margin:0 auto;padding:28px 40px 32px}
.qx-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,33%);gap:30px;margin:0 0 28px}
.qx-home-copy{min-width:0;padding:9px 0 0}.qx-ui-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7fa3c5;font-size:10px;letter-spacing:.19em;font-weight:500}.qx-ui-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#77a9d7}
.qx-home-copy h1{font-size:clamp(27px,2.5vw,40px);font-weight:550;line-height:1.4;letter-spacing:-.045em;margin:15px 0 9px}.qx-home-copy h1 em{font-style:normal;color:#8cb7de}.qx-home-copy>p{font-size:12px;color:#818c96;margin:0 0 21px}
.qx-home-composer{background:linear-gradient(150deg,#1e2026,#16181c);border:1px solid #363b47;border-radius:15px;box-shadow:0 10px 35px #0002;overflow:hidden}.qx-home-composer:focus-within{border-color:#6588a9;box-shadow:0 0 0 3px #73dbc008}.qx-home-composer textarea{display:block;width:100%;min-height:93px;resize:vertical;max-height:250px;padding:18px 20px;border:0;outline:0;background:transparent;color:#f1f3f5;font-size:13px;line-height:1.7;box-sizing:border-box}.qx-home-composer textarea::placeholder{color:#727d88}.qx-home-composer textarea:focus-visible{outline:0}
.qx-home-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #ffffff05}.qx-home-type{display:flex;gap:4px}.qx-home-type button{display:inline-flex;align-items:center;gap:6px;color:#929da7;background:none;border:1px solid transparent;border-radius:7px;padding:6px 9px;font-size:12px}.qx-home-type button.is-active{background:#73dbc010;color:#b1bfcb;border-color:#73dbc024}.qx-home-type .qx-ui-icon{width:15px;height:15px}
.qx-home-start{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:#8eb8de;color:#1f2128;border:0;border-radius:8px;padding:9px 15px;font-size:12px!important;font-weight:650!important}.qx-home-start:hover{background:#cbd4dc}.qx-home-form-status{font-size:11px;color:#8fa5b9;min-height:17px;margin:7px 4px 0}
.qx-home-ideas{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:1px}.qx-home-ideas>span{font-size:11px;color:#687480;margin-right:3px}.qx-home-ideas button{background:transparent;color:#959fa8;border:1px solid #2c303a;border-radius:30px;padding:4px 10px;font-size:10px}.qx-home-ideas button:hover{color:#d3dbe2;border-color:#4a6075}
.qx-home-feature{position:relative;display:block;overflow:hidden;min-height:320px;max-height:360px;border:1px solid #434751;border-radius:16px;background:#22252c}.qx-home-feature>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 37%;transition:transform .5s}.qx-home-feature:hover>img{transform:scale(1.035)}.qx-home-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0000 30%,#08120de8)}.qx-home-feature-tag{position:absolute;top:15px;left:15px;z-index:1;border:1px solid #ffffff35;background:#111c1680;backdrop-filter:blur(10px);border-radius:20px;padding:4px 10px;color:#f5f7f9;font-size:10px}.qx-home-feature-copy{position:absolute;bottom:21px;left:21px;right:20px;z-index:1;color:#fff}.qx-home-feature-copy>small{font-size:9px;letter-spacing:.2em;color:#b8c4cf}.qx-home-feature-copy strong{display:block;font-size:24px;letter-spacing:-.04em;font-weight:500;margin:7px 0}.qx-home-feature-copy>span{color:#c0c9d2;font-size:11px}.qx-home-feature-copy>i{position:absolute;right:0;bottom:5px;border:1px solid #ffffff40;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-style:normal}
.qx-home-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 38px}.qx-home-tool{display:flex;align-items:center;gap:12px;background:#15171b;border:1px solid #282b34;border-radius:11px;padding:15px 17px;transition:border-color .16s,background .16s;min-width:0}.qx-home-tool:hover{background:#1a1c21;border-color:#495b6c}.qx-home-tool>.qx-ui-icon{width:34px;height:34px;padding:7px;border-radius:9px;background:#73dbc00a;color:#88a9c7}.qx-home-tool>span{min-width:0}.qx-home-tool strong{font-size:12px;font-weight:550;display:block;color:#dce2e8}.qx-home-tool small{display:block;font-size:10px;color:#7c8995;margin-top:2px}.qx-home-tool>i{margin-left:auto;color:#526576;font-style:normal}
.qx-home-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;gap:18px}.qx-home-section-head h2{font-weight:550;font-size:20px;letter-spacing:-.02em;margin:0}.qx-home-section-head p{color:#667481;font-size:11px;margin:4px 0 0}.qx-home-section-head>a{font-size:11px;color:#939ea9;white-space:nowrap}
.qx-home-filterbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid #253035}.qx-home-filters{display:flex;gap:6px;flex-wrap:wrap}.qx-home-filters button{padding:5px 12px;border:1px solid transparent;background:none;color:#84919d;font-size:11px;border-radius:7px;white-space:nowrap}.qx-home-filters button.is-active{background:#73dbc00e;border-color:#73dbc029;color:#b8c4cf}.qx-home-search{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #2c2f38;border-radius:8px;width:210px;color:#73828f}.qx-home-search .qx-ui-icon{width:14px;height:14px}.qx-home-search input{width:100%;min-width:0;border:0;background:none;color:#dce2e7;outline:0;font-size:11px}.qx-home-search input::placeholder{color:#647483}
.qx-home-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 17px}.qx-work-card{min-width:0}.qx-work-card>a{display:block}.qx-work-image{overflow:hidden;position:relative;border-radius:11px;aspect-ratio:4/3;background:#182125;border:1px solid #ffffff08}.qx-work-image img{display:block;object-fit:cover;width:100%;height:100%;transition:transform .4s}.qx-work-card:hover img{transform:scale(1.04)}.qx-work-image>span{position:absolute;bottom:9px;right:9px;display:grid;place-items:center;width:25px;height:25px;background:#10191880;border:1px solid #ffffff30;backdrop-filter:blur(8px);border-radius:50%;font-size:12px;color:#e2e7ec}.qx-work-meta{padding:10px 2px;display:flex;align-items:center;justify-content:space-between;gap:7px}.qx-work-meta strong{font-size:12px;font-weight:500;color:#d4dbe2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qx-work-meta small{color:#6e7e8d;white-space:nowrap;font-size:10px}
.qx-home-empty{padding:55px;text-align:center;border:1px dashed #363b47;border-radius:12px;color:#8c9caa;font-size:12px}.qx-work-count{color:#5e6e7c;font-size:10px;margin:12px 0 0}
.qx-home-bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.qx-home-bottom-card{display:flex;align-items:center;gap:16px;padding:23px;background:#14161a;border:1px solid #2d313a;border-radius:11px}.qx-home-bottom-card>.qx-ui-icon{width:26px;height:26px;color:#7e95ab}.qx-home-bottom-card strong{display:block;font-size:13px;font-weight:500;color:#cdd6de}.qx-home-bottom-card small{font-size:11px;color:#6b7c8b}.qx-home-bottom-card>i{font-style:normal;margin-left:auto;color:#738697}
.qx-home-footer{margin-top:32px;padding-top:21px;border-top:1px solid #282b34;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#596875;font-size:10px}.qx-home-footer>div{display:flex;gap:18px}.qx-home-footer a:hover{color:#c7d0d9}
.qx-home-ui .qx-noticebar{min-height:35px;padding:7px 11px;margin:0 0 19px;width:100%;background:#73dbc008;border-color:#73dbc020;color:#8c9caa;box-shadow:none;font-size:11px}.qx-home-ui .qx-noticebar strong{color:#a6b8c9;font-size:11px}.qx-home-ui .qx-noticebar>span{font-size:10px}.qx-home-ui .qx-wechat-float{bottom:18px;right:18px;min-height:46px;background:#1b1d23;border-color:#4b5262;color:#b8c4cf;box-shadow:0 5px 20px #0004;padding:10px 13px}.qx-home-ui .qx-wechat-float small{display:none}
.qx-work-dialog{color:#ebeef1;background:#14161a;border:1px solid #434957;border-radius:16px;width:min(920px,calc(100vw - 36px));max-height:92dvh;overflow:auto;padding:18px;box-sizing:border-box}.qx-work-dialog::backdrop{background:#030807dd;backdrop-filter:blur(8px)}.qx-work-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.qx-work-dialog h2{font-size:16px;font-weight:500;margin:0}.qx-work-dialog header button{border:1px solid #3c414e;background:#21232a;color:#d1d9e0;border-radius:50%;width:32px;height:32px;font-size:21px}.qx-work-dialog figure{margin:0;background:#0a0a0c;border-radius:10px;display:grid;place-items:center;min-height:160px}.qx-work-dialog figure img{display:block;max-width:100%;max-height:66dvh;object-fit:contain}.qx-work-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;font-size:11px;color:#7d8c99}.qx-work-dialog footer a{color:#b7c3cf;padding:5px 0}
/* 对话：保留现有节点与事件，只调整层次和布局。 */
.qx-chat-ui{background:var(--qx-bg);color:var(--qx-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.qx-chat-ui .app{background:var(--qx-bg)}.qx-chat-ui .sidebar{width:216px;flex-basis:216px;background:var(--qx-side);border-color:var(--qx-line);padding:25px 14px 15px}.qx-chat-ui .brand{font-size:22px;letter-spacing:.04em;padding:0 12px 18px}.qx-chat-ui .brand small{font-size:8px;letter-spacing:.18em;color:#7e8c8f}.qx-chat-ui .brand img{width:31px;height:31px}
.qx-chat-ui .qx-chat-navigation{margin-bottom:16px}.qx-chat-ui .qx-ui-nav-label{margin-top:10px}.qx-chat-ui .qx-chat-navigation nav>.qx-ui-nav-label:nth-of-type(2),.qx-chat-ui .qx-chat-navigation nav>.qx-ui-nav-label:nth-of-type(2)~a{display:none}
.qx-chat-ui .new-thread{height:37px;background:#d6dde4;color:#282b34;border-color:#d6dde4;border-radius:8px;font-size:12px;justify-content:center;gap:7px}.qx-chat-ui .new-thread:hover{background:#e6ebef}.qx-chat-ui .history-sidebar-entry{background:transparent;border-color:#30343f;border-radius:8px;color:#8d9ba8;min-height:34px;font-size:11px}.qx-chat-ui .side-project-actions{margin-top:23px;color:#748492}.qx-chat-ui .side-project-actions button{background:#1a1c21;border-color:#323640;color:#8f9daa;border-radius:6px;font-size:10px}.qx-chat-ui .project-context{color:#52677b;font-size:10px}.qx-chat-ui .threads .muted{font-size:11px;color:#65788a}
.qx-chat-ui .thread.active{background:#73dbc00b}.qx-chat-ui .thread button.open{color:#b6c2ce;font-size:12px}.qx-chat-ui .sidebar-bottom{gap:11px;padding:16px 10px 0;border-color:#2a2e37;color:#697d8f;font-size:11px}.qx-chat-ui .sidebar-bottom a:first-child,.qx-chat-ui .sidebar-bottom a:last-of-type{display:none}
.qx-chat-ui .topbar{height:64px;min-height:64px;border-color:#ffffff08;padding:0 28px;display:flex;justify-content:flex-end;gap:15px;background:#111317;flex-wrap:nowrap}.qx-chat-ui .topbar:before{content:"创作工作台";color:#a8b4bf;font-size:12px;margin-right:auto;white-space:nowrap}.qx-chat-ui .mode-tabs{display:none}.qx-chat-ui .account{position:static;flex:none;font-size:11px;max-width:145px;color:#9cabb8}.qx-chat-ui .account a{border-radius:7px;border-color:#3d424f;color:#cfd7df;padding:7px 11px}
.qx-chat-ui .wallet-balance{position:static;transform:none;display:flex;order:0;margin:0;max-width:none;background:#1c1f25;border:1px solid #323640;border-radius:8px;padding:5px 8px;gap:7px;font-size:10px;color:#788a9b}.qx-chat-ui #wallet-amount{font-size:12px;color:#d9e0e6}.qx-chat-ui .wallet-recharge{background:#3f4452;color:#d0d8df;border:0;border-radius:5px;padding:4px 8px;font-size:10px}.qx-chat-ui #wallet-refresh{color:#83929f;font-size:13px}
.qx-chat-ui .history-entry-button{position:static;transform:none;background:transparent;border-color:#31353f;color:#96a4b1;border-radius:7px;padding:8px 11px;font-size:11px;white-space:nowrap}
.qx-chat-ui .welcome{width:min(880px,calc(100% - 56px));padding:24px 0 18px;margin:auto;text-align:center}.qx-chat-ui .eyebrow{font-size:10px;letter-spacing:.22em;color:#7396b7}.qx-chat-ui .welcome h1{font-size:clamp(26px,2.5vw,36px);font-weight:500;letter-spacing:-.04em;margin:14px 0 10px}.qx-chat-ui .welcome p{font-size:12px;max-width:590px;color:#718190;line-height:1.8}.qx-chat-ui .suggestions{margin:24px 0 0;gap:9px}.qx-chat-ui .suggestions button{min-height:67px;border-color:#2d313a;background:#16181c;border-radius:10px;padding:13px 15px;font-size:12px;color:#c9d2db}.qx-chat-ui .suggestions button:hover{border-color:#546d85;background:#1e2026}.qx-chat-ui .suggestions span{font-size:10px;color:#65798b;margin-top:5px}
.qx-chat-ui:has(#welcome:not([hidden])) .workspace{flex:0 0 auto;min-height:auto;overflow:visible;margin-top:clamp(24px,8vh,105px)}.qx-chat-ui:has(#welcome:not([hidden])) .composer-shell{margin:14px auto auto}
.qx-chat-ui .composer-shell{width:min(980px,calc(100% - 60px));padding-bottom:max(18px,env(safe-area-inset-bottom))}.qx-chat-ui .status{padding-bottom:8px;font-size:10px;color:#7c8d9d}.qx-chat-ui .composer{border:1px solid #393d49;background:#17191e;border-radius:14px;padding:12px;box-shadow:0 12px 40px #0002}.qx-chat-ui .composer:focus-within{border-color:#5d7e9d}.qx-chat-ui .composer textarea{min-height:64px;max-height:180px;font-size:13px;line-height:1.7;color:#e4e9ed;padding:5px 8px}.qx-chat-ui .composer textarea::placeholder{color:#647687}
.qx-chat-ui .prompt-meter{margin:1px 6px 5px;font-size:9px;color:#5a6e81}.qx-chat-ui .prompt-count,.qx-chat-ui .prompt-limit-note{color:#5d7286}.qx-chat-ui .composer-actions{gap:8px}.qx-chat-ui .composer-options{margin-top:8px;gap:9px}.qx-chat-ui .upload,.qx-chat-ui .composer-expand,.qx-chat-ui #mention-trigger{background:#1b1d23;border-color:#323641;color:#93a3b1;border-radius:7px;font-size:11px}
.qx-chat-ui .composer #model,.qx-chat-ui .option-label,.qx-chat-ui .credit-status{background:#14161b;border-color:#323640;color:#9cacba;border-radius:7px;font-size:11px;min-height:31px}.qx-chat-ui .composer #model{max-width:240px}.qx-chat-ui .option-label select{color:#b4c1cd}.qx-chat-ui .type-switch{background:#111216;border:1px solid #30343e;border-radius:7px}.qx-chat-ui .type-switch button{padding:5px 9px;color:#6a8095}.qx-chat-ui .type-switch button.selected{background:#323641;color:#bfcad4}.qx-chat-ui .composer-options .submit{background:#8bb6dd;color:#202229;border-radius:7px;min-height:33px;padding:0 16px;font-size:12px}.qx-chat-ui .submit:hover{background:#c8d1da}.qx-chat-ui .submit:disabled{background:#444a58;color:#adbbc8;cursor:not-allowed;opacity:.75}.qx-chat-ui .composer-note{font-size:10px;color:#55697b;margin-top:8px}.qx-chat-ui .credit-status{border:0;background:none;color:#86a8c8}
.qx-chat-ui .conversation{width:min(980px,calc(100% - 60px));padding-top:25px}.qx-chat-ui .message{margin:0;max-width:100%;background:#191b20;border-color:#30343e;border-radius:14px;padding:19px 20px}.qx-chat-ui .message-head{color:#809cb6}.qx-chat-ui .message-text{font-size:13px;color:#c8d2db;line-height:1.9}.qx-chat-ui .message-foot,.qx-chat-ui .message-settings{color:#65798c}.qx-chat-ui .thread-toolbar{background:#122023ec;border-color:#2f333e;border-radius:11px}.qx-chat-ui .thread-toolbar strong{color:#b5c2ce;font-size:12px}.qx-chat-ui .thread-toolbar button{background:#1e2127;border-color:#3e4351;color:#94a7b9;border-radius:6px;font-size:10px}
.qx-chat-ui .qx-noticebar{min-height:34px;padding:7px 11px;background:#73dbc007;border-color:#73dbc025;color:#8095a9;border-radius:8px;font-size:10px;margin-bottom:22px}.qx-chat-ui .qx-notice-trigger{background:#1a1c22;border-color:#363b47;color:#8ea0b1;border-radius:7px}.qx-chat-ui .qx-noticebar strong{color:#8ca4ba;font-size:10px}.qx-chat-ui .qx-noticebar>span{font-size:10px}
.qx-chat-ui .qx-chat-generation-timing>summary,.qx-canvas-ui .qx-node-generation-timing>summary{background:#172925f2;border-color:#3c414e;color:#a1b5c8}.qx-chat-ui .qx-generation-timing-detail,.qx-canvas-ui .qx-generation-timing-detail{background:#181a1f;border-color:#404552;color:#cdd6de}.qx-chat-ui .qx-generation-timing-detail dt,.qx-canvas-ui .qx-generation-timing-detail dt{color:#7c94aa}.qx-chat-ui .qx-generation-timing-detail p,.qx-canvas-ui .qx-generation-timing-detail p{color:#6f8599}
.qx-chat-ui .ref-menu,.qx-chat-ui .ref-picker,.qx-chat-ui .mention-popover{background:#1d1f25;border-color:#3c414d}.qx-chat-ui .ref-menu button{font-size:12px;color:#b6c3cf}.qx-chat-ui .ref-menu button:hover{background:#2f323c}.qx-chat-ui .ref-picker input{background:#17191d;border-color:#3a3f4b}
/* 画布首页重排；编辑器的节点几何和生成逻辑保持原生。 */
.qx-canvas-navigation{display:none}.qx-project-ui .qx-canvas-navigation{display:flex}.qx-project-ui .qx-ui-nav-backdrop{display:none}
.qx-canvas-ui .project-home-page{min-height:100dvh;background:#0d0f12;color:#dbe1e7;padding-left:216px}
.qx-canvas-ui .project-home-page .main-site-header{position:relative;left:auto;right:auto;height:70px;min-height:70px;padding:0 32px;border-bottom:1px solid #ffffff08;background:#111317;justify-content:flex-end;gap:18px}
.qx-canvas-ui .project-home-page .main-site-brand,.qx-canvas-ui .project-home-page .main-site-nav,.qx-canvas-ui .project-home-page .main-site-yego-nav{display:none}
.qx-canvas-ui .project-home-page .main-site-header:before{content:"我的画布";margin-right:auto;color:#b9c4cf;font-size:12px}.qx-canvas-ui .main-site-auth-actions{margin:0}.qx-canvas-ui .main-site-login-button,.qx-canvas-ui .main-site-account-trigger{border-color:#3c414e;background:#1e2026;color:#c8d2db;border-radius:8px}
.qx-canvas-ui .project-home-content{max-width:1380px;margin:auto;padding:34px 38px 70px;display:block}
.qx-canvas-intro{margin:0 0 25px}.qx-canvas-intro h1{font-size:30px;font-weight:500;letter-spacing:-.045em;color:#e5eaee;margin:12px 0 9px}.qx-canvas-intro p{font-size:12px;color:#778898;margin:0}
.qx-canvas-ui .project-home-content .new-canvas-button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:125px;max-height:none;border:1px solid #404553;border-radius:13px;background:radial-gradient(ellipse at 80% 100%,#32674c40,transparent 60%),radial-gradient(#73dbc014 .8px,transparent 1px),#17191f;background-size:auto,15px 15px,auto;color:#c5cfd9;box-shadow:none;margin:0 0 28px}.qx-canvas-ui .new-canvas-button i{font-size:31px;font-weight:300;font-style:normal;width:49px;height:49px;display:grid;place-items:center;background:#b2c0cc;border-radius:12px;color:#2e323c}.qx-canvas-ui .new-canvas-button b{font-size:14px;font-weight:500}.qx-canvas-ui .new-canvas-button:hover{border-color:#6e8fae;background-color:#21242b}
.qx-canvas-ui .project-home-toolbar{margin:0 0 20px;border:0;gap:14px}.qx-canvas-ui .project-home-toolbar label{background:#17191e;border:1px solid #323640;border-radius:9px;color:#728597}.qx-canvas-ui .project-home-toolbar input{background:transparent;color:#c1cbd5;font-size:12px}.qx-canvas-ui .project-home-toolbar button{font-size:11px;border-color:#2f333d;color:#8da3b8;background:#16181c;border-radius:7px}.qx-canvas-ui .project-home-toolbar button.active{background:#73dbc015;border-color:#73dbc029;color:#b2bfcb}
.qx-canvas-ui .project-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qx-canvas-ui .project-history-grid>article{border:1px solid #2f323c;border-radius:12px;background:#17191f;box-shadow:none;overflow:visible}.qx-canvas-ui .history-canvas-preview{border-radius:11px 11px 0 0;background:#1e2026;aspect-ratio:16/10}.qx-canvas-ui .history-canvas-meta{padding:15px;background:#16181d;border-radius:0 0 11px 11px;color:#bec9d3}.qx-canvas-ui .history-canvas-meta b{font-size:12px}.qx-canvas-ui .history-canvas-meta small{font-size:10px;color:#657a8e}.qx-canvas-ui .blank-canvas-card{min-height:220px;border:1px dashed #464b5a;border-radius:12px;background:#17191e;color:#8aa3ba}.qx-canvas-ui .blank-canvas-card span{color:#83a8cb}.qx-canvas-ui .blank-canvas-card b{font-size:13px;font-weight:500}.qx-canvas-ui .blank-canvas-card small{color:#5f768b;font-size:10px}
.qx-canvas-ui .project-home-content>.qx-noticebar{background:#73dbc008;border-color:#73dbc024;min-height:34px;color:#8196a9;padding:7px 12px;font-size:11px;margin:0 0 20px}.qx-canvas-ui .project-home-content>.qx-noticebar strong{font-size:10px;color:#96b1c9}
.qx-canvas-ui .app.canvas-app{--bg:#0e0f12;--panel:#17191f;--text:#dae1e7;--accent:#8bb5dc}
.qx-canvas-ui .canvas-app .topbar,.qx-canvas-ui .canvas-app .tool-rail{background:#101b1aeF;border-color:#323641}.qx-canvas-ui .canvas-app .button.primary{background:#88b2d9;color:#23262e;border-color:#88b2d9}.qx-canvas-ui .canvas-app .wallet{border-color:#404553;color:#c7d0d9;background:#1c1e24}.qx-canvas-ui .canvas-app .rail-button.active{color:#b3c1cd;background:#2f333e}
@media(min-width:1800px){.qx-home-container{padding-top:40px}.qx-home-hero{gap:42px}.qx-home-copy{padding-top:23px}.qx-home-copy h1{font-size:43px}.qx-home-composer textarea{min-height:110px}.qx-home-feature{min-height:380px;max-height:400px}.qx-home-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.qx-home-topbar{padding:0 26px}.qx-home-container{padding:25px 26px}.qx-home-hero{grid-template-columns:minmax(0,1fr) 30%;gap:20px}.qx-home-feature{min-height:330px}.qx-home-feature-copy{left:17px;right:17px}.qx-home-feature-copy strong{font-size:21px}.qx-home-tool{padding:13px 12px;gap:8px}.qx-home-tool small{font-size:9px}.qx-home-tool>i{display:none}.qx-home-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.qx-chat-ui .wallet-balance>span{display:none}.qx-chat-ui .topbar{padding:0 20px;gap:12px}.qx-chat-ui .composer-shell,.qx-chat-ui .conversation{width:calc(100% - 40px)}.qx-canvas-ui .project-home-content{padding:30px 26px 60px}}
@media(max-width:960px) and (min-width:801px){.qx-home-hero{grid-template-columns:1fr}.qx-home-feature{display:none}.qx-home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.qx-home-filterbar{align-items:flex-start;flex-direction:column}.qx-home-search{width:100%}.qx-home-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.qx-chat-ui .topbar:before{display:none}.qx-chat-ui .history-entry-button{font-size:10px;padding:7px}.qx-canvas-ui .project-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .qx-unified-nav{transform:translateX(-100%);transition:transform .2s ease;width:230px;z-index:101}.qx-nav-open .qx-unified-nav{transform:translateX(0)}.qx-nav-open{overflow:hidden}.qx-ui-nav-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;border:0;background:#20232a;color:#a6b8c9;border-radius:7px;font-size:20px;width:28px;height:28px}
  .qx-ui-nav-backdrop,.qx-project-ui .qx-ui-nav-backdrop{display:none;position:fixed;inset:0;border:0;background:#030907b8;z-index:100}.qx-nav-open .qx-ui-nav-backdrop{display:block}.qx-ui-menu{display:inline-grid;place-items:center;border:1px solid #343843;border-radius:7px;background:#191b21;color:#b1bfcb;width:32px;height:32px;font-size:16px;flex:none}
  .qx-home-main{margin:0}.qx-home-topbar{height:62px;padding:0 20px;gap:12px}.qx-home-top-actions{gap:7px}.qx-top-link{font-size:11px;padding:6px 9px}.qx-home-location{font-size:11px}.qx-home-top-actions .qx-top-link:first-child{display:none}.qx-home-container{padding:25px 20px}.qx-home-hero{grid-template-columns:minmax(0,1fr) 31%;gap:24px}.qx-home-copy h1{font-size:31px}.qx-home-feature{min-height:330px}.qx-home-feature-copy strong{font-size:19px}.qx-home-tools{gap:9px}.qx-home-tool{padding:11px 9px}.qx-home-tool .qx-ui-icon{width:28px;height:28px;padding:5px}.qx-home-tool small{font-size:9px}.qx-home-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
  .qx-chat-ui .sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);z-index:41;width:230px;transition:transform .2s}.qx-chat-ui .sidebar.open{transform:translateX(0)}.qx-chat-ui .mobile-scrim.open{display:block;position:fixed;inset:0;z-index:40;background:#020907b8}.qx-chat-ui .topbar{padding:0 16px;gap:10px;height:62px;min-height:62px}.qx-chat-ui .menu-toggle{display:block;position:static;color:#9bb4cb;font-size:20px;padding:0;width:24px;flex:none}.qx-chat-ui .topbar:before{display:none}.qx-chat-ui .wallet-balance{margin-right:auto;font-size:9px;padding:4px 6px;gap:5px}.qx-chat-ui #wallet-amount{font-size:11px}.qx-chat-ui .wallet-recharge{font-size:9px;padding:3px 6px}.qx-chat-ui .history-entry-button{font-size:10px;padding:7px 8px}.qx-chat-ui .account{max-width:100px;font-size:10px}.qx-chat-ui .account a{font-size:10px;padding:6px 8px}
  .qx-chat-ui .welcome{width:calc(100% - 38px);padding:18px 0 12px}.qx-chat-ui .welcome h1{font-size:29px}.qx-chat-ui .welcome p{font-size:12px}.qx-chat-ui .composer-shell,.qx-chat-ui .conversation{width:calc(100% - 32px)}.qx-chat-ui .composer #model{max-width:210px}.qx-chat-ui .composer-options{flex-wrap:wrap}.qx-chat-ui .option-fields{flex:1;flex-wrap:wrap}.qx-chat-ui .composer-options .submit{margin-left:auto}.qx-chat-ui .composer-note{line-height:1.5}
  .qx-canvas-ui .project-home-page{padding-left:0}.qx-canvas-ui .project-home-page .main-site-header{height:62px;min-height:62px;padding:0 20px;gap:12px}.qx-canvas-ui .project-home-page .main-site-header:before{order:1}.qx-canvas-ui .project-home-page .main-site-auth-actions{order:2}.qx-canvas-ui .project-home-content{padding:25px 20px 50px}.qx-canvas-ui .project-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qx-canvas-intro h1{font-size:27px}
}
@media(max-width:600px){
  .qx-home-topbar{padding:0 16px}.qx-home-location>span{display:none}.qx-home-top-actions .qx-top-link{padding:6px 8px;font-size:10px}.qx-home-container{padding:23px 16px}.qx-home-hero{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.qx-home-copy{padding-top:1px}.qx-home-copy h1{font-size:32px;line-height:1.35;margin:14px 0 12px}.qx-home-copy>p{font-size:11px;margin-bottom:18px}.qx-home-feature{display:none}.qx-home-composer textarea{min-height:100px;font-size:12px;padding:15px}.qx-home-composer-bottom{padding:8px 10px}.qx-home-start{font-size:11px!important;gap:12px;padding:8px 12px}.qx-home-type button{font-size:11px;padding:5px 8px}.qx-home-ideas{gap:6px}.qx-home-ideas button{font-size:9px;padding:4px 8px}.qx-home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:30px}.qx-home-tool{padding:13px 12px;gap:10px}.qx-home-tool strong{font-size:12px}.qx-home-tool small{font-size:9px}.qx-home-section-head h2{font-size:19px}.qx-home-section-head p{font-size:10px}
  .qx-home-filterbar{flex-direction:column;align-items:stretch;gap:13px;padding-bottom:13px}.qx-home-filters{gap:2px;flex-wrap:nowrap;overflow:auto}.qx-home-filters button{padding:5px 9px;font-size:10px}.qx-home-search{width:100%;padding:8px 10px}.qx-home-search input{font-size:11px}.qx-home-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.qx-work-image{aspect-ratio:4/4.5;border-radius:9px}.qx-work-meta{display:block;padding:8px 1px}.qx-work-meta strong{font-size:11px;display:block}.qx-work-meta small{display:block;font-size:9px;margin-top:2px}.qx-home-bottom-cards{grid-template-columns:1fr;gap:10px;margin-top:24px}.qx-home-bottom-card{padding:17px}.qx-home-footer{font-size:9px;margin-top:25px;padding-bottom:55px}.qx-home-footer>div{gap:14px}.qx-home-ui .qx-wechat-float{bottom:12px;right:12px;padding:8px 11px;min-height:39px}.qx-home-ui .qx-noticebar{margin-bottom:19px;font-size:10px}.qx-home-ui .qx-noticebar .qx-notice-summary{max-width:170px}
  .qx-chat-ui:has(#welcome:not([hidden])) .workspace{margin-top:22px}.qx-chat-ui:has(#welcome:not([hidden])) .composer-shell{margin-top:11px}.qx-chat-ui .welcome{width:calc(100% - 32px);padding-top:13px}.qx-chat-ui .welcome h1{font-size:24px;line-height:1.5;letter-spacing:-.04em}.qx-chat-ui .welcome p{font-size:11px;line-height:1.7}.qx-chat-ui .suggestions{margin-top:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.qx-chat-ui .suggestions button{font-size:10px;min-height:57px;padding:9px 7px;text-align:center}.qx-chat-ui .suggestions span{font-size:9px;margin-top:5px}.qx-chat-ui .qx-noticebar{margin-bottom:18px}.qx-chat-ui .qx-noticebar .qx-notice-summary{max-width:165px}
  .qx-chat-ui .composer-shell,.qx-chat-ui .conversation{width:calc(100% - 24px)}.qx-chat-ui .composer{padding:10px;border-radius:12px}.qx-chat-ui .composer textarea{min-height:64px;max-height:135px;font-size:12px;padding:3px 5px}.qx-chat-ui .prompt-meter{font-size:9px;margin:2px 4px 6px}.qx-chat-ui .composer #model{max-width:185px;flex-basis:auto;font-size:10px}.qx-chat-ui .option-label{font-size:10px;padding:0 6px;gap:3px;min-height:29px}.qx-chat-ui .option-label select{font-size:10px;max-width:56px}.qx-chat-ui .option-fields{gap:5px;flex-basis:100%}.qx-chat-ui .composer-options{gap:7px}.qx-chat-ui .composer-options .submit{min-height:32px;padding:0 15px;font-size:11px}.qx-chat-ui .credit-status{font-size:10px;min-height:29px}.qx-chat-ui .status{font-size:10px;line-height:1.6;padding-bottom:7px}.qx-chat-ui .composer-note{font-size:9px}.qx-chat-ui .message{padding:14px;border-radius:12px}.qx-chat-ui .message-text{font-size:12px}.qx-chat-ui .qx-generation-timing-detail{font-size:10px}
  .qx-canvas-ui .project-home-content{padding:23px 16px 45px}.qx-canvas-intro{margin-bottom:22px}.qx-canvas-intro h1{font-size:24px}.qx-canvas-intro p{font-size:11px;line-height:1.8}.qx-canvas-ui .project-home-content .new-canvas-button{min-height:111px;gap:13px;margin-bottom:23px}.qx-canvas-ui .new-canvas-button b{font-size:12px}.qx-canvas-ui .new-canvas-button i{width:42px;height:42px;font-size:28px}.qx-canvas-ui .project-home-toolbar{flex-wrap:wrap;margin-bottom:16px}.qx-canvas-ui .project-home-toolbar label{flex:1;min-width:140px}.qx-canvas-ui .project-history-grid{gap:10px}.qx-canvas-ui .blank-canvas-card{min-height:170px;padding:14px 9px}.qx-canvas-ui .blank-canvas-card b{font-size:11px}.qx-canvas-ui .blank-canvas-card small{font-size:9px;line-height:1.7}.qx-canvas-ui .history-canvas-meta{padding:11px 9px}.qx-canvas-ui .history-canvas-meta b{font-size:11px}.qx-canvas-ui .main-site-header:before{display:none}
}
@media(max-width:380px){.qx-home-top-actions .qx-top-link:not(.is-primary){display:none}.qx-chat-ui .topbar{padding:0 12px;gap:8px}.qx-chat-ui .history-entry-button{font-size:9px;padding:6px}.qx-chat-ui .account a{padding:5px 6px;font-size:9px}.qx-chat-ui .wallet-recharge span{display:none}.qx-home-filters button{padding:5px 7px;font-size:9px}.qx-chat-ui .composer #model{max-width:155px}.qx-chat-ui .welcome h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.qx-home-ui *,.qx-unified-nav{transition:none!important;scroll-behavior:auto!important}}

.qx-ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qx-ui-skip{position:fixed;left:240px;top:-60px;z-index:200;background:#c7d1da;color:#24272e!important;padding:9px 15px;border-radius:6px}.qx-ui-skip:focus{top:12px}

.qx-home-ui:has(.qx-work-dialog[open]){overflow:hidden}

.qx-home-announcements{margin:0 0 20px}.qx-home-ui .qx-home-announcements .qx-noticebar{max-width:none;width:100%;margin:0;min-height:34px;box-sizing:border-box}.qx-home-ui .qx-home-copy>.qx-home-form-status{font-size:10px;min-height:17px;margin:5px 4px 3px}.qx-home-copy h1{font-size:clamp(27px,2.4vw,36px)}
@media(max-width:600px){.qx-home-copy h1{font-size:29px}.qx-home-announcements{margin-bottom:20px}.qx-home-ui .qx-wechat-float{flex-direction:row;gap:8px}.qx-ui-skip{left:16px}}

@media(max-height:700px){.qx-chat-ui:has(#welcome:not([hidden])) .workspace{margin-top:4px}.qx-chat-ui .welcome{padding-top:12px;padding-bottom:8px}.qx-chat-ui .welcome h1{margin:10px 0;font-size:25px}.qx-chat-ui .suggestions{margin-top:14px}.qx-chat-ui .qx-noticebar{margin-bottom:12px}}

.qx-canvas-ui .project-dot-field{display:none}.qx-canvas-ui .project-home-page .main-site-header{display:flex;align-items:center;width:100%;max-width:none;box-sizing:border-box}.qx-canvas-ui .project-announcement-carousel{margin:0 0 24px;width:100%;max-width:100%;overflow:hidden}.qx-canvas-ui .project-announcement-stage{height:190px;min-height:0}.qx-canvas-ui .project-announcement-heading{display:none}.qx-canvas-ui .project-announcement-hit{height:170px;min-height:0}.qx-canvas-ui .project-announcement-card{height:170px;min-height:0;max-height:170px}.qx-canvas-ui .project-announcement-card img{height:100%;object-fit:contain}.qx-canvas-ui .project-announcement-dots{margin-top:5px;margin-bottom:10px}
@media(max-width:600px){.qx-canvas-ui .project-announcement-stage{height:125px}.qx-canvas-ui .project-announcement-hit,.qx-canvas-ui .project-announcement-card{height:110px;max-height:110px}.qx-canvas-ui .project-announcement-carousel{margin-bottom:16px}}

.qx-home-ui .qx-wechat-float strong{white-space:nowrap}@media(max-width:600px){.qx-home-ui .qx-wechat-float{width:auto;min-width:110px;max-width:none;min-height:40px;justify-content:center;padding:9px 12px;gap:9px}.qx-home-ui .qx-wechat-float strong{font-size:12px;max-width:none}}
/* 20261021 customer palette: neutral dark surfaces, cyan/blue/violet accents. */
:root{--qx-surface:#11131a;--qx-surface-raised:#191d27;--qx-line:#2b303e;--qx-ink:#e7eaf2;--qx-muted:#a1a8ba;--qx-accent:#75c7f5;--qx-gradient:linear-gradient(110deg,#24c5cd,#559ce9 56%,#9c7bec)}
body.qx-home-ui,body.qx-chat-ui,body.qx-project-ui,body.qx-embedded{background:#0d0f15;color:var(--qx-ink)}
.qx-unified-nav,.qx-chat-ui #sidebar,.qx-chat-ui .brand,.qx-home-topbar{background:#11131a;border-color:var(--qx-line);color:var(--qx-ink)}
.qx-home-ui .qx-ui-eyebrow,.qx-home-ui .hero-tagline em,.qx-canvas-intro>span{background:var(--qx-gradient);background-clip:text;-webkit-text-fill-color:transparent}
.qx-ui-nav-link,.qx-chat-navigation .qx-ui-nav-link{color:#afb7ca}.qx-ui-nav-link.is-active,.qx-chat-navigation .qx-ui-nav-link.is-active{color:#b9dafa;background:#1b2537;border-color:#3d506c}.qx-ui-nav-link.is-active i{background:#86bdf4}
.qx-home-ui .qx-home-start,.qx-home-ui .qxi-primary,.qx-chat-ui #submit,.qx-chat-ui .new-thread,.qxi-submit .qxi-primary{background:var(--qx-gradient);border-color:transparent;color:#081420;font-weight:650}
.qx-chat-ui .message,.qx-chat-ui .message-text,.qx-chat-ui .composer,.qx-home-ui .qx-home-composer,.qx-home-ui .qx-home-tool,.qx-home-ui .qx-home-bottom-card,.qx-home-ui .qx-top-link,.qx-chat-ui .thread,.qx-chat-ui .project-heading,.qxi-submit{background:#171b25;border-color:#303746;color:#e7eaf2}
.qx-home-ui .qx-work-meta small,.qx-home-ui .qx-home-copy>p,.qx-home-ui .qx-home-location,.qx-home-ui .qxi-plaza-intro p{color:#aab1c2}
.qx-ui-nav-bottom{display:none!important}.qx-home-wallet{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.qx-home-wallet strong{font-variant-numeric:tabular-nums;color:#dce9ff}.qx-home-wallet button{background:#233248;border:1px solid #465973;color:#d9e7fb;border-radius:7px;padding:8px 12px;cursor:pointer}
.qx-workspace-panel{position:fixed;inset:0 0 0 216px;z-index:110;display:flex;flex-direction:column;background:#0d0f15;color:#e7eaf2}.qx-workspace-panel[hidden]{display:none}.qx-workspace-panel>header{display:flex;gap:16px;align-items:center;min-height:70px;flex-shrink:0;padding:0 28px;border-bottom:1px solid #2b303e;background:#11131a}.qx-workspace-panel>header>div{display:flex;gap:16px;align-items:baseline;flex:1}.qx-workspace-panel h1{font-size:16px;font-weight:500;margin:0}.qx-workspace-panel small{font-size:11px;color:#9ba5b9}.qx-workspace-panel button{border:1px solid #3e485d;border-radius:8px;color:#d9e7fb;background:#1b2230;padding:9px 14px;cursor:pointer}.qx-panel-frames{flex:1;min-height:0;position:relative}.qx-panel-frame{display:block;width:100%;height:100%;border:0;background:#0d0f15}.qx-panel-frame[hidden]{display:none}.qx-panel-menu{display:none}.qx-panel-status{position:absolute;top:90px;left:24px;right:24px;z-index:1;padding:16px;background:#191d27;border:1px solid #313a4d;border-radius:8px;font-size:13px}.qx-panel-status[hidden]{display:none}.qx-panel-open .qx-unified-nav,.qx-panel-open #sidebar{z-index:130}
.qx-embedded .qh-nav,.qx-embedded .qp-nav,.qx-embedded .site-head{display:none!important}.qx-embedded{margin:0;color:#e7eaf2!important;background:#0d0f15!important}.qx-embedded main,.qx-embedded .qp-main{max-width:1500px!important;margin:0 auto!important;padding:28px!important}.qx-embedded .qh-dashboard,.qx-embedded .qh-card,.qx-embedded .qp-summary article,.qx-embedded .panel,.qx-embedded .summary article,.qx-embedded table,.qx-embedded input,.qx-embedded select{background:#171b25!important;border-color:#343c4d!important;color:#e7eaf2!important}.qx-embedded button,.qx-embedded .button{background:#243450;border-color:#465d81;color:#e8eefb}.qx-embedded .qp-table td,.qx-embedded .qp-table th{border-color:#343c4d}.qx-embedded .qp-table th{background:#1c2330;color:#b9c7df}.qx-embedded .qp-note,.qx-embedded .qp-update{color:#a5adc1}.qx-embedded .qp-table-wrap{border-color:#343c4d}.qx-embedded .qp-price strong{color:#c4d5ff}.qx-embedded .qp-price span{color:#b4c7e6}.qx-embedded .qp-model small{color:#9ca8bf}.qx-embedded .qp-controls select,.qx-embedded .qp-controls input{min-height:42px}.qx-embedded :focus-visible{outline:2px solid #91bdf8;outline-offset:3px}
.qxi-share-output{display:block;padding:9px 12px;margin:8px 0;border:1px solid #465677;background:#1e293d;color:#cae2ff;border-radius:8px;font-size:12px;cursor:pointer;touch-action:manipulation}.qxi-canvas-share{position:relative;z-index:5;margin:7px 10px;max-width:calc(100% - 20px);font-size:11px}.qx-chat-ui .message-media .qxi-share-output{min-height:38px}.qx-chat-ui .message-media:has(.qxi-share-output){align-items:start}
.qxi-submit{color:#e7eaf2}.qxi-submit textarea{box-sizing:border-box;resize:vertical;min-height:100px;width:100%;font:inherit;font-size:13px;line-height:1.7;background:#0f131c;color:#e7eaf2;border:1px solid #404a60;border-radius:8px;padding:12px}.qxi-submit textarea[readonly]{color:#bdc9df;background:#181e2b}.qxi-submit select{background:#141b29!important;color:#e7eaf2!important;border-color:#404a60!important}.qxi-submit p,.qxi-submit small{color:#a9b3c9}.qxi-submit .qxi-secondary{background:#202b3d;color:#c3d7f3;border-color:#425775}.qxi-submit .qxi-secondary.is-active{background:#2a3c59;border-color:#85b5ec;color:#eef5ff}.qxi-submit .qxi-generation-card{background:#172131;color:#d1d9eb}.qxi-submit .qxi-generation-card[aria-pressed=true]{border-color:#8cb8f3}
@media(max-width:800px){.qx-workspace-panel{left:0}.qx-workspace-panel>header{min-height:62px;padding:0 12px;gap:10px}.qx-workspace-panel>header small{display:none}.qx-panel-menu{display:block}.qx-panel-open .qx-ui-nav-backdrop{z-index:120}.qx-embedded main,.qx-embedded .qp-main{padding:18px 12px!important}.qx-home-wallet{gap:6px;font-size:10px}.qx-home-wallet button{padding:7px}.qx-home-top-actions{gap:6px}.qx-home-top-actions .qx-top-link:first-of-type{display:none}.qx-panel-open #mobile-scrim{z-index:120}.qx-workspace-panel h1{font-size:14px}}

.qxi-output-card{display:flex;flex-direction:column;min-width:0}.qxi-output-card>video{display:block;width:100%;max-height:600px}.qxi-output-card>.qxi-share-output{margin:7px 0 0}.qxi-output-card>.message-open{width:100%}
.qx-panel-open .qx-canvas-navigation{display:block}.qx-panel-open .qx-canvas-navigation:not(.qx-ui-nav-backdrop){position:fixed;left:0;top:0;bottom:0;width:216px;box-sizing:border-box;background:#11131a;border-right:1px solid #303847;padding:25px 14px}.qx-panel-open .qx-canvas-navigation .qx-ui-nav-link{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:4px 0;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:13px}.qx-panel-open .qx-canvas-navigation .qx-ui-nav-label{font-size:10px;color:#8995ad;margin:22px 10px 8px}.qx-panel-open .qx-canvas-navigation .qx-ui-brand{display:flex;align-items:center;gap:12px;color:#e7eaf2;text-decoration:none}.qx-panel-open .qx-canvas-navigation .qx-ui-brand small{display:block;font-size:9px;color:#98a5c0}.qx-panel-open .qx-canvas-navigation .qx-ui-nav-close{display:none}@media(max-width:800px){.qx-panel-open .qx-canvas-navigation:not(.qx-ui-nav-backdrop){width:230px;transform:translateX(-100%);transition:transform .2s}.qx-panel-open.qx-nav-open .qx-canvas-navigation:not(.qx-ui-nav-backdrop){transform:none}.qx-panel-open .qx-canvas-navigation .qx-ui-nav-close{display:block}.qx-panel-open .qx-canvas-navigation.qx-ui-nav-backdrop{display:none}.qx-panel-open.qx-nav-open .qx-canvas-navigation.qx-ui-nav-backdrop{display:block}}

.qx-home-ui .qx-top-link.is-primary{background:#24354e;border-color:#486185;color:#e0ecff;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qx-embedded .qp-table td{padding:12px 16px}.qx-embedded .qp-model strong{display:inline;font-size:13px}.qx-embedded .qp-model-id{display:inline;margin-left:8px}.qx-embedded .qp-price strong{display:inline;font-size:17px}.qx-embedded .qp-price span{display:inline;margin-left:7px;font-size:11px}.qx-embedded .qp-types button.active{background:#2c4164;color:#d9e9ff}.qx-embedded .qp-eyebrow{color:#92bdfa}@media(max-width:600px){.qx-home-ui .qx-top-link.is-primary{max-width:92px}.qx-embedded .qp-table td{padding:10px 12px}}

.qx-chat-ui .main,.qx-chat-ui .workspace{background:#0d0f15}.qx-chat-ui .thread-toolbar{background:#171d29ed;border-color:#394256}.qx-chat-ui .sidebar-bottom .qx-ui-nav-link{display:flex;gap:8px;padding:7px 10px;margin:0;font-size:11px}.qx-chat-ui .sidebar-bottom .qx-ui-nav-link.is-active{background:#263955;border-color:#455b7a;color:#d4e7ff}

/* Keep native editor controls neutral without changing artwork colors. */
.qx-canvas-ui .stage{background-color:#0d0f15}.qx-canvas-ui .topbar{background:#121620;border-color:#2b3241}.qx-canvas-ui .tool-rail,.qx-canvas-ui .context-toolbar,.qx-canvas-ui .canvas-utility-bar,.qx-canvas-ui .edge-toolbar{background:#171b25;border-color:#364052}.qx-canvas-ui .rail-button.active{background:#2c4164;color:#deecff}

/* Upload status is informational and must not intercept composer actions. */
.qx-upload-notice{pointer-events:none!important}
@media(max-width:600px){.qx-upload-notice{top:max(68px,env(safe-area-inset-top))!important;bottom:auto!important}}