.top-navbar-fast-tooltip [hidden]{display:none!important}.header-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.header-actions button{display:inline-flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.header-actions button svg{width:15px;height:15px;stroke-width:1.5}.top-navbar-fast-tooltip>.paid-download-action{min-height:42px;height:42px;padding:0 13px;gap:7px;color:#c2c5ca;background:#151618;border:1px solid #2a2c30;border-radius:13px;box-shadow:0 8px 24px #00000020;font-size:12px;font-weight:500}.top-navbar-fast-tooltip--light>.paid-download-action{color:#4b4e54;background:#f8f8f9;border-color:#d9dadd;box-shadow:0 8px 24px #0000000b}/* Managed account entry and avatar menu. */
.account-entry{position:relative;display:flex;align-items:center;gap:7px}.header-actions>.account-entry>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;height:42px;color:#c2c5ca;background:#151618;border:1px solid #2a2c30;box-shadow:0 8px 24px #00000020;font-size:12px;font-weight:500}.header-actions>.account-entry>.header-credit-action{gap:7px;padding:0 13px;border-radius:13px}.header-actions>.account-entry>.header-credit-action svg{width:15px;height:15px;color:#d7dde7}.header-actions>.account-entry>.header-account-action{padding:0 14px;border-radius:13px;letter-spacing:.1px}.header-actions>.account-entry>button:hover{color:#f4f5f7;background:#1d1f22;border-color:#3b3f45;transform:translateY(-1px)}
.account-profile-menu{position:absolute;z-index:80;right:0;top:50px;width:260px;padding:10px;border:1px solid #303238;border-radius:14px;background:#17181b;box-shadow:0 18px 50px #0008;color:#d8dbe0}.account-profile-heading{display:flex;align-items:center;gap:11px;padding:7px 8px 12px;border-bottom:1px solid #2b2d31;margin-bottom:6px}.account-profile-heading img{width:32px;height:32px;border-radius:9px}.account-profile-heading span{display:flex;min-width:0;flex:1;flex-direction:column}.account-profile-heading b,.account-profile-heading small{overflow:hidden;text-overflow:ellipsis}.account-profile-heading b{font-size:13px;color:#f1f2f4}.account-profile-heading small{color:#858a93;font-size:11px}.account-profile-menu>button{width:100%;height:38px!important;justify-content:flex-start!important;padding:0 9px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#b7bbc3!important}.account-profile-menu>button:hover{background:#24262a!important;color:#f1f3f6!important;transform:none!important}.account-profile-menu>button span{flex:1;text-align:left}.account-profile-menu>button b{font-size:12px;font-weight:500}.account-profile-menu hr{height:1px;border:0;background:#2b2d31;margin:6px 0}
.canvas-app.light .header-actions>.account-entry>button{color:#4b4e54;background:#f8f8f9;border-color:#d9dadd;box-shadow:0 8px 24px #0000000b}.canvas-app.light .header-actions>.account-entry>button:hover{color:#15171b;background:#fff;border-color:#c6c8cc}.canvas-app.light .account-profile-menu{color:#43474e;background:#fff;border-color:#dedfe2;box-shadow:0 18px 50px #323b4b20}.canvas-app.light .account-profile-heading{border-color:#e8e9eb}.canvas-app.light .account-profile-heading b{color:#25282d}.canvas-app.light .account-profile-heading small{color:#92969d}.canvas-app.light .account-profile-menu>button{color:#51565e!important}.canvas-app.light .account-profile-menu>button:hover{color:#17191d!important;background:#f2f3f5!important}.canvas-app.light .account-profile-menu hr{background:#e8e9eb}

@media(max-width:760px){.header-actions>.account-entry>.header-account-action{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.header-actions>.account-entry>button{height:34px;min-height:34px}.top-navbar-fast-tooltip [data-tip]{font-size:11px}} .website-storage-block{font-size:14px;line-height:1.8;margin-bottom:20px}.website-storage-block h3{font-size:17px;font-weight:600;margin-bottom:10px}.website-storage-block p{margin:12px 0;opacity:.8}.website-storage-path{padding:14px 16px;border:1px solid #8885;border-radius:12px;overflow-wrap:anywhere}.website-settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.website-settings-actions button,.website-settings-actions input{border:1px solid #8885;border-radius:10px;padding:9px 14px;background:transparent;color:inherit}.website-settings-actions button{cursor:pointer}.website-settings-actions button:disabled{opacity:.5;cursor:wait}.website-settings-actions input{min-width:0;width:220px}.website-price-scroll{overflow-x:auto}.website-price-table{border-collapse:collapse;width:100%;font-size:14px}.website-price-table th,.website-price-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #8883}.website-price-table th{font-weight:600;white-space:nowrap}.website-price-table td:nth-child(2){white-space:nowrap}.website-price-subnav{display:grid;gap:3px;margin:3px 0 6px 18px;padding-left:9px;border-left:1px solid #8883}.website-price-subnav .settings-workspace-nav-item{min-height:32px;font-size:12px;padding:7px 12px}/* Shared light palette for canvas settings and administration. */
:root{--canvas-ui-surface:#fff;--canvas-ui-soft:#f1f1f3;--canvas-ui-field:#18181b06;--canvas-ui-text:#27272a;--canvas-ui-muted:#85858e;--canvas-ui-line:#18181b16;--canvas-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
/* Account surfaces share the canvas settings palette and geometry. */
.account-screen.account-member{--member-bg:#141414;--member-surface:#1f1f1f;--member-surface-soft:#2b2b2b;--member-text:#e9e9ec;--member-muted:#a1a1a8;--member-line:#ffffff16;--member-blue:#e4e4e7;--member-blue-soft:#ffffff0c;--member-shadow:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.65}
.account-screen.account-member.theme-light{--member-bg:#f3f3f4;--member-surface:var(--canvas-ui-surface);--member-surface-soft:var(--canvas-ui-soft);--member-text:var(--canvas-ui-text);--member-muted:var(--canvas-ui-muted);--member-line:var(--canvas-ui-line);--member-blue:#3f3f46;--member-blue-soft:#18181b06;--member-shadow:none;background-image:none}
.account-member.account-overlay{display:flex;flex-direction:column;align-items:center;padding:max(24px,calc((100dvh - 740px)/2)) 24px;min-height:0;background:#0006;background-image:none;backdrop-filter:blur(4px);overflow:hidden}
.account-member.account-overlay .account-header{position:relative;top:auto;flex-shrink:0;width:min(1120px,100%);border:1px solid var(--member-line);border-bottom:0;border-radius:24px 24px 0 0;padding:18px 28px;height:72px;background:var(--member-surface);backdrop-filter:none}
.account-member.account-overlay .account-main{width:min(1120px,100%);min-height:0;flex:1;margin:0;padding:24px 28px 36px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--member-line);border-top:0;border-radius:0 0 24px 24px;background:var(--member-surface)}
.account-member.account-standalone .account-header{height:72px;background:var(--member-bg);border-bottom:1px solid var(--member-line);padding:16px max(28px,calc((100vw - 1120px)/2))}
.account-member.account-standalone .account-main{width:min(1180px,100%);padding:40px 28px 60px}
.account-member .account-header b{font-size:16px;font-weight:600}.account-member .account-header>div{gap:16px}.account-member .account-header>div:first-child>button{height:34px;padding:0 10px;background:transparent;border:0;color:var(--member-muted);font-size:12px}.account-member .account-balance-mini{height:32px;min-height:32px;padding:0 12px;border-radius:20px;background:var(--member-surface-soft);border:0;color:var(--member-muted);font-size:12px}.account-member .account-balance-mini svg,.account-member .account-balance-mini strong{color:var(--member-text)}.account-member .account-balance-mini strong{font-size:14px;font-weight:500}
.account-member .account-dashboard{grid-template-columns:208px minmax(0,1fr);gap:36px}.account-member .account-dashboard-side{min-height:0;padding:6px 12px 20px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.account-member .account-side-email{padding:6px 12px 20px;border-bottom:0}.account-member .account-side-email>b{font-size:12px;font-weight:500;color:var(--member-muted)}.account-member .account-side-email strong{font-size:15px;font-weight:600}.account-member .account-side-status{font-size:12px}.account-member .account-side-balance{padding:8px 12px 22px;border-bottom:1px solid var(--member-line)}.account-member .account-side-balance>span{font-size:12px;gap:6px}.account-member .account-side-balance svg{width:14px;height:14px;color:var(--member-muted)}.account-member .account-side-balance>strong{margin:12px 0;font-size:38px;letter-spacing:-1px;font-weight:500}.account-member .account-side-balance p{font-size:11px;line-height:1.8}
.account-member .account-dashboard-side nav{gap:5px;padding-top:20px}.account-member .account-dashboard-side nav button{min-height:38px;padding:0 13px;gap:9px;border-radius:999px;font-size:13px}.account-member .account-dashboard-side nav button svg{width:15px;height:15px;color:var(--member-muted)}.account-member .account-dashboard-side nav button svg:last-child{display:none}.account-member .account-dashboard-side nav button.active,.account-member .account-dashboard-side nav button.active:hover{color:var(--member-text);background:var(--member-surface-soft);box-shadow:none}
.account-member .account-credits-heading h1{font-size:23px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.account-member .account-credits-heading p{font-size:12px;line-height:1.7;margin-bottom:24px;padding-right:60px}.account-member .account-refresh{top:0;padding:0 10px;min-height:30px;border:0;border-radius:999px;background:var(--member-surface-soft);color:var(--member-muted);font-size:11px}.account-member .account-refresh:hover{color:var(--member-text);background:var(--member-surface-soft)}.account-member h2{font-size:13px;font-weight:500;margin:26px 0 12px}
.account-member .account-packages{padding:0;border:0;border-radius:0;gap:10px;background:transparent;box-shadow:none;grid-template-columns:repeat(4,minmax(0,1fr))}.account-member .account-package{min-height:162px;padding:15px 13px;border:1px solid var(--member-line);border-radius:16px;gap:10px;background:transparent;transition:background 150ms,border-color 150ms}.account-member .account-package:hover{transform:none;border-color:#8888;background:var(--member-blue-soft)}.account-member .account-package.selected{border:1px solid #999;background:var(--member-surface-soft);box-shadow:none}.account-member .account-package-name{font-size:10px;padding-right:22px}.account-member .account-package strong{font-size:26px;font-weight:500;letter-spacing:-.8px}.account-member .account-package strong small{font-size:10px}.account-member .account-package b{font-size:14px;font-weight:500;margin:0}.account-member .account-package-choice,.account-member .account-package.selected .account-package-choice{font-size:10px!important;color:var(--member-muted)!important}.account-member .account-package em{top:11px;right:10px;padding:1px 5px;background:transparent;color:var(--member-muted);border:0;font-size:9px;font-style:normal}
.account-member .account-payment-state,.account-member:not(.theme-light) .account-payment-state{border:1px solid var(--member-line);border-radius:12px;background:var(--member-blue-soft);color:var(--member-text);padding:12px 14px;gap:9px}.account-member .account-payment-state p,.account-member:not(.theme-light) .account-payment-state p{color:var(--member-muted);font-size:11px}.account-member .account-payment-state svg{width:15px;height:15px;color:var(--member-muted)}.account-member .account-payment-state b{font-size:12px;font-weight:500}
.account-member .account-card{background:transparent;border:1px solid var(--member-line);border-radius:16px;box-shadow:none}.account-member .account-past-order{padding:0 14px;margin-top:14px}.account-member .account-past-order summary{font-size:11px;padding:12px 0;color:var(--member-muted)}.account-member .account-primary{background:var(--member-text);border-color:var(--member-text);color:var(--member-bg);font-weight:500;border-radius:999px}.account-member .account-primary:hover{background:var(--member-text);color:var(--member-bg);filter:brightness(.9)}
.account-member .account-activity{border:0;padding:0;background:transparent}.account-member .account-activity>p{font-size:11px;color:var(--member-muted)}.account-member .account-table-wrap{padding:0}.account-member th{font-size:11px;padding:12px 10px;font-weight:400}.account-member td{font-size:11px;padding:14px 10px}.account-member .account-activity table{min-width:650px}.account-member .account-result-action{font-size:11px;padding:4px 9px;border-radius:8px}.account-member .account-job-status{font-size:10px;padding:2px 7px;background:var(--member-surface-soft)}
.account-member .account-dashboard-content>.account-card:first-child{min-height:0;padding:0;border:0;background:transparent}.account-member .account-dashboard-content>.account-card:first-child h2{font-size:23px;font-weight:600;margin:0 0 6px}.account-member .account-profile-intro{font-size:12px;margin-bottom:28px}.account-member .account-dashboard-content>.account-card:first-child .account-form{max-width:480px;gap:20px}.account-member .account-field>span{font-size:12px;color:var(--member-muted)}.account-member .account-dashboard-content>.account-card:first-child .account-field input{height:44px;padding:0 14px;border-radius:12px;background:var(--member-blue-soft)}.account-member .account-dashboard-content>.account-card:first-child .account-primary{height:38px;min-width:120px;margin-top:4px}.account-member .account-field input:focus,.account-member .account-field select:focus{outline:1px solid #999;border-color:#999}
@media(max-width:1000px){.account-member .account-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.account-member .account-dashboard{grid-template-columns:180px minmax(0,1fr);gap:24px}}
@media(max-width:700px){.account-member.account-overlay{padding:12px}.account-member.account-overlay .account-header{border-radius:20px 20px 0 0;padding:14px 16px;height:62px}.account-member.account-overlay .account-main{border-radius:0 0 20px 20px;padding:18px 16px}.account-member .account-dashboard{grid-template-columns:1fr;gap:22px}.account-member .account-dashboard-side{padding:0}.account-member .account-side-email,.account-member .account-side-balance{display:none}.account-member .account-dashboard-side nav{display:flex;padding:0;gap:6px}.account-member .account-dashboard-side nav button{width:auto;min-height:34px}.account-member .account-credits-heading h1{font-size:21px}.account-member .account-package{min-height:146px}.account-member .account-header>div{gap:8px}.account-member .account-header b{font-size:14px}.account-member .account-balance-mini{padding:0 8px}.account-member .account-header .account-balance-mini~button{padding:6px}}
.account-member .account-activity>.account-card{border:0;border-radius:0;background:transparent;margin-top:12px;padding:0}.account-member .account-activity>.account-card>.account-note{font-size:11px;margin:0 0 12px;line-height:1.8}.account-member .account-main{scrollbar-width:thin;scrollbar-color:#8885 transparent}
.account-screen.account-member.account-overlay.theme-light{background:#0003;background-image:none}
/* Native canvas settings use the same shell and controls as AccountCenter. */
.qingtian-settings{position:fixed;inset:0;z-index:1000;isolation:isolate;outline:none;color-scheme:dark}.qingtian-settings.theme-light{color-scheme:light}.qingtian-settings *{box-sizing:border-box}.qingtian-settings button,.qingtian-settings input,.qingtian-settings textarea,.qingtian-settings select{font-family:inherit}.qingtian-settings button{cursor:pointer}.qingtian-settings button:disabled{opacity:.5;cursor:default}.qingtian-settings button:focus-visible{outline:2px solid #999;outline-offset:3px}.qingtian-settings .account-header{display:flex;justify-content:space-between;align-items:center;color:var(--member-text)}.qingtian-settings .account-header>div{display:flex;align-items:center}.qingtian-settings .account-header button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:8px;background:transparent;color:var(--member-muted)}.qingtian-settings .account-header button:hover{background:var(--member-surface-soft);color:var(--member-text)}.qingtian-settings .account-dashboard{display:grid;align-items:start}.qingtian-settings .account-dashboard-content{min-width:0}.qingtian-settings .account-side-email{display:grid;gap:10px}.qingtian-settings .account-dashboard-side nav{display:grid}.qingtian-settings .settings-workspace-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;text-align:left;border:0;color:var(--member-muted);background:transparent}.qingtian-settings .settings-workspace-nav-item.is-active{background:var(--member-surface-soft);color:var(--member-text)}.qingtian-settings .settings-workspace-nav-item>svg{display:block!important;flex-shrink:0;margin:0!important}.qingtian-settings .settings-workspace-nav-count{margin-left:auto;font-size:10px;color:var(--member-muted)}.qingtian-settings .website-price-subnav{margin-left:20px}.qingtian-settings .website-price-subnav button{min-height:32px;font-size:12px;padding:6px 12px}.qingtian-panel-title{font-size:23px;font-weight:600;line-height:1.35;letter-spacing:-.4px;margin:0 0 22px;color:var(--member-text)}.qingtian-settings .website-storage-block{font-size:13px;line-height:1.65}.qingtian-settings .website-storage-block>p{font-size:12px;color:var(--member-muted);opacity:1;margin:8px 0 20px}.qingtian-settings .website-storage-block>h3{font-size:14px;font-weight:500}.qingtian-settings .website-storage-block>label{font-size:12px;color:var(--member-muted)}.qingtian-settings .website-settings-actions input,.qingtian-settings textarea,.qingtian-settings select{border:1px solid var(--member-line);border-radius:12px;background:var(--member-blue-soft);color:var(--member-text);padding:10px 14px;outline:none}.qingtian-settings .website-settings-actions input{height:44px;width:340px;max-width:100%;font-size:12px}.qingtian-settings .website-settings-actions input:focus,.qingtian-settings textarea:focus{border-color:#999;outline:1px solid #999}.qingtian-settings .website-settings-actions button{border:0;border-radius:999px;min-height:38px;padding:9px 22px;background:var(--member-text);color:var(--member-bg);font-size:12px;font-weight:500}.qingtian-settings .website-settings-actions button+button{background:var(--member-surface-soft);color:var(--member-text)}.qingtian-settings .website-storage-path{background:var(--member-blue-soft);border-color:var(--member-line);border-radius:12px;padding:14px;font-size:12px;color:var(--member-text)}.qingtian-settings .website-price-table{font-size:12px}.qingtian-settings .website-price-table th{font-weight:500;color:var(--member-muted)}.qingtian-settings .website-price-table th,.qingtian-settings .website-price-table td{padding:14px 10px;border-color:var(--member-line)}.qingtian-settings .website-storage-block>a{font-size:12px;color:var(--member-muted);text-decoration:underline;text-underline-offset:3px}.qingtian-settings .sketch-section-card,.qingtian-settings .sketch-section-card-dark{box-shadow:none;background:transparent;border:1px solid var(--member-line);border-radius:16px}.qingtian-settings .settings-pill-btn{background:var(--member-surface-soft);color:var(--member-text);border-radius:999px}.qingtian-settings .settings-toggle.is-on{background:var(--member-text)}.qingtian-settings .settings-toggle-thumb{background:var(--member-bg)}.qingtian-settings .settings-slim-range-fill{background:var(--member-text)}.qingtian-settings .settings-slim-range-thumb{background:var(--member-text)}
@media(max-width:700px){.qingtian-settings .account-dashboard-side nav{display:flex;flex-wrap:wrap}.qingtian-settings .account-dashboard-side nav>button{width:auto}.qingtian-settings .website-price-subnav{width:100%;display:flex;gap:4px;margin:0;padding:0;border:0}.qingtian-settings .website-price-subnav button{width:auto}.qingtian-panel-title{font-size:21px}}

.qingtian-settings .qingtian-settings-intro{font-size:12px;color:var(--member-muted);margin:0 0 28px}.qingtian-settings .qingtian-animation-section{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--member-line)}.qingtian-settings .qingtian-animation-section>h2{font-size:14px;font-weight:600;margin:0 0 20px;color:var(--member-text)}.qingtian-settings .qingtian-animation-section:last-child{border-bottom:0}

.qingtian-settings .settings-pill-btn[aria-checked="true"]{background:var(--member-text);color:var(--member-bg)}.qingtian-settings .account-dashboard-side{position:sticky;top:0}.qingtian-settings .account-side-email{color:var(--member-text)}

/* Keep native controls independent of lazily loaded account-page resets. */
.qingtian-settings .settings-toggle{position:relative;display:block;width:40px;height:24px;min-width:40px;min-height:24px;padding:0;border:0;border-radius:999px;background:#d4d4d8;overflow:hidden;flex:0 0 40px}
.qingtian-settings.settings-workspace-dark .settings-toggle{background:#52525b}
.qingtian-settings .settings-toggle.is-on,.qingtian-settings .settings-toggle.is-on:hover{background:var(--member-text)}
.qingtian-settings .settings-toggle-thumb{position:absolute;display:block;top:2px;left:2px;width:20px;height:20px;margin:0;border-radius:50%;background:var(--member-surface);transform:translateX(0);box-shadow:0 1px 2px #0002}
.qingtian-settings .settings-toggle.is-on .settings-toggle-thumb{transform:translateX(16px)}
/* Only the content scrolls; the title and navigation stay in place. */
.qingtian-settings.account-overlay .account-main{overflow:hidden;padding-bottom:24px}
.qingtian-settings .account-dashboard{height:100%;min-height:0;align-items:stretch}
.qingtian-settings .account-dashboard-side{position:static;overflow:auto;min-height:0;scrollbar-width:thin}
.qingtian-settings .account-dashboard-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.qingtian-settings .qingtian-panel-title{flex-shrink:0;margin:0 0 22px}
.qingtian-settings .qingtian-panel-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 14px 24px 2px;scrollbar-width:thin;scrollbar-color:#8885 transparent}
@media(max-width:700px){.qingtian-settings .account-dashboard{grid-template-rows:auto minmax(0,1fr)}.qingtian-settings .account-side-email{display:none}.qingtian-settings .account-dashboard-side{padding:0;max-height:130px}.qingtian-settings .qingtian-panel-content{padding-right:6px}}
/* The canvas toolbar and docked chat share one 56px application header. */
html[data-chat-sidebar-open="true"] .top-navbar-chat-aware-actions{right:16px}
.sketch-chat-panel--sidebar{top:56px!important;height:calc(100vh - 56px)!important;height:calc(100dvh - 56px)!important}
@media(max-width:1100px){button[title="点击切换项目；双击重命名"]{max-width:clamp(44px,calc(100vw - 900px),220px)}}
@media(max-width:900px){.top-navbar-chat-aware-actions .website-sync-status{min-width:0;max-width:96px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-navbar-chat-aware-actions button[aria-label$=" 的账户菜单"]{max-width:96px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}

/* The hidden range input has an 18px thumb. Match its centre at both ends so
   the visible 10px dot stays inside the scrolling settings pane. */
.settings-slim-range{height:28px}
.settings-slim-range-track,.settings-slim-range-fill{left:9px;right:9px;width:auto}
.settings-slim-range-fill{clip-path:inset(0 calc(100% - var(--settings-range-progress,0%)) 0 0)}
.settings-slim-range-thumb{width:10px;height:10px;left:var(--settings-range-progress,0%);transform:translate(calc(4px - var(--settings-range-progress,0%) * 1.8),-50%)}
.settings-slim-range:focus-within .settings-slim-range-thumb{box-shadow:0 0 0 3px #18181b26}
.settings-workspace-dark .settings-slim-range:focus-within .settings-slim-range-thumb{box-shadow:0 0 0 3px #ffffff40}

/* Batch changes keep the quote and send button on the native toolbar row.
   Only small screens may wrap; the quote still stays beside the button. */
.qiaodoumayi-gen-toolbar{flex-wrap:wrap!important;row-gap:6px!important}
.qiaodoumayi-gen-toolbar [data-model-select-area]:not([data-chat-platform-group-picker]){height:auto!important;min-height:32px;max-width:min(48%,240px)!important}
.qiaodoumayi-gen-toolbar [data-qiaodoumayi-gen-model="true"]{min-height:32px!important;height:32px!important;gap:8px!important;padding:0 8px!important;min-width:0;flex-shrink:1}
.qiaodoumayi-gen-toolbar [data-qiaodoumayi-gen-model="true"]>span:not(.model-brand-logo){display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3!important}
.qiaodoumayi-gen-toolbar [data-qiaodoumayi-gen-model="true"]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-params-fold-tray{flex-wrap:wrap}
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-params-fold-tray .qiaodoumayi-gen-params{flex-wrap:wrap!important}
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-submit-wrap{flex:0 1 auto;min-width:0}
.qiaodoumayi-gen-toolbar:has(.qiaodoumayi-gen-submit-wrap>.website-generation-price--image){flex-wrap:nowrap!important}
.qiaodoumayi-gen-toolbar:has(.website-generation-price--image) .qiaodoumayi-gen-submit-wrap{flex:0 0 auto;margin-left:auto!important}
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-submit-wrap>.website-generation-price--image{white-space:nowrap}
@media(max-width:600px){.qiaodoumayi-gen-toolbar:has(.qiaodoumayi-gen-submit-wrap>.website-generation-price--image){flex-wrap:wrap!important}}
/* Per-second video quotes are long. Give the quote its own full-width row and
   keep the send button at the right edge instead of wrapping it under the text. */
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-submit-wrap:has(>.website-generation-price:not(.website-generation-price--image)){
  flex:1 0 100%;
  justify-content:space-between;
  gap:8px;
  margin-left:0!important;
}
.qiaodoumayi-gen-toolbar .qiaodoumayi-gen-submit-wrap>.website-generation-price:not(.website-generation-price--image){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qingtian-multi-angle-editor{--angle-bg:#111;--angle-panel:#222;--angle-control:#303030;--angle-border:#303030;--angle-text:#eee;--angle-muted:#a3a3a3;--angle-selected:#fafafa;--angle-selected-text:#171717;position:fixed;z-index:320;top:max(16px,min(70px,calc((100dvh - 507px)/2)));left:50%;transform:translateX(-50%);width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--angle-border);border-radius:16px;background:var(--angle-bg);color:var(--angle-text);box-shadow:0 18px 55px #0003;font:13px/21px "PingFang SC","Microsoft YaHei",system-ui,sans-serif;pointer-events:auto;color-scheme:dark}
.qingtian-multi-angle-editor button{font:inherit;color:inherit;cursor:pointer;border:0;flex-shrink:0}.qingtian-multi-angle-editor button:focus-visible{outline:2px solid var(--angle-text);outline-offset:2px}.qingtian-multi-angle-editor button:hover{filter:brightness(.94)}
.qingtian-angle-header{height:44px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--angle-border)}.qingtian-angle-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;line-height:16px}.qingtian-angle-title-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--angle-panel)}.qingtian-angle-header>button{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--angle-muted);background:transparent}
.qingtian-angle-tabs{height:40px;padding:6px 10px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--angle-border)}.qingtian-angle-tabs button{padding:7px 12px;font-size:11px;font-weight:600;line-height:1.25;border-radius:8px;background:transparent}.qingtian-angle-tabs button[aria-pressed=true]{background:var(--angle-selected);color:var(--angle-selected-text)}
.qingtian-angle-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:10px;padding:10px}.qingtian-angle-preview{position:relative;min-height:358px;touch-action:none;user-select:none;overflow:hidden;border-radius:12px;background:#090909}.qingtian-angle-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;cursor:grab;outline:none;perspective:900px}.qingtian-angle-stage.is-dragging{cursor:grabbing}.qingtian-angle-stage:focus-visible{box-shadow:inset 0 0 0 1px #ffffff40}.qingtian-angle-globe{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);fill:none;stroke:#b0b0b0;stroke-width:.5;pointer-events:none}.qingtian-angle-globe .orbit-back{opacity:.18}.qingtian-angle-globe .orbit-front{opacity:.36}.qingtian-angle-globe circle{opacity:.45}.qingtian-orbit-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#242424;border-radius:2px;display:grid;place-items:center;z-index:2;pointer-events:none;overflow:hidden}.qingtian-orbit-image img{width:100%;height:100%;object-fit:cover}.qingtian-angle-camera{position:absolute;left:calc(50% - 12px);top:calc(50% - 10px);width:24px;height:20px;pointer-events:none;transform-style:preserve-3d}.orbit-camera-side{position:absolute;inset:2px 1px 1px 3px;background:#333;border:1px solid #555;border-radius:3px;box-shadow:2px 2px 0 #111}.orbit-camera-front{position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:3px;overflow:hidden;background:#ddd;border:1px solid #aaa;transform:skewY(-8deg)}.orbit-camera-front img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.orbit-camera-lens{position:absolute;left:10px;top:4px;width:5px;height:12px;border:1px solid #777;border-radius:2px;background:#333;transform:rotate(12deg)}.qingtian-angle-camera[data-lens=wide] .orbit-camera-lens{width:8px;left:8px;border-radius:50%;background:#252525}
.qingtian-angle-cube-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;pointer-events:none}.qingtian-angle-cube{position:relative;width:88px;height:88px;transform-style:preserve-3d;transition:transform .16s ease-out}.qingtian-angle-cube-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border:1px solid #555;border-radius:3px;background:#202020;color:#777;font-size:11px;font-weight:600;overflow:hidden}.qingtian-angle-cube-face img{width:100%;height:100%;object-fit:cover}
.qingtian-angle-direction{position:absolute;z-index:5;width:24px;height:24px;display:grid;place-items:center;background:transparent;color:var(--angle-muted)!important;opacity:.8;border-radius:6px}.qingtian-angle-direction--up{top:calc(50% - 108px);left:calc(50% - 12px)}.qingtian-angle-direction--down{top:calc(50% + 84px);left:calc(50% - 12px);rotate:180deg}.qingtian-angle-direction--left{left:calc(50% - 110px);top:calc(50% - 12px);rotate:-90deg}.qingtian-angle-direction--right{left:calc(50% + 86px);top:calc(50% - 12px);rotate:90deg}
.qingtian-angle-controls{min-width:0;position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--angle-border);border-radius:12px;background:var(--angle-panel)}.qingtian-angle-segment{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--angle-control)}.qingtian-angle-segment button{flex:1;min-width:0;height:28px;padding:0 7px;border-radius:8px;background:transparent;font-weight:700;font-size:11px}.qingtian-angle-segment button[aria-pressed=true]{background:var(--angle-selected);color:var(--angle-selected-text);box-shadow:0 1px 3px #0002}.qingtian-angle-presets-heading{color:var(--angle-muted)}.qingtian-angle-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qingtian-angle-presets button{height:32px;border-radius:10px;background:var(--angle-control);font-size:11px;font-weight:600}.qingtian-angle-presets button[aria-pressed=true]{background:var(--angle-selected);color:var(--angle-selected-text)}
.qingtian-angle-slider{display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;gap:8px;min-height:30px;margin:0;color:var(--angle-text);font-size:13px;font-weight:500}.qingtian-angle-slider output{text-align:right;color:var(--angle-text);font-size:12px;font-weight:600;white-space:nowrap}.qingtian-angle-slider input{appearance:none;-webkit-appearance:none;width:100%;height:4px;border:0;border-radius:2px;outline:0;background:linear-gradient(to right,var(--angle-text) var(--angle-fill),#6666 var(--angle-fill));cursor:pointer;margin:0}.qingtian-angle-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;border:2px solid var(--angle-text);background:var(--angle-panel)}.qingtian-angle-slider input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:2px solid var(--angle-text);background:var(--angle-panel)}.qingtian-angle-slider input:focus-visible{outline:2px solid var(--angle-text);outline-offset:6px}.qingtian-angle-scale-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px;margin-top:auto;color:var(--angle-muted)}
.qingtian-angle-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:6px 12px;border-top:1px solid var(--angle-border)}.qingtian-angle-current{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap;color:var(--angle-muted);font-size:13px}.qingtian-angle-current strong{font-weight:600;color:var(--angle-text)}.qingtian-angle-actions{display:flex;align-items:center;gap:6px}.qingtian-angle-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 9px;background:transparent;border-radius:8px;font-size:12px}.qingtian-angle-actions .qingtian-angle-confirm{background:var(--angle-selected);color:var(--angle-selected-text);font-weight:600}
@media(max-width:560px){.qingtian-multi-angle-editor{top:12px;border-radius:13px}.qingtian-angle-body{grid-template-columns:1fr}.qingtian-angle-preview{min-height:240px}.qingtian-angle-controls{gap:8px}.qingtian-angle-tabs{gap:2px;justify-content:space-between}.qingtian-angle-tabs button{padding:7px 6px;font-size:10px}.qingtian-angle-footer{flex-wrap:wrap}.qingtian-angle-current{flex:1}}
@media(prefers-reduced-motion:reduce){.qingtian-angle-cube{transition:none}}
.website-generation-status{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#27272a}.website-generation-status small{color:#52525b;font-size:11px;font-weight:400}.website-generation-status--dark{color:#f4f4f5}.website-generation-status--dark small{color:#d4d4d8}.website-generation-spinner{width:30px;height:30px;border:3px solid #d4d4d8;border-top-color:#3f3f46;border-right-color:#71717a;border-radius:50%;animation:qingtian-spin .85s linear infinite}.website-generation-status--dark .website-generation-spinner{border-color:#52525b;border-top-color:#fafafa;border-right-color:#a1a1aa}.website-generation-price{display:inline-flex;align-items:center;flex-shrink:0;font-size:11px;line-height:1.35;font-weight:500;white-space:nowrap;color:#52525b;margin:0 6px}.website-generation-price--dark{color:#d4d4d8}.website-generation-price--compact{font-size:10px;margin:0 3px}.qiaodoumayi-gen-submit-wrap{max-width:100%;min-width:0;gap:6px;position:relative}.qiaodoumayi-gen-submit-wrap>.website-generation-price{position:static;flex:0 1 auto;min-width:0;margin:0;padding:3px 7px;border-radius:7px;background:#f4f4f5;color:#3f3f46;white-space:normal;overflow-wrap:anywhere}.qiaodoumayi-gen-submit-wrap>.website-generation-price--dark{background:#303033;color:#e4e4e7}button[aria-label="开始生成"]{width:auto!important;gap:4px}.sketch-chat-toolbar-right{flex-wrap:wrap}.desktop-pet-chat .website-generation-price{max-width:74px;white-space:normal}@keyframes qingtian-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.website-generation-spinner{animation:none}}.website-folder-welcome{position:fixed;right:20px;top:74px;width:320px;max-width:calc(100vw - 40px);padding:18px;border:1px solid #e4e4e7;border-radius:16px;background:#fff;color:#27272a;box-shadow:0 8px 28px #00000010;z-index:80;font-size:13px;line-height:1.65}.website-folder-welcome p{margin:8px 0 12px;color:#71717a}.website-folder-welcome>div{display:flex;gap:8px}.website-folder-welcome button{padding:7px 12px;border-radius:18px;border:0;cursor:pointer;background:#f4f4f5;color:#52525b}.website-folder-welcome button:first-child{background:#27272a;color:#fff}.website-folder-welcome--dark{background:#202022;border-color:#3f3f46;color:#fafafa}.website-folder-welcome--dark p{color:#a1a1aa}.website-folder-welcome--dark button{background:#3f3f46;color:#f4f4f5}.website-folder-welcome--dark button:first-child{background:#f4f4f5;color:#27272a}.website-video-duration{width:100%;padding:10px 12px 8px;border-radius:12px;background:#f4f4f5;color:#71717a}.website-video-duration input{display:block;width:100%;height:20px;margin:0;cursor:pointer;accent-color:#27272a}.website-video-duration-labels{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px}.website-video-duration-labels strong{font-size:12px;color:#27272a}.website-video-duration.is-dark{background:#27272a;color:#a1a1aa}.website-video-duration.is-dark input{accent-color:#e4e4e7}.website-video-duration.is-dark strong{color:#fafafa}.website-folder-browser{margin-top:18px;padding:16px;border:1px solid #8884;border-radius:14px}.website-folder-entries{display:grid;max-height:240px;overflow:auto;gap:4px}.website-folder-entries button{display:flex;align-items:center;gap:9px;text-align:left;color:inherit;background:transparent;border:0;border-radius:8px;padding:8px;cursor:pointer;overflow-wrap:anywhere}.website-folder-entries button:hover{background:#8882}.website-folder-entries svg{width:16px;height:16px;flex-shrink:0}.website-folder-preview img,.website-folder-preview video{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:9px;margin-bottom:10px}.website-folder-preview a{color:inherit;text-decoration:underline}.website-cloud-trigger{padding:8px 14px;border-radius:20px;border:1px solid #8885;color:inherit;background:transparent;cursor:pointer;white-space:nowrap}.website-cloud-panel{display:grid;gap:16px}.website-cloud-panel p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.website-cloud-panel button{padding:8px 13px;border:1px solid #8885;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.website-cloud-panel button:disabled{opacity:.5;cursor:wait}.website-cloud-panel [role=alert]{color:#d64343}.website-cloud-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #8883}.website-cloud-row span{min-width:0;overflow-wrap:anywhere}.website-cloud-row small{display:block;font-size:11px;opacity:.6;margin-top:4px}.website-cloud-row button{flex-shrink:0}.website-session-overlay{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:rgba(244,244,245,.55);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#27272a}
.website-session-card{box-sizing:border-box;width:100%;max-width:440px;padding:32px;border:1px solid #e4e4e7;border-radius:24px;background:#fff;box-shadow:0 24px 80px #18181b16}
.website-session-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border:1px solid #e4e4e7;border-radius:15px;background:#f7f7f8;color:#52525b}
.website-session-icon svg{width:25px;height:25px}
.website-session-label{margin-bottom:8px;font-size:12px;line-height:18px;color:#71717a}
.website-session-card h2{margin:0;font-size:24px;line-height:34px;letter-spacing:-.5px;font-weight:600}
.website-session-card p{margin:14px 0 20px;font-size:14px;line-height:1.85;color:#71717a}
.website-session-note{padding:12px 14px;border-radius:12px;background:#f5f5f6;color:#71717a;font-size:12px;line-height:1.8}
.website-session-login{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:24px;padding:0 20px;border-radius:14px;background:#27272a;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s}
.website-session-login:hover{background:#3f3f46}.website-session-login:focus-visible{outline:2px solid #a1a1aa;outline-offset:4px}
.theme-dark .website-session-overlay{background:rgba(9,9,11,.5);color:#fafafa}
.theme-dark .website-session-card{background:#202022;border-color:#3b3b40;box-shadow:0 24px 80px #0006}
.theme-dark .website-session-icon{background:#29292c;border-color:#3f3f46;color:#d4d4d8}
.theme-dark .website-session-label,.theme-dark .website-session-card p{color:#a1a1aa}
.theme-dark .website-session-note{background:#2b2b2e;color:#b4b4bd}
.theme-dark .website-session-login{background:#f4f4f5;color:#27272a}.theme-dark .website-session-login:hover{background:#e4e4e7}
@media(max-width:480px){.website-session-overlay{padding:20px}.website-session-card{padding:26px 24px;border-radius:22px}.website-session-card h2{font-size:22px}}

.website-sync-status{box-sizing:border-box;flex:0 0 128px;width:128px;min-height:42px;padding:8px 10px;border:1px solid #d9dadd;border-radius:13px;background:#f8f8f9;color:#52525b;font:500 12px/1.4 system-ui;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto}
.canvas-app:not(.light)>.website-sync-status{background:#151618;border-color:#2a2c30;color:#c2c5ca}
.website-sync-status[data-sync-kind=pending],.canvas-app:not(.light)>.website-sync-status[data-sync-kind=pending]{color:#c66a19;border-color:#b5793d}
.website-sync-status:disabled{cursor:progress}.website-sync-status:focus-visible{outline:2px solid #a1a1aa;outline-offset:3px}
@media(max-width:960px){.website-sync-status{position:fixed;right:12px;top:62px;width:128px;min-height:32px;border-radius:10px;z-index:60}}
.website-project-delete{--pd-bg:#fff;--pd-text:#27272a;--pd-muted:#71717a;--pd-line:#e5e5e8;--pd-subtle:#f7f7f8;--pd-hover:#ededf0;box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;border:1px solid var(--pd-line);border-radius:22px;background:var(--pd-bg);color:var(--pd-text);box-shadow:0 28px 90px #0003;font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;animation:qingtian-delete-in .16s ease-out}
.website-project-delete.is-dark{--pd-bg:#1c1c1f;--pd-text:#f4f4f5;--pd-muted:#a1a1aa;--pd-line:#333338;--pd-subtle:#242427;--pd-hover:#2d2d32;color-scheme:dark;box-shadow:0 28px 100px #0007}
.website-project-delete::backdrop{background:#09090b80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.website-project-delete-body{position:relative;padding:28px 28px 24px}
.website-project-delete svg{display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.website-project-delete button{font:inherit;cursor:pointer;transition:background .15s,border-color .15s;color:inherit}
.website-project-delete button:focus-visible{outline:2px solid #a1a1aa;outline-offset:4px}
.website-project-delete-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--pd-muted)!important}
.website-project-delete-close:hover{background:var(--pd-hover)}.website-project-delete-close svg{width:17px;height:17px}
.website-project-delete-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border:1px solid #e8666624;border-radius:14px;background:#e8666612;color:#d35757}.website-project-delete.is-dark .website-project-delete-icon{background:#ef727213;color:#ed8c8c;border-color:#ef727223}.website-project-delete-icon svg{width:23px;height:23px}
.website-project-delete h2{margin:0;font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.website-project-delete #website-project-delete-description{margin:9px 0 21px;font-size:13px;color:var(--pd-muted)}
.website-project-delete-project{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-subtle)}.website-project-delete-project>svg{width:18px;height:18px;margin-top:3px;color:var(--pd-muted)}.website-project-delete-project>div{min-width:0}.website-project-delete-project span{display:block;margin-bottom:4px;font-size:11px;color:var(--pd-muted)}.website-project-delete-project strong{display:block;max-height:140px;overflow:auto;overflow-wrap:anywhere;font-size:13px;line-height:1.7;font-weight:500}
.website-project-delete .website-project-delete-note{display:flex;align-items:flex-start;gap:7px;margin:15px 0 0;font-size:11px;line-height:1.7;color:var(--pd-muted)}.website-project-delete-note svg{width:14px;height:14px;margin-top:2px}
.website-project-delete-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid var(--pd-line);background:var(--pd-subtle)}.website-project-delete-actions button{min-width:86px;min-height:38px;padding:8px 18px;border:1px solid var(--pd-line);border-radius:10px;font-size:13px;line-height:1.5;font-weight:500}
.website-project-delete-cancel{background:var(--pd-bg)}.website-project-delete-cancel:hover{background:var(--pd-hover)}.website-project-delete-actions .website-project-delete-confirm{border-color:#c85151;background:#cb5555;color:#fff}.website-project-delete-confirm:hover{background:#b94747!important;border-color:#b94747!important}
@keyframes qingtian-delete-in{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.website-project-delete{border-radius:19px}.website-project-delete-body{padding:24px 22px 20px}.website-project-delete-actions{padding:16px 22px}.website-project-delete h2{font-size:20px}.website-project-delete-project strong{max-height:115px}}
@media(prefers-reduced-motion:reduce){.website-project-delete{animation:none}.website-project-delete button{transition:none}}
/* Quiet canvas feedback. Only the icon carries the status color. */
.website-toast-stack {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(72px, calc(env(safe-area-inset-bottom) + 60px));
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 152px);
  overflow-y: auto;
  pointer-events: none;
  padding: 12px;
  margin: -12px;
}
.website-toast {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  min-width: 216px;
  max-width: min(360px, calc(100vw - 40px));
  flex-shrink: 0;
  padding: 10px 10px 10px 14px;
  border: 1px solid #e4e4e7;
  border-radius: 14px;
  background: #fff;
  color: #3f3f46;
  box-shadow: 0 4px 16px #18181b0a, 0 1px 3px #18181b06;
  pointer-events: auto;
  transition: opacity 180ms ease, transform 180ms ease;
  animation: website-toast-in 180ms ease-out;
}
.website-toast > svg { width: 17px; height: 17px; flex-shrink: 0; }
.website-toast[data-kind=success] > svg { color: #26966b; }
.website-toast[data-kind=error] > svg { color: #d84c4c; }
.website-toast[data-kind=warning] > svg { color: #b7791f; }
.website-toast[data-kind=info] > svg,
.website-toast[data-kind=loading] > svg { color: #537fc1; }
.website-toast p { margin: 0; color: inherit; font-size: 13px; font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
.website-toast > button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding: 0;
  margin-left: 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #a1a1aa;
  cursor: pointer;
  transition: background 150ms, color 150ms;
}
.website-toast > button:hover { background: #f4f4f5; color: #52525b; }
.website-toast > button:focus-visible { outline: 2px solid #71717a; outline-offset: 2px; }
.website-toast--dark { background: #252527; border-color: #3f3f43; color: #e4e4e7; box-shadow: 0 4px 18px #0003; }
.website-toast--dark[data-kind=success] > svg { color: #60c69b; }
.website-toast--dark[data-kind=error] > svg { color: #f08080; }
.website-toast--dark[data-kind=warning] > svg { color: #e7b663; }
.website-toast--dark[data-kind=info] > svg,
.website-toast--dark[data-kind=loading] > svg { color: #8baee5; }
.website-toast--dark > button:hover { background: #ffffff0d; color: #e4e4e7; }
@keyframes website-toast-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { .website-toast-stack { right: max(16px, env(safe-area-inset-right)); } }
@media (prefers-reduced-motion: reduce) { .website-toast, .website-toast > button { animation: none; transition: none; } .website-toast .animate-spin { animation: none; } }
.node-wrapper .qingtian-node-history-button{position:absolute;right:-42px;top:-42px;z-index:90;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e7e7eb;border-radius:8px;background:#fff;color:#27272b;box-shadow:0 3px 12px #0000001a;cursor:pointer;pointer-events:auto}
.node-wrapper .qingtian-node-history-button:hover,.node-wrapper .qingtian-node-history-button.active{background:#f0f0f3;color:#111}
.node-wrapper .qingtian-node-history-button.is-dark{background:#24272c;border-color:#444954;color:#d3dae5}
.node-wrapper .qingtian-node-image-history{position:absolute;z-index:90;left:calc(100% + 20px);top:0;width:310px;max-height:460px;background:#fff;color:#243454;border:1px solid #e7e7eb;border-radius:12px;padding:12px;box-shadow:0 12px 30px #294d841e;cursor:default;pointer-events:auto;font:13px/1.5 system-ui,sans-serif}
.node-wrapper .qingtian-node-image-history.history-left{left:auto;right:calc(100% + 20px)}
.node-wrapper .qingtian-node-image-history header,.node-wrapper .qingtian-node-image-history header b{display:flex;align-items:center;gap:7px;justify-content:space-between}
.node-wrapper .qingtian-node-image-history header b{font-size:13px;font-weight:600}
.node-wrapper .qingtian-node-image-history header button{border:0;background:transparent;color:#74829a;font-size:20px;line-height:1;padding:3px;cursor:pointer}
.node-wrapper .qingtian-node-image-history p{margin:10px 0;font-size:11px;color:#74829a}
.node-wrapper .qingtian-node-image-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:355px;overflow:auto;overscroll-behavior:contain}
.node-wrapper .qingtian-node-image-history-grid>button{border:1px solid #e7e7eb;border-radius:7px;background:#f5f9ff;color:#243454;padding:4px;cursor:pointer}
.node-wrapper .qingtian-node-image-history-grid>button.chosen{border-color:#8ac1ff}
.node-wrapper .qingtian-node-image-history-grid>button:disabled{cursor:default}
.node-wrapper .qingtian-node-image-history-grid .history-thumbnail{display:block;width:100%;height:78px;overflow:hidden;border-radius:3px}
.node-wrapper .qingtian-node-image-history-grid .history-image{display:block;width:100%;height:100%;object-fit:contain}
.node-wrapper .qingtian-node-image-history-grid>button>span{font-size:10px;display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.node-wrapper .qingtian-node-image-history.is-dark{background:#212124;color:#ddd;border-color:#45454a;box-shadow:0 8px 25px #0006}
.node-wrapper .qingtian-node-image-history.is-dark p,.node-wrapper .qingtian-node-image-history.is-dark header button{color:#aaa}
.node-wrapper .qingtian-node-image-history.is-dark .qingtian-node-image-history-grid>button{background:#19191b;border-color:#444;color:#ccc}
.node-wrapper .qingtian-node-image-history.is-dark .qingtian-node-image-history-grid>button.chosen{border-color:#8ac1ff}
.node-wrapper [data-node-history-overflow]{overflow:visible!important;content-visibility:visible!important}
.sketch-chat-composer-more-panel:has(.website-chat-generation-settings){width:320px;max-height:calc(100vh - 130px);overflow:auto}
.website-chat-generation-settings{padding:10px 0 12px;border-bottom:1px solid #8883;margin-bottom:8px;color:#52525b}
.website-chat-generation-tabs{display:flex;gap:4px;padding:3px;background:#f4f4f5;border-radius:9px;margin-bottom:12px}
.website-chat-generation-tabs button{flex:1;border:0;border-radius:7px;padding:6px;background:transparent;color:inherit;cursor:pointer}
.website-chat-generation-tabs button[aria-pressed=true]{background:white;color:#18181b;box-shadow:0 1px 2px #0001}
.website-chat-setting-model{display:grid;gap:7px;font-size:11px;margin-bottom:12px}
.website-chat-setting-model select{width:100%;border:1px solid #8883;background:transparent;color:inherit;border-radius:8px;padding:7px;font-size:12px}
.website-chat-setting-grid{border:0;padding:0;margin:0 0 12px;min-width:0}
.website-chat-setting-grid legend{padding:0;margin:0 0 7px;font-size:11px;color:#71717a}
.website-chat-setting-grid>div{display:flex;flex-wrap:wrap;gap:5px}
.website-chat-setting-grid button{flex:1 0 42px;min-width:42px;border:1px solid transparent;background:#f4f4f5;color:inherit;border-radius:8px;padding:8px 5px;font-size:11px;cursor:pointer}
.website-chat-setting-grid button[aria-pressed=true]{border-color:#27272a;background:#fff;color:#18181b}
.website-chat-generation-settings small{display:block;font-size:10px;line-height:1.5;color:#71717a}
.website-chat-generation-settings.is-dark{color:#d4d4d8}.is-dark .website-chat-generation-tabs,.is-dark .website-chat-setting-grid button{background:#27272a}.is-dark .website-chat-generation-tabs button[aria-pressed=true],.is-dark .website-chat-setting-grid button[aria-pressed=true]{background:#3f3f46;color:#fafafa;border-color:#a1a1aa}
.website-chat-reference-pill{display:inline-flex;align-items:center;gap:5px;height:24px;border:1px solid #b4b4bd;background:#fafafa;border-radius:14px;padding:2px 6px 2px 3px;font-size:11px;color:#3f3f46}
.website-chat-reference-pill.is-dark{background:#27272a;border-color:#52525b;color:#e4e4e7}
.website-chat-reference-preview{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;overflow:hidden;flex-shrink:0}
.website-chat-reference-preview img,.website-chat-reference-preview video{width:100%;height:100%;object-fit:cover}
.website-chat-reference-pill>button{border:0;background:none;color:inherit;cursor:pointer;padding:0 2px;opacity:.6}
.website-chat-sent-media{display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.website-chat-sent-media img,.website-chat-sent-media video{width:100%;height:100%;object-fit:cover}
.website-chat-preview-retry{border:0;background:transparent;color:inherit;cursor:pointer}
.project-io-overlay{z-index:20000}.project-io-import-card .project-io-option-card-body{display:flex;flex-direction:column;gap:4px}.project-io-import-card .project-io-option-card-desc{margin-top:0}.qingtian-generation-node-background{position:absolute;inset:0;background:#101014;border-radius:16px;pointer-events:none}
.qingtian-generation-node-background.is-static{background:#f4f4f5}
.qingtian-generation-node-background.is-static.is-dark{background:#202024}
.qingtian-generation-node-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;max-width:calc(100% - 32px);box-sizing:border-box;border:1px solid #e4e4e7;border-radius:10px;padding:8px 14px;background:#ffffffed;color:#27272a;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000014}
.qingtian-generation-node-status.is-dark{background:#202024ed;border-color:#ffffff24;color:#f4f4f5}
.website-video-read-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;background:#18181bd9;color:#fff;font-size:12px;line-height:1.6;text-align:center;z-index:15}.website-video-read-state button{border:1px solid #ffffff60;border-radius:8px;padding:5px 10px;color:inherit;background:#ffffff18;cursor:pointer}.website-video-player .video-hover-controls{max-width:100%;box-sizing:border-box}.node-wrapper .website-video-player .video-hover-controls{bottom:20px}.website-video-player .video-progress-track{min-width:28px}
.user-guide-entry{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#a1a1aa;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.user-guide-entry:hover{background:#ffffff0f;color:#e4e4e7}
.user-guide-entry-light{color:#71717a;background:transparent}
.user-guide-entry-light:hover{background:#00000008;color:#27272a}
.user-tour{--tour-bg:#1f1f1f;--tour-text:#f4f4f5;--tour-muted:#a1a1aa;--tour-border:#27272a;--tour-accent:#e4e4e7;--tour-inset:#ffffff06;--tour-highlight:#e4e4e7;--tour-primary:#f4f4f5;--tour-primary-text:#18181b;color:var(--tour-text);font-family:ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif}
.user-tour-light{--tour-bg:#ffffff;--tour-text:#18181b;--tour-muted:#71717a;--tour-border:#d4d4d8;--tour-accent:#3f3f46;--tour-inset:#f4f4f5;--tour-highlight:#52525b;--tour-primary:#27272a;--tour-primary-text:#ffffff}
.user-tour-shade{position:fixed;z-index:100000;background:#09090bb3;touch-action:none}
.user-tour-full-shade{inset:0}
.user-tour-spotlight{position:fixed;z-index:100001;pointer-events:none;border:2px solid var(--tour-highlight);border-radius:10px;box-shadow:0 0 0 4px #a1a1aa25;box-sizing:border-box}
.user-tour-generation-cover{position:fixed;z-index:100002;cursor:default}
.user-tour-double-click{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 9px;border-radius:6px;background:var(--tour-bg);color:var(--tour-text);font-size:12px;white-space:nowrap;line-height:1.4}
.user-tour-card{position:fixed;z-index:100010;box-sizing:border-box;padding:22px;border:1px solid var(--tour-border);border-radius:16px;background:var(--tour-bg);box-shadow:0 8px 28px #0003;color:var(--tour-text);max-height:calc(100dvh - 24px);overflow-y:auto;font-size:13px;line-height:1.65;outline:none;overscroll-behavior:contain}
.user-tour-welcome{width:min(400px,calc(100vw - 24px));left:50%;top:50%;transform:translate(-50%,-50%);padding:26px}
.user-tour-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.user-tour-eyebrow{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--tour-accent)}
.user-tour-dismiss{border:0;background:transparent;color:var(--tour-muted);font-size:24px;line-height:24px;padding:0 3px;cursor:pointer}
.user-tour-card h2{font-size:19px;font-weight:650;line-height:1.4;margin:0 0 10px;color:var(--tour-text);letter-spacing:-.3px}
.user-tour-description{margin:0;color:var(--tour-muted);line-height:1.8}
.user-tour-emblem{width:42px;height:42px;display:grid;place-items:center;color:var(--tour-accent);background:var(--tour-inset);border:1px solid var(--tour-border);border-radius:12px;margin:10px 0 18px}
.user-tour-emblem svg{width:24px;height:24px}
.user-tour-progress{display:flex;gap:5px;margin:18px 0 0}
.user-tour-progress span{height:3px;border-radius:4px;background:var(--tour-border);flex:1}
.user-tour-progress .filled{background:var(--tour-accent)}
.user-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}
.user-tour-actions button{border-radius:8px;padding:9px 12px;font:inherit;font-size:12px;font-weight:500;cursor:pointer;line-height:1.45}
.user-tour-primary{background:var(--tour-primary);color:var(--tour-primary-text);border:1px solid var(--tour-primary)}
.user-tour-primary:hover:not(:disabled){opacity:.88}
.user-tour-primary:disabled{color:var(--tour-muted);background:var(--tour-inset);border-color:var(--tour-border);cursor:default;font-size:11px}
.user-tour-secondary{border:0;background:transparent;color:var(--tour-muted);padding-left:0!important}
.user-tour-secondary:hover{color:var(--tour-text)}
.user-tour-example{padding:12px;margin-top:14px;border:1px solid var(--tour-border);border-radius:9px;background:var(--tour-inset)}
.user-tour-example small{color:var(--tour-accent);font-size:11px}
.user-tour-example p{font-size:12px;margin:5px 0 9px;line-height:1.7;user-select:text}
.user-tour-example button{border:0;background:transparent;padding:0;color:var(--tour-accent);font:inherit;font-size:11px;cursor:pointer;text-align:left}
.user-tour-recovery{color:var(--tour-accent);font-size:12px;margin-bottom:0}
.user-tour button:focus-visible,.user-guide-entry:focus-visible{outline:2px solid #a1a1aa;outline-offset:3px}
@media(max-width:1000px){.user-guide-entry{position:fixed;top:70px;left:16px;z-index:60;padding:7px 10px!important;background:#24252c!important;box-shadow:0 3px 12px #0002}.user-guide-entry-light{background:#fff!important}}
@media(max-width:900px){body:has([data-user-tour] [data-tour-target="parameters"]) .node-dropdown-menu{max-height:clamp(150px,calc(100dvh - 540px),320px)!important}body:has([data-user-tour]) [data-canvas-bottom-left-dock]{visibility:hidden;pointer-events:none}}
@media(max-width:480px){.user-tour-card{padding:18px}.user-tour-card h2{font-size:17px}.user-tour-description{font-size:12px}.user-tour-example{padding:10px}.user-tour-actions{margin-top:15px}}
/* Keep the existing native controls usable when their combined width is
   wider than the mobile composer; preserve their normal styling. */
@media(max-width:600px){.qiaodoumayi-gen-toolbar{flex-wrap:wrap!important;row-gap:6px!important}.qiaodoumayi-gen-submit-wrap{margin-left:auto!important}}
@media(prefers-reduced-motion:reduce){.user-tour-spotlight{transition:none}}
.qingtian-studio-account{padding:4px 2px 8px;max-width:100%}.qingtian-studio-account>.canvas-app{flex-wrap:wrap}.qingtian-studio-account .header-actions{max-width:100%;min-width:0}.qingtian-studio-account .account-entry{gap:4px;min-width:0}.qingtian-studio-account .header-actions>.account-entry>button{height:32px;min-height:32px;padding:0 8px;font-size:11px;box-shadow:none}.qingtian-studio-account .header-account-action{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qingtian-studio-account .header-credit-action{flex-shrink:0}.qingtian-file-export{position:fixed;z-index:25000;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;max-width:85vw;padding:14px 20px;border:1px solid #555;border-radius:14px;background:#202024;color:#fafafa;font-size:13px;box-shadow:0 8px 30px #0005}.qingtian-file-export button{border:1px solid #888;border-radius:8px;padding:5px 12px;cursor:pointer;background:transparent;color:inherit}.qingtian-capability-node{height:100%;display:flex;flex-direction:column;min-height:0}.qingtian-capability-node>div:last-child{flex:1;min-height:0}.qingtian-capability-notice{padding:8px 10px;font-size:11px;line-height:1.6;background:#88734422;color:inherit;flex-shrink:0}[data-director3d-workbench][data-exporting="true"]{pointer-events:none}