:root{color-scheme:light}.ai-project-home-shell{--line:#e8e8e6;width:100vw;height:100vh;overflow-y:auto;display:grid;grid-template-rows:58px 1fr;background:#fafafa;color:#17181a;font-family:Jost,Microsoft YaHei,PingFang SC,sans-serif}.ai-project-home-shell .studio-header{grid-column:1;position:sticky;top:0}.ai-project-home{width:min(1480px,calc(100% - 56px));margin:0 auto;padding:48px 0 72px}.ai-project-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.ai-project-home-head h1{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.035em}.ai-project-home-head p{margin:8px 0 0;color:#85888d;font-size:13px}.ai-project-home-tools{display:flex;gap:10px}.ai-project-home-tools label{width:260px;height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dedfdf;border-radius:9px;background:#fff;color:#85888d}.ai-project-home-tools input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#17181a;font:500 13px/1 inherit}.ai-project-home-tools select{height:40px;padding:0 34px 0 13px;border:1px solid #dedfdf;border-radius:9px;background:#fff;color:#303236;font:600 12px/1 inherit}.ai-project-home-error{margin:-12px 0 20px;padding:10px 12px;border:1px solid #f1c6bf;border-radius:8px;background:#fff4f2;color:#a83f32;font-size:12px}.ai-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;align-items:start}.ai-project-create-card,.ai-project-card{position:relative;min-width:0;aspect-ratio:16/10;overflow:hidden;border:1px solid #e1e2e2;border-radius:11px;background:#fff;box-shadow:0 2px 10px #14161906}.ai-project-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-style:dashed;color:#202225;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ai-project-create-card i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:2px;border-radius:50%;background:#fff8e9;color:#c58b24}.ai-project-create-card strong{font-size:15px}.ai-project-create-card span{color:#9a9ca1;font-size:11px}.ai-project-create-card:hover,.ai-project-card:hover{transform:translateY(-2px);border-color:#c9963c;box-shadow:0 12px 28px #1d1b1617}.ai-project-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ai-project-card-open{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer}.ai-project-cover{min-height:0;overflow:hidden;background:#f1f1ef}.ai-project-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}.ai-project-card:hover .ai-project-cover img{transform:scale(1.025)}.ai-project-cover>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#bbbcbf}.ai-project-cover small{font-size:11px}.ai-project-meta{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px 25px}.ai-project-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ai-project-meta span{display:flex;align-items:center;gap:4px;color:#9a9ca1;font-size:10px;white-space:nowrap}.ai-project-storage{position:absolute;right:13px;bottom:9px;display:flex;align-items:center;gap:5px;color:#767a7f;font-size:10px;pointer-events:none}.ai-project-delete{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:#191a1c9e;color:#fff;opacity:0;cursor:pointer;backdrop-filter:blur(8px);transition:opacity .15s ease,background .15s ease}.ai-project-card:hover .ai-project-delete,.ai-project-delete:focus-visible{opacity:1}.ai-project-delete:hover{background:#bb4438}.ai-project-rename{position:absolute;top:10px;right:47px;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:#191a1c9e;color:#fff;opacity:0;cursor:pointer;backdrop-filter:blur(8px);transition:opacity .15s ease,background .15s ease}.ai-project-card:hover .ai-project-rename,.ai-project-rename:focus-visible{opacity:1}.ai-project-rename:hover{background:#3f6ea8}.ai-project-search-empty{min-height:180px;display:grid;place-items:center;color:#94969a;font-size:13px}.ai-project-dialog-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#11121461;backdrop-filter:blur(5px)}.ai-project-dialog{width:min(440px,100%);padding:20px;border:1px solid #e6e2da;border-radius:14px;background:#fff;box-shadow:0 28px 80px #12121233}.ai-project-dialog header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.ai-project-dialog header div{display:flex;flex-direction:column;gap:5px}.ai-project-dialog header strong{font-size:18px}.ai-project-dialog header span{color:#8b8d91;font-size:11px}.ai-project-dialog header button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#f4f4f3;color:#666;cursor:pointer}.ai-project-dialog>label{display:flex;flex-direction:column;gap:8px;color:#4d5054;font-size:12px;font-weight:700}.ai-project-dialog input{height:44px;padding:0 13px;border:1px solid #d9dadd;border-radius:9px;outline:0;font:500 14px/1 inherit}.ai-project-dialog input:focus{border-color:#c9963c;box-shadow:0 0 0 3px #c9963c1f}.ai-project-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.ai-project-dialog footer button{height:38px;padding:0 16px;border:1px solid #dedfdf;border-radius:8px;background:#fff;color:#4c4e52;font:700 12px/1 inherit;cursor:pointer}.ai-project-dialog footer .primary{border-color:#17181a;background:#17181a;color:#fff}.ai-project-dialog footer button:disabled{opacity:.55;cursor:wait}@media(max-width:1100px){.ai-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ai-project-home{width:min(100% - 28px,680px);padding:28px 0 48px}.ai-project-home-head{align-items:stretch;flex-direction:column;margin-bottom:20px}.ai-project-home-head h1{font-size:25px}.ai-project-home-tools{width:100%}.ai-project-home-tools label{width:auto;flex:1}.ai-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}@media(max-width:480px){.ai-project-grid{grid-template-columns:1fr}.ai-project-create-card,.ai-project-card{aspect-ratio:16/9}.ai-project-home-tools select{width:116px}}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#f4f5f6;color:#191a1c;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,textarea,select{font:inherit}button{cursor:pointer}.react-studio{--line:#e4e5e7;--muted:#73767c;--panel:#fff;--composer-width:390px;--history-width:224px;position:relative;display:grid;grid-template:56px minmax(0,1fr) / var(--history-width) minmax(280px,1fr) var(--composer-width);width:100vw;height:100vh;background:#f5f6f7}.react-studio.history-collapsed{grid-template-columns:44px minmax(280px,1fr) var(--composer-width)}.studio-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(16px);z-index:10}.studio-brand,.studio-header-actions a{color:inherit;text-decoration:none}.studio-brand{display:flex;align-items:center;gap:10px;min-width:178px;font-size:13px}.studio-brand>img{display:block;width:34px;height:34px;overflow:hidden;border-radius:50%;object-fit:cover;box-shadow:0 5px 14px #3642302e}.studio-brand strong{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.studio-brand-word{color:#18201b;font-family:Cormorant Garamond,Times New Roman,serif;font-size:15px;font-weight:500;letter-spacing:.18em;line-height:1;white-space:nowrap}.studio-brand-word span{color:#5c6642;font-weight:600}.studio-beta-badge{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#252729;color:#fff;font-family:Jost,Microsoft YaHei,PingFang SC,sans-serif;font-size:8px;font-weight:700;letter-spacing:0;line-height:1.15;vertical-align:middle}.studio-brand strong em{color:#85888d;font-family:Jost,Microsoft YaHei,PingFang SC,sans-serif;font-size:8px;font-style:normal;font-weight:700;letter-spacing:.22em;line-height:1;text-transform:uppercase;white-space:nowrap}.studio-header-actions{display:flex;align-items:center;gap:7px}.project-save-indicator{min-width:72px;color:#767a7f;font-size:10px;text-align:center}.project-save-indicator.is-saving{color:#a87318}.project-save-indicator.is-error{color:#b34337}.project-return-button{max-width:190px}.project-return-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-header-actions a,.studio-header-actions button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#55585d;font-size:12px}.studio-header-actions a:hover,.studio-header-actions button:hover{border-color:var(--line);background:#fff;color:#17181a}.studio-theme-toggle{border-color:var(--line)!important;background:#fff!important;color:#55585d!important}.studio-header-actions .credit-chip{border-color:#ead4a6;color:#996818;background:#fffaf0}.studio-history,.studio-composer{min-height:0;background:var(--panel)}.studio-history{border-right:1px solid var(--line);overflow:auto;padding:14px 10px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 11px}.panel-title span{font-size:13px;font-weight:800}.panel-title small{color:#9a9da2;font-size:10px}.history-title-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.history-collapse{position:relative;z-index:5;display:grid;width:28px;height:28px;flex:0 0 28px;margin-left:auto;padding:0;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#303238;box-shadow:0 2px 8px #14171b17}.history-collapse:hover{background:#f0f1f2;color:#202226}.history-collapsed .studio-history{overflow:hidden;padding:14px 8px}.history-collapsed .studio-history .panel-title{justify-content:center;padding:0}.history-collapsed .studio-history .panel-title span,.history-collapsed .studio-history .panel-title small,.history-collapsed .studio-history .history-list{display:none}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.history-bulk-actions{position:sticky;bottom:6px;z-index:20;display:flex;align-items:center;gap:4px;margin:8px 0 0;padding:5px;border:1px solid rgba(214,179,111,.62);border-radius:9px;background:#fffcf6f7;color:#73552a;font-size:9px;font-weight:700;box-shadow:0 8px 26px #1b1d2121;backdrop-filter:blur(12px);white-space:nowrap}.history-bulk-actions span{min-width:34px;margin-right:auto;white-space:nowrap}.history-bulk-actions button{display:inline-flex;min-height:26px;flex:0 0 auto;align-items:center;gap:3px;padding:0 7px;border:1px solid #dfc99f;border-radius:6px;background:#fff;color:#76521d;font-size:9px;font-weight:700;white-space:nowrap}.history-bulk-actions button:hover{background:#f5e3bc}.history-bulk-actions button.danger{border-color:#f1c7c1;color:#bd483b}.history-bulk-actions button:disabled{opacity:.38;cursor:not-allowed}.history-item{position:relative}.history-item.is-selected .history-open{border-color:#cf942b;background:#fff9ed}.history-controls{position:absolute;z-index:7;top:6px;right:6px;display:flex;align-items:center;gap:3px;transform:none}.history-select{display:grid;width:16px;height:16px;flex:0 0 16px;padding:0;place-items:center;border:1px solid #c5c8cc;border-radius:3px;background:#fff;color:transparent;box-shadow:0 1px 3px #14171b14;opacity:0;pointer-events:none;transition:border-color .15s,background .15s,color .15s,opacity .16s}.history-select svg{width:10px;height:10px}.history-select:hover{border-color:#c9912f;background:#fffaf0}.history-item:hover .history-select,.history-item:focus-within .history-select,.history-select[aria-pressed=true]{opacity:1;pointer-events:auto}.history-select[aria-pressed=true]{border-color:#c9912f;background:#c9912f;color:#fff}.history-list .history-open{display:block;width:100%;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;overflow:hidden;line-height:0}.history-list .history-open:hover{border-color:#c9912f}.history-list .history-open:hover{border-color:var(--line);background:#f7f8f8}.history-actions{display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity .16s}.history-actions button{width:19px;height:19px;display:grid;place-items:center;padding:0;border:1px solid rgba(222,224,227,.9);border-radius:4px;background:#fffffff5;color:#777b81;box-shadow:0 1px 4px #14171b1a;transition:background .16s,color .16s}.history-actions button svg{width:11px;height:11px}.history-item:hover .history-actions,.history-item.is-selected .history-actions,.history-actions:focus-within{opacity:1;pointer-events:auto}.history-resize-handle{position:absolute;left:calc(var(--history-width) - 8px);top:56px;bottom:0;z-index:35;width:16px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}.history-resize-handle:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:#d7d9dc;transition:width .15s,background .15s,box-shadow .15s}.history-resize-handle span{position:absolute;left:1px;top:50%;width:14px;height:54px;transform:translateY(-50%);border:1px solid #d1d3d6;border-radius:8px;background:#fffffff5;box-shadow:0 4px 14px #16181c21;opacity:0;transition:opacity .15s}.history-resize-handle:hover:before,.history-resize-handle:active:before,.history-resize-handle:focus-visible:before{width:3px;background:#202124;box-shadow:0 0 0 3px #d29a3721}.history-resize-handle:hover span,.history-resize-handle:active span,.history-resize-handle:focus-visible span{opacity:1}.history-download:hover{background:#edf5ee;color:#3f7449}.history-cover{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;background:#191a1c8c;color:#fff;cursor:pointer}.history-cover:hover:not(:disabled){background:#b8862f}.history-cover:disabled{opacity:.4;cursor:default}.history-delete:hover{background:#fff0ee;color:#c34535}.history-list img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#eee}.history-generating{display:flex;width:100%;aspect-ratio:4/3;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;background:#f1f2f3;color:#65686e}.history-generating strong{font-size:11px;font-weight:700}.history-generating small{color:#96999e;font-size:8px}.empty-copy{padding:34px 8px;color:#9a9da2;text-align:center;font-size:12px}.studio-canvas{position:relative;min-width:0;min-height:0;overflow:hidden;background-color:#f1f2f3;background-image:radial-gradient(#d9dbde 1px,transparent 1px);background-size:18px 18px}.studio-canvas.canvas-surface-dark{background-color:#17191b;background-image:linear-gradient(rgba(118,124,132,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(118,124,132,.23) 1px,transparent 1px);background-size:24px 24px}.studio-canvas.canvas-grid-lines{background-image:linear-gradient(rgba(185,190,196,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(185,190,196,.35) 1px,transparent 1px);background-size:24px 24px}.studio-canvas.canvas-surface-dark.canvas-grid-lines{background-image:linear-gradient(rgba(118,124,132,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(118,124,132,.25) 1px,transparent 1px)}.studio-canvas.canvas-grid-blank,.studio-canvas.canvas-surface-dark.canvas-grid-blank{background-image:none}.studio-canvas.canvas-surface-light.canvas-grid-dots .compact-workbench{background-color:#f7f8f9;background-image:radial-gradient(#d5d8dc 1px,transparent 1px);background-size:18px 18px}.studio-canvas.canvas-surface-light.canvas-grid-lines .compact-workbench{background-color:#f7f8f9;background-image:linear-gradient(rgba(185,190,196,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(185,190,196,.34) 1px,transparent 1px);background-size:24px 24px}.studio-canvas.canvas-surface-light.canvas-grid-blank .compact-workbench{background-color:#fff;background-image:none}.studio-canvas.canvas-surface-dark.canvas-grid-dots .compact-workbench{background-color:#15181b;background-image:radial-gradient(rgba(134,141,149,.4) 1px,transparent 1px);background-size:18px 18px}.studio-canvas.canvas-surface-dark.canvas-grid-lines .compact-workbench{background-color:#15181b;background-image:linear-gradient(rgba(103,110,118,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(103,110,118,.25) 1px,transparent 1px);background-size:24px 24px}.studio-canvas.canvas-surface-dark.canvas-grid-blank .compact-workbench{background-color:#15181b;background-image:none}.canvas-agent-world-layer{display:none!important;position:absolute;z-index:20;width:0;height:0;overflow:visible;pointer-events:none}.canvas-agent-document-rail{position:absolute;z-index:34;left:16px;top:16px;width:220px;max-height:min(60vh,420px);overflow:auto;padding:10px;border:1px solid #dfe4df;border-radius:12px;background:#fffffff0;box-shadow:0 12px 30px #181a1e24;backdrop-filter:blur(14px)}.canvas-agent-document-rail{display:none!important}.canvas-agent-document-rail-head{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 8px;color:#536158;font-size:11px}.canvas-agent-document-rail-head span{color:#99a09a;font-size:10px}.canvas-agent-document-rail button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;width:100%;margin-top:6px;padding:8px 9px;border:1px solid #e1e7e1;border-radius:8px;background:#fff;color:#506056;text-align:left;cursor:pointer}.canvas-agent-document-rail button:hover{border-color:#a9c0ad;background:#f7fbf7}.canvas-agent-document-rail button.is-active{border-color:#4d8b5a;background:#edf7ef;box-shadow:inset 3px 0 #4d8b5a}.canvas-agent-document-rail button span{grid-row:span 2;align-self:start;padding:2px 4px;border-radius:4px;background:#eef2ee;color:#5b765f;font-size:9px}.canvas-agent-document-rail button strong{min-width:0;overflow:hidden;color:#303a33;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-document-rail button small{color:#8b958d;font-size:9px}.canvas-agent-secondary-object{position:absolute;z-index:18;display:flex;flex-direction:column;gap:7px;min-height:150px;padding:13px;border:1px solid #d5ddd5;border-radius:11px;background:#f8fbf8f5;box-shadow:0 14px 32px #181a1e24;color:#3e5143;text-align:left;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%) scale(.58);transform-origin:center center}.canvas-agent-secondary-object:hover{border-color:#7aa680;box-shadow:0 0 0 2px #4d8b5a33,0 16px 34px #181a1e2e}.canvas-agent-secondary-object-meta{display:flex;align-items:center;gap:5px;color:#6b8470;font-size:10px}.canvas-agent-secondary-object strong{color:#26372b;font-size:16px}.canvas-agent-secondary-object small{color:#849188;font-size:10px}.canvas-agent-secondary-object i{display:block;height:58px;margin-top:auto;border:1px dashed #b7c7b9;border-radius:6px;background:repeating-linear-gradient(135deg,#f0f5f0 0 8px,#e9f0e9 8px 16px)}.canvas-agent-board{position:absolute;left:50%;top:58px;z-index:20;width:min(760px,calc(100% - 42px));max-height:calc(100% - 112px);overflow:auto;transform:translate(-50%);border:1px solid rgba(210,214,218,.95);border-radius:13px;background:#fffffff0;box-shadow:0 18px 50px #181a1e2e;backdrop-filter:blur(16px)}.canvas-agent-board>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid #eceeef}.canvas-agent-board>header>div{display:flex;align-items:center;gap:7px;min-width:0}.canvas-agent-board>header svg{color:#b6761f}.canvas-agent-board>header strong{color:#2e3034;font-size:12px}.canvas-agent-board>header span{color:#8b8e93;font-size:10px}.canvas-agent-board>header button{min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#777a80;font-size:10px}.canvas-agent-board>header button:hover{border-color:#c9963c;color:#996818}.canvas-agent-object{overflow:visible;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.canvas-agent-object>header{width:max-content;max-width:calc(100% - 16px);min-height:42px;margin:0 auto 8px;padding:5px;border:1px solid rgba(210,214,218,.98);border-radius:14px;background:#fffffff7;box-shadow:0 6px 18px #181a1e1f;backdrop-filter:blur(16px)}.canvas-agent-object>header button{display:none}.canvas-agent-object>header small{margin-left:auto;color:#8b8e93;font-size:9px;white-space:nowrap}.canvas-agent-object .canvas-agent-grid-preview,.canvas-agent-object .canvas-agent-preview{border:1px solid rgba(210,214,218,.95);border-radius:11px;box-shadow:0 18px 50px #181a1e2e}.canvas-agent-object>header{display:flex;cursor:grab;touch-action:none;user-select:none}.canvas-agent-object>header>div:first-child{flex:0 1 auto;gap:8px;min-width:0;min-height:30px;padding:0 10px;border-radius:9px;background:#202226}.canvas-agent-object>header>div:first-child svg{color:#fff}.canvas-agent-object>header>div:first-child strong{overflow:hidden;color:#fff;font-size:12px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-object>header>div:first-child span{color:#bfc3c7;font-size:10px;white-space:nowrap}.canvas-agent-object>header:active{cursor:grabbing}.canvas-agent-object-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.canvas-agent-object-actions button{display:inline-flex!important;min-height:28px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #d9ded8;border-radius:8px;background:#fff;color:#515b54;font-size:10px;font-weight:650}.canvas-agent-object-actions button:hover{border-color:#315b3d;background:#f0f7f1;color:#315b3d}.canvas-agent-object-zoom,.canvas-agent-object-history-inline{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #d9ded8;border-radius:9px;background:#f7f8f7}.canvas-agent-object-zoom button,.canvas-agent-object-history-inline button{min-width:26px;min-height:24px;padding:0 5px;border:0;border-radius:7px;background:transparent}.canvas-agent-object-zoom span{min-width:38px;color:#667168;font-size:10px;text-align:center}.canvas-agent-object-actions button.is-delete{border-color:#efd2ca;color:#a34b3d}.canvas-agent-object-actions button.is-delete:hover{border-color:#cf8576;background:#fff5f2;color:#8c382d}.canvas-agent-object-resize-handle{position:absolute;right:-9px;bottom:-9px;z-index:35;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#d29a37;box-shadow:0 2px 8px #181a1e47;cursor:nwse-resize;touch-action:none}.canvas-agent-object-resize-handle:hover{background:#b47d22;transform:scale(1.08)}.canvas-agent-object-history-inline button{color:#68726b;cursor:pointer}.canvas-agent-object-history-inline button:hover{background:#eaf4eb;color:#315b3d}.canvas-agent-object .canvas-agent-grid-preview{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.canvas-agent-object .canvas-agent-grid-heading{margin:0 0 10px;padding:8px 11px;border:1px solid #dfe3df;border-radius:8px;background:#fffffff0;box-shadow:0 7px 20px #181a1e1a}.canvas-agent-object .canvas-agent-grid-heading{display:none}.canvas-agent-object .canvas-agent-dom-layout,.canvas-agent-object .canvas-agent-page-grid{gap:14px}.canvas-agent-object .canvas-agent-page{border-color:#d6dbd5;box-shadow:0 9px 24px #181a1e21}.canvas-agent-object .canvas-agent-page:hover,.canvas-agent-object .canvas-agent-page.selected{box-shadow:0 0 0 2px #315b3d47,0 12px 28px #181a1e29}.canvas-agent-object{pointer-events:auto}.compact-reference-toolbar{position:absolute;left:50%;top:-42px;z-index:28;display:flex;align-items:center;gap:4px;max-width:calc(100% - 8px);padding:4px 5px;transform:translate(-50%);border:1px solid #d7e0d8;border-radius:9px;background:#fffffff5;box-shadow:0 7px 18px #1a221c29;pointer-events:auto;white-space:nowrap}.compact-reference-toolbar-title{display:inline-flex;align-items:center;gap:4px;padding:0 5px;color:#4f6755;font-size:10px;font-weight:650}.compact-reference-toolbar button{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:0 7px;border:1px solid #dfe7e0;border-radius:6px;background:#fff;color:#4b6551;font-size:10px;cursor:pointer}.compact-reference-toolbar button:hover,.compact-reference-toolbar button.is-active{border-color:#84a88a;background:#eff8f0;color:#315b3d}.compact-reference-segments{position:absolute;inset:0;z-index:6;pointer-events:none}.compact-reference-segments i{position:absolute;display:block;border:1.5px solid #277a9a;background:#3d9dbe14;box-sizing:border-box}.compact-reference-segments i.is-text{border-color:#bd7131;background:#d68f4314}.compact-reference-segments i.is-shape{border-color:#6f8d50;background:#87a75e1a}.compact-reference-segments i.is-divider{border-color:#875ea9;background:#875ea91a}.compact-reference-segments b{position:absolute;left:3px;top:2px;max-width:calc(100% - 6px);overflow:hidden;padding:1px 3px;border-radius:3px;background:#ffffffdb;color:#3c4d43;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-object.is-selected>header{border-color:#c9912f;box-shadow:0 0 0 2px #c9912f4d,0 6px 18px #181a1e1f}.canvas-agent-object.is-selected .canvas-agent-grid-preview,.canvas-agent-object.is-selected .canvas-agent-preview,.canvas-agent-object.is-selected .canvas-agent-triptych-preview{outline:2px solid rgba(201,145,47,.55);outline-offset:6px;border-radius:4px}.canvas-agent-inspector{position:relative;z-index:6;align-self:start;display:grid;grid-auto-rows:max-content;width:214px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;gap:0;padding:0;border:1px solid #e6e3db;border-radius:10px;background:#fffffff7;color:#3a3833;box-shadow:0 12px 32px #1f201c24,0 2px 6px #1f201c0f;backdrop-filter:blur(14px)}.canvas-agent-inspector>header,.canvas-agent-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 10px 0 13px;border-bottom:1px solid #eeebe3}.canvas-agent-inspector>header>div,.canvas-agent-inspector-head>div{display:flex;align-items:center;gap:6px}.canvas-agent-inspector>header svg{color:#c9912f}.canvas-agent-inspector>header strong,.canvas-agent-inspector-head>strong{color:#2f2d29;font-size:13px;font-weight:700;letter-spacing:-.01em}.canvas-agent-inspector-head button{min-height:27px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#77746e;font-size:11px;font-weight:550;transition:background .12s,color .12s,border-color .12s}.canvas-agent-inspector-head button:hover{background:#f4f2ec;color:#2f2d29}.canvas-agent-inspector-head button:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.canvas-agent-inspector-head button.is-save{border-color:#c9912f;background:#c9912f;color:#fff;font-weight:600;box-shadow:0 1px 3px #96691e38}.canvas-agent-inspector-head button.is-save:hover{background:#b07d24;border-color:#b07d24}.canvas-agent-inspector-head button.is-delete{display:grid;width:27px;padding:0;place-items:center;color:#a8503f}.canvas-agent-inspector-head button.is-delete:hover{background:#fdf1ee;color:#8f3f30}.canvas-agent-inspector>header button{display:grid;width:26px;height:26px;place-items:center;padding:0;border:1px solid #e6e3db;border-radius:7px;background:#fff;color:#77746e}.canvas-agent-inspector>header button:hover{border-color:#c9912f;color:#8b621e;background:#fdf8ee}.canvas-agent-inspector-target{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;min-width:0;margin:10px 12px 0;padding:0 0 10px;border-bottom:1px solid #eeebe3}.canvas-agent-inspector-target span{padding:3px 6px;border-radius:5px;background:#f6f2e6;color:#96702a;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-agent-inspector-target strong{overflow:hidden;color:#3a3833;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-inspector-field{display:grid;gap:7px;margin:11px 12px 0}.canvas-agent-inspector-field>span{color:#73716b;font-size:11.5px;font-weight:650}.canvas-agent-inspector-field textarea{min-height:84px;resize:vertical;padding:9px 10px;border:1px solid #e2dfd7;border-radius:8px;outline:0;background:#fcfbf8;color:#2f2d29;font-size:12px;line-height:1.6;transition:border-color .12s,box-shadow .12s,background .12s}.canvas-agent-inspector-field textarea:focus{border-color:#c9912f;box-shadow:0 0 0 3px #c9912f21;background:#fff}.canvas-agent-inspector.is-empty .canvas-agent-inspector-target strong{color:#9a978e;font-weight:500}.canvas-agent-inspector.is-empty .canvas-agent-inspector-field,.canvas-agent-inspector.is-empty .canvas-agent-inspector-style-grid,.canvas-agent-inspector.is-empty .canvas-agent-inspector-group{opacity:.48;pointer-events:none}.canvas-agent-inspector-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 12px 0;padding-top:11px;border-top:1px solid #eeebe3}.canvas-agent-inspector-style-grid label{display:grid;gap:5px;min-width:0}.canvas-agent-inspector-style-grid label>span{color:#73716b;font-size:11px;font-weight:650}.canvas-agent-inspector-style-grid input,.canvas-agent-inspector-style-grid select,.canvas-agent-inspector-group input,.canvas-agent-inspector-group select{width:100%;min-height:29px;padding:0 8px;border:1px solid #e2dfd7;border-radius:7px;outline:0;background:#fff;color:#2f2d29;font-size:11.5px;transition:border-color .12s,box-shadow .12s}.canvas-agent-inspector-style-grid input:focus,.canvas-agent-inspector-style-grid select:focus,.canvas-agent-inspector-group input:focus,.canvas-agent-inspector-group select:focus{border-color:#c9912f;box-shadow:0 0 0 3px #c9912f21}.canvas-agent-inspector-style-grid input[type=color],.canvas-agent-inspector-group input[type=color]{padding:3px;cursor:pointer}.canvas-agent-inspector-group{display:grid;gap:8px;margin-top:0;padding:12px;border-top:1px solid #eeebe3}.canvas-agent-inspector-group h4{margin:0;color:#73716b;font-size:11px;font-weight:700;letter-spacing:.05em}.canvas-agent-inspector-group label{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:8px;color:#66645f;font-size:11.5px;font-weight:600}.canvas-agent-inspector-group label>span{white-space:nowrap}.canvas-agent-inspector-seg{display:flex;overflow:hidden;gap:2px;padding:2px;border:1px solid #e2dfd7;border-radius:8px;background:#f4f2ec}.canvas-agent-inspector-seg button{min-width:34px;height:26px;flex:1;border:0;border-radius:6px;background:transparent;color:#77746e;font-size:11px;font-weight:550;transition:background .12s,color .12s}.canvas-agent-inspector-seg button:hover{color:#2f2d29}.canvas-agent-inspector-seg button.active{background:#fff;color:#2f2d29;box-shadow:0 1px 2px #1f201c14}.canvas-agent-inspector-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-agent-inspector-pair label{grid-template-columns:1fr;gap:5px}.canvas-agent-inspector-actions{display:grid;gap:7px;margin:11px 12px}.canvas-agent-inspector-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid #c9912f;border-radius:8px;background:#fdf8ee;color:#8b621e;font-size:11.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.canvas-agent-inspector-action:hover{background:#f7edda;border-color:#b07d24;color:#7a5518}.canvas-agent-inspector-action.is-secondary{border-color:#e2dfd7;background:#fff;color:#6b6862}.canvas-agent-inspector-action.is-secondary:hover{border-color:#c9c5bb;background:#faf9f6;color:#3a3833}.canvas-agent-inspector>p{margin:0;padding:10px 12px 12px;border-top:1px solid #eeebe3;color:#9a978e;font-size:10.5px;line-height:1.55}.canvas-agent-element-text.selected{outline:2px solid #4a8dc1;outline-offset:4px;border-radius:2px}.canvas-agent-object .canvas-agent-dom-tree,.canvas-agent-object .canvas-agent-page,.canvas-agent-object .page-element{pointer-events:auto}.canvas-agent-preview{display:grid;grid-template-columns:.72fr 1.28fr;gap:17px;min-height:290px;padding:0;background:transparent}.canvas-agent-image-document{display:grid;width:min(620px,calc(100vw - 380px));max-width:100%;gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.canvas-agent-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#536256;font-size:10px}.canvas-agent-image-toolbar small{color:#9a9e96;font-size:8px}.canvas-agent-image-document>img{display:block;width:100%;max-height:60vh;object-fit:contain;background:#f1f2f0}.canvas-agent-image-empty{display:grid;min-height:240px;place-items:center;color:#9a9e96;background:#f1f2f0;font-size:10px}.canvas-agent-image-caption{padding:7px 8px;border:1px solid transparent;border-radius:6px;color:#606760;font-size:10px;line-height:1.55;outline:none}.canvas-agent-image-caption:hover,.canvas-agent-image-caption:focus,.canvas-agent-image-caption.selected{border-color:#cfded1;background:#f5faf5}.canvas-agent-triptych-preview{width:min(700px,calc(100vw - 380px));max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.canvas-agent-triptych-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:4px 3px 10px}.canvas-agent-triptych-heading small{color:#6f756e;font-size:8px;letter-spacing:.04em}.canvas-agent-triptych-heading h3{margin:5px 0 0;color:#303231;font-size:18px;letter-spacing:-.04em}.canvas-agent-triptych-heading p{max-width:280px;margin:0;color:#767a73;font-size:9px;line-height:1.5;text-align:right}.canvas-agent-selection-hint{align-self:flex-end;color:#8a9389;font-size:8px;white-space:nowrap}.canvas-agent-group-toolbar{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:6px 8px;border:1px solid #d9e3da;border-radius:7px;background:#f5faf5;color:#52715a;font-size:9px}.canvas-agent-group-toolbar span{margin-right:auto}.canvas-agent-group-toolbar button{min-height:24px;padding:0 8px;border:1px solid #cbdccc;border-radius:5px;background:#fff;color:#315b3d;font-size:9px;font-weight:700}.canvas-agent-group-toolbar button:hover{border-color:#87aa8d;background:#eaf4eb}.canvas-agent-align-toolbar{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 0 8px;padding:5px 6px;overflow-x:auto;border:1px solid #dedfdc;border-radius:11px;background:#fffffffa;color:#4d5550;font-size:10.5px;box-shadow:0 4px 12px #1e221f14;scrollbar-width:none}.canvas-agent-align-toolbar span{margin-right:3px;font-weight:700}.canvas-agent-align-toolbar button{min-height:28px;padding:0 8px;border:1px solid #e2e3e0;border-radius:7px;background:#fff;color:#4e5751;font-size:10.5px;cursor:pointer}.canvas-agent-align-toolbar button:hover{border-color:#86a98d;background:#f0f8f1;color:#315b3d}.canvas-agent-align-toolbar i{width:1px;height:16px;margin:0 2px;background:#e1e7e2}.canvas-agent-triptych-list{position:relative;display:block;width:100%;height:540px;cursor:crosshair}.canvas-agent-marquee{position:absolute;z-index:40;display:block;border:1px solid #3c8cc3;border-radius:2px;background:#3c8cc31f;box-shadow:0 0 0 1px #ffffffb8 inset;pointer-events:none}.canvas-agent-marquee-capture{position:absolute;inset:0;z-index:80;cursor:crosshair;background:#315b3d06;touch-action:none}.canvas-agent-marquee-capture:after{content:"请从左上角拖到右下角选择生成区域";position:absolute;left:50%;top:50%;padding:8px 12px;border:1px solid rgba(60,140,195,.4);border-radius:7px;transform:translate(-50%,-50%);background:#ffffffe6;color:#3c6f91;font-size:12px;pointer-events:none}.canvas-agent-marquee-capture .canvas-agent-marquee{z-index:81}.canvas-agent-region-outline{position:absolute;z-index:79;display:block;border:2px dashed #3c8cc3;border-radius:6px;background:#3c8cc30f;box-shadow:0 0 0 1px #ffffffe6 inset;pointer-events:none}.canvas-agent-region-delete{position:absolute;z-index:81;display:grid;width:32px;height:32px;padding:0;transform:translate(-50%,-50%);place-items:center;border:1px solid #c8d9e5;border-radius:999px;background:#fff;color:#3b6f92;box-shadow:0 5px 16px #18374c2e;pointer-events:auto;cursor:pointer}.canvas-agent-region-delete:hover{border-color:#d36257;color:#c04b42}.canvas-agent-selection-actions{position:absolute;left:50%;bottom:18px;z-index:82;display:flex;align-items:center;gap:7px;transform:translate(-50%);padding:7px 9px;border:1px solid #d9e3da;border-radius:8px;background:#f7fbf7f5;box-shadow:0 8px 20px #1e322321;color:#52715a;font-size:10px}.canvas-agent-selection-actions span{margin-right:4px}.canvas-agent-selection-actions button{min-height:25px;padding:0 8px;border:1px solid #cbdccc;border-radius:5px;background:#fff;color:#315b3d;font-size:10px;font-weight:700}.canvas-agent-selection-actions button:hover{border-color:#87aa8d;background:#eaf4eb}.canvas-agent-region-toggle{width:calc(100% - 28px);min-height:36px;margin:10px 14px 8px;border:1px solid #dfe2e5;border-radius:9px;background:#f7f8f9;color:#555a60;font-size:11px;font-weight:700;transition:border-color .12s,background .12s,color .12s}.canvas-agent-region-toggle:hover{border-color:#c9912f;background:#fdf8ee;color:#8b621e}.canvas-agent-region-toggle.is-active{border-color:#c9912f;background:#c9912f;color:#fff;box-shadow:0 1px 3px #96691e38}.canvas-agent-object-actions button.is-active{border-color:#315b3d;background:#315b3d;color:#fff}.canvas-agent-triptych-card{position:absolute;left:0;width:100%;height:164px;min-height:164px;display:grid;grid-template-columns:1.06fr .94fr;gap:18px;padding:18px;box-sizing:border-box;border:1px solid #393a3b;border-radius:2px;background:#4a4b4c;color:#fff;cursor:grab;transition:box-shadow .16s,border-color .16s,transform .16s}.canvas-agent-triptych-card:active{cursor:grabbing}.canvas-agent-snap-guide{position:absolute;z-index:30;display:block;pointer-events:none;background:#2d8dbb;box-shadow:0 0 0 1px #fff9,0 0 8px #2d8dbb6b}.canvas-agent-snap-guide.is-x{top:-12px;bottom:-12px;width:1px}.canvas-agent-snap-guide.is-y{left:-12px;right:-12px;height:1px}.canvas-agent-triptych-card:hover,.canvas-agent-triptych-card.selected{border-color:#c69a52;box-shadow:0 0 0 2px #c69a528f,0 10px 24px #14161733;transform:translateY(-1px)}.canvas-agent-triptych-card.multi-selected{border-color:#3c8cc3;box-shadow:0 0 0 2px #3c8cc39e,0 10px 24px #1416172e}.canvas-agent-triptych-media{display:grid;height:126px;min-height:126px;place-items:center;overflow:hidden;background:#a7a8a8;color:#595b5b}.canvas-agent-triptych-media img{display:block;width:100%;height:126px;min-height:126px;object-fit:cover}.canvas-agent-triptych-media span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.canvas-agent-triptych-media b{font-size:10px}.canvas-agent-triptych-media small{color:#676a69;font-size:8px}.canvas-agent-triptych-copy{display:flex;justify-content:center;flex-direction:column;min-width:0;overflow:hidden}.canvas-agent-triptych-copy>small{color:#c8c9c6;font-size:8px;letter-spacing:.1em}.canvas-agent-triptych-copy h4{margin:8px 0 10px;color:#fff;font-size:18px;line-height:1.05}.canvas-agent-triptych-copy p{margin:0;color:#d0d1ce;font-size:9px;line-height:1.65}.canvas-agent-triptych-copy em{margin-top:13px;color:#bfc1bd;font-size:8px;font-style:normal}.canvas-agent-copy{display:flex;justify-content:center;flex-direction:column;padding:12px}.canvas-agent-copy small{color:#9a9a93;font-size:9px}.canvas-agent-editable{position:relative;width:100%;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.canvas-agent-editable:hover,.canvas-agent-editable.selected{border-color:#c49448;background:#fffaf0;box-shadow:0 0 0 3px #c494481a}.canvas-agent-copy h3{margin:12px 0 13px;padding:3px 4px;color:#202225;font-size:30px;line-height:1.02;letter-spacing:-.05em}.canvas-agent-copy p{max-width:220px;margin:0;padding:4px;color:#777a76;font-size:10px;line-height:1.7}.canvas-agent-slots{display:grid;grid-template-columns:1.5fr 1fr;grid-auto-rows:minmax(82px,1fr);gap:8px;min-height:250px}.canvas-agent-slot{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px dashed #b8bbb6;border-radius:5px;background:#e8e8e3;color:#747770;cursor:pointer}.canvas-agent-slot:first-child{grid-row:span 2}.canvas-agent-slot:hover{border-color:#c38c2d;box-shadow:inset 0 0 0 1px #c38c2d}.canvas-agent-slot.selected{border-color:#315b3d;box-shadow:inset 0 0 0 2px #315b3d,0 0 0 3px #315b3d21}.canvas-agent-slot img{display:block;width:100%;height:100%;object-fit:cover}.canvas-agent-slot>span{display:flex;height:100%;min-height:82px;align-items:center;justify-content:center;gap:5px;flex-direction:column}.canvas-agent-slot b{font-size:9px}.canvas-agent-slot small{color:#9a9c96;font-size:8px}.canvas-agent-slot.filled:after{content:"替换图片";position:absolute;right:6px;bottom:6px;padding:3px 6px;border-radius:4px;background:#16181abf;color:#fff;font-size:8px}.canvas-agent-grid-preview{padding:16px 18px 18px;background:#f8f7f3}.canvas-agent-grid-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.canvas-agent-grid-heading small{color:#979a93;font-size:8px}.canvas-agent-grid-heading h3{margin:6px 0 0;color:#202225;font-size:18px;letter-spacing:-.04em}.canvas-agent-grid-heading p{max-width:300px;margin:0;color:#777a76;font-size:9px;line-height:1.5;text-align:right}.canvas-agent-dom-layout{display:grid;grid-template-columns:minmax(220px,240px) minmax(0,1fr) 214px;gap:12px;align-items:stretch}.canvas-agent-dom-tree{position:relative;grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:10px;border:1px solid #dedfdc;border-radius:10px;background:#f8f8f6;color:#2f332f;box-shadow:inset -1px 0 #2d322e08}.canvas-agent-dom-tree-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 5px;border-bottom:1px solid #e4e5e1;background:#f8f8f6}.canvas-agent-dom-tree-head small{color:#6e746e;font-size:10.5px;font-weight:700;letter-spacing:.02em}.canvas-agent-dom-tree-head span{color:#8b918b;font-size:10px;font-weight:650}.canvas-agent-dom-tree-branch{display:grid;gap:3px}.canvas-agent-dom-tree-children{display:grid;gap:3px;margin-left:10px;padding-left:9px;border-left:1px solid #dfe3dd}.canvas-agent-dom-tree-row{display:flex;align-items:center;gap:6px;min-height:31px;width:100%;padding:0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#303530;font-size:12px;font-weight:650;line-height:1.25;text-align:left;cursor:pointer}.canvas-agent-dom-tree-row:hover,.canvas-agent-dom-tree-row.selected{border-color:#cfded1;background:#f0f7f1;color:#315b3d}.canvas-agent-dom-tree-row svg{flex:0 0 auto;color:#7d897e;transition:transform .12s ease}.canvas-agent-dom-tree-row svg.is-collapsed{transform:rotate(-90deg)}.canvas-agent-dom-tree-row code{flex:0 0 48px;min-width:48px;color:#7f8780;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600}.canvas-agent-dom-tree-row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-tree-indent{width:11px;flex:0 0 11px}.canvas-agent-dom-tree-resize-handle{position:absolute;top:0;right:15px;bottom:0;z-index:5;width:7px;cursor:col-resize;touch-action:none}.canvas-agent-dom-tree-resize-handle:after{content:"";position:absolute;top:50%;left:2px;width:3px;height:42px;border-radius:3px;transform:translateY(-50%);background:#d8ded8;transition:background .12s,height .12s}.canvas-agent-dom-tree-resize-handle:hover:after{height:58px;background:#8eaa92}.canvas-agent-dom-layout>.canvas-agent-inspector{grid-column:3;grid-row:1;width:auto;max-width:100%;min-width:0;align-self:stretch;max-height:none}.canvas-agent-dom-layout>.canvas-agent-element-stage,.canvas-agent-dom-layout>.canvas-agent-page-grid{grid-column:2;grid-row:1;min-width:0}.canvas-agent-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-agent-page{min-width:0;padding:0;border:1px solid #dfe1dc;border-radius:4px;background:#fff;cursor:pointer}.canvas-agent-page:hover,.canvas-agent-page.selected{border-color:#315b3d;box-shadow:0 0 0 2px #315b3d33}.page-layout{position:relative;display:block;aspect-ratio:1.42;overflow:hidden;background:#fff}.page-layout .page-element{position:absolute;display:block;min-height:0;padding:0;border:1px solid transparent;border-radius:0;background:transparent;cursor:pointer}.page-layout .page-element>span{display:block;width:100%;height:100%;background:#94aa84}.page-layout .page-element:hover,.page-layout .page-element.selected{z-index:2;border-color:#315b3d;box-shadow:0 0 0 2px #315b3d42}.page-layout .page-element-1{left:7%;top:10%;width:30%;height:48%}.page-layout .page-element-2{right:7%;top:10%;width:49%;height:24%}.page-layout .page-element-3{right:7%;bottom:11%;width:49%;height:24%}.page-layout .page-element-4{left:7%;bottom:10%;width:24%;height:13%}.page-layout .page-element-4>span{background:#e7eee1}.page-layout-1 .page-element-1{left:7%;top:8%;width:84%;height:32%}.page-layout-1 .page-element-2{left:7%;top:47%;width:39%;height:42%}.page-layout-1 .page-element-3{right:7%;top:47%;width:39%;height:42%}.page-layout-1 .page-element-4{display:none}.page-layout-2 .page-element-1{left:7%;top:9%;width:45%;height:82%}.page-layout-2 .page-element-2{right:7%;top:9%;width:34%;height:30%}.page-layout-2 .page-element-3{right:7%;bottom:9%;width:34%;height:30%}.page-layout-2 .page-element-4{display:none}.page-layout-3 .page-element-1{left:7%;top:10%;width:50%;height:44%}.page-layout-3 .page-element-2{right:7%;top:10%;width:34%;height:26%}.page-layout-3 .page-element-3{right:7%;bottom:10%;width:34%;height:32%}.page-layout-3 .page-element-4{left:7%;bottom:10%;width:23%;height:24%}.page-layout i{position:absolute;display:block;background:#94aa84}.page-layout i:nth-child(1){left:7%;top:10%;width:30%;height:48%}.page-layout i:nth-child(2){right:7%;top:10%;width:49%;height:24%}.page-layout i:nth-child(3){right:7%;bottom:11%;width:49%;height:24%}.page-layout i:nth-child(4){left:7%;bottom:10%;width:24%;height:13%;background:#e7eee1}.page-layout em{position:absolute;right:8%;bottom:7%;color:#6d8763;font-size:7px;font-style:normal}.page-layout-1 i:nth-child(1){left:7%;top:8%;width:84%;height:32%}.page-layout-1 i:nth-child(2){left:7%;top:47%;width:39%;height:42%}.page-layout-1 i:nth-child(3){right:7%;top:47%;width:39%;height:42%}.page-layout-1 i:nth-child(4){display:none}.page-layout-2 i:nth-child(1){left:7%;top:9%;width:45%;height:82%}.page-layout-2 i:nth-child(2){right:7%;top:9%;width:34%;height:30%}.page-layout-2 i:nth-child(3){right:7%;bottom:9%;width:34%;height:30%}.page-layout-2 i:nth-child(4){display:none}.page-layout-3 i:nth-child(1){left:7%;top:10%;width:50%;height:44%}.page-layout-3 i:nth-child(2){right:7%;top:10%;width:34%;height:26%}.page-layout-3 i:nth-child(3){right:7%;bottom:10%;width:34%;height:32%}.page-layout-3 i:nth-child(4){left:7%;bottom:10%;width:23%;height:24%}.history-preview{position:fixed;inset:0;z-index:80;display:grid;padding:0;place-items:center;background:#0c0d0ff0;backdrop-filter:blur(6px)}.history-preview-image{display:block;width:auto;max-width:min(62vw,780px);height:auto;max-height:min(66vh,720px);object-fit:contain;border-radius:4px;transform-origin:center;transition:max-width .18s ease,max-height .18s ease}.history-preview-image.is-full{max-width:calc(100vw - 32px);max-height:calc(100vh - 116px)}.history-preview-title{position:absolute;top:14px;left:20px;display:flex;flex-direction:column;gap:2px;color:#fff;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.65)}.history-preview-title strong{font-size:14px;font-weight:700}.history-preview-title small{color:#fff9;font-size:11px}.history-preview-close{position:absolute;top:12px;right:14px;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:10px;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease}.history-preview-close:hover{background:#c0392b}.history-preview-bar{position:absolute;right:0;bottom:18px;left:0;display:flex;width:max-content;max-width:calc(100vw - 32px);align-items:center;gap:8px;margin:0 auto;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#181a1dd6;backdrop-filter:blur(14px)}.history-preview-zoom{display:flex;align-items:center;gap:2px;padding-right:6px;border-right:1px solid rgba(255,255,255,.14)}.history-preview-zoom span{min-width:44px;color:#ffffffb8;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.history-preview-zoom button{min-height:30px;padding:0 9px}.history-preview-bar p{min-width:0;max-width:46vw;margin:0;overflow:hidden;color:#ffffffc7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-preview-bar button{display:flex;min-height:34px;flex:0 0 auto;align-items:center;gap:6px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.history-preview-bar button:hover{background:#ffffff29}.history-preview-bar button.primary{border-color:#fff;background:#fff;color:#191b1e}.canvas-workspace-tabs{position:absolute;top:14px;left:18px;z-index:22;display:flex;align-items:center;gap:5px;max-width:calc(100% - 36px);overflow-x:auto;padding:4px;border:1px solid rgba(212,214,218,.9);border-radius:11px;background:#ffffffeb;box-shadow:0 5px 18px #1e20241a}.canvas-workspace-tab{display:flex;align-items:center;gap:1px;border-radius:7px}.canvas-workspace-tabs button{min-height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#6b6e74;font-size:12px;white-space:nowrap;cursor:pointer}.canvas-workspace-tabs button:hover{background:#f2f3f5;color:#202226}.canvas-workspace-tab.active{background:#202226;box-shadow:0 2px 6px #1416192e}.canvas-workspace-tab.active>button:first-child{color:#fff}.canvas-workspace-tab.active>button:first-child:hover{background:#ffffff1f;color:#fff}.canvas-workspace-tab .canvas-workspace-delete{display:grid;width:24px;min-height:30px;padding:0;place-items:center;color:#9a9ca0;opacity:0}.canvas-workspace-tab:hover .canvas-workspace-delete,.canvas-workspace-tab:focus-within .canvas-workspace-delete{opacity:1}.canvas-workspace-tab.active .canvas-workspace-delete{color:#d9dade}.canvas-workspace-tab .canvas-workspace-delete:hover{background:#fff0ee;color:#c34c40}.canvas-empty-react{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translate(-50%,-50%);color:#777a80}.canvas-empty-react strong{font-size:13px;font-weight:650}.canvas-empty-react button{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#292b2e}.image-stage{position:absolute;inset:34px 34px 76px;display:grid;place-items:center;overflow:hidden}.image-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 34px #181a1e1f;transition:transform .18s ease}.canvas-toolbar{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;gap:3px;padding:5px;transform:translate(-50%);border:1px solid var(--line);border-radius:10px;background:#fffffff0;box-shadow:0 8px 30px #16181c1f}.canvas-toolbar button{display:flex;align-items:center;gap:5px;min-height:32px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#4e5156;font-size:11px;white-space:nowrap}.canvas-toolbar button:hover{background:#f0f1f2;color:#17181a}.canvas-toolbar button.danger{color:#a9483b}.canvas-toolbar button.danger:hover{background:#fff0ed;color:#8f3025}.canvas-toolbar button:disabled{opacity:.42;cursor:not-allowed}.canvas-toolbar button:disabled:hover{background:transparent;color:inherit}.canvas-toolbar span{min-width:44px;color:#777a80;font-size:10px;text-align:center}.studio-composer{position:relative;display:flex;flex-direction:column;border-left:1px solid var(--line);padding:14px;overflow:auto;overscroll-behavior:contain}.composer-resize-handle{position:absolute;left:-12px;top:0;bottom:0;z-index:24;width:24px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}.composer-resize-handle:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:1px;background:#d7d9dc;transition:width .16s,background .16s,box-shadow .16s}.composer-resize-handle span{position:absolute;left:2px;top:50%;width:20px;height:64px;transform:translateY(-50%);border:1px solid #cfd1d4;border-radius:10px;background:#fff;box-shadow:0 5px 18px #16181c29;opacity:1;transition:transform .16s,box-shadow .16s}.composer-resize-handle span:before{content:"";position:absolute;left:7px;top:17px;bottom:17px;width:2px;border-radius:2px;background:#777b81;box-shadow:4px 0 #b2b5ba}.composer-resize-handle:hover:before,.composer-resize-handle:active:before,.composer-resize-handle:focus-visible:before{width:3px;background:#747980;box-shadow:0 0 0 3px #7479801f}.composer-resize-handle:hover span,.composer-resize-handle:active span{transform:translateY(-50%) scale(1.06);box-shadow:0 7px 22px #16181c38}.composer-head{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 12px}.composer-head>div{display:grid;gap:2px}.composer-head span{font-size:13px;font-weight:800}.composer-head small{color:#999ca1;font-size:10px}.composer-head .composer-head-actions{display:flex;align-items:center;gap:7px}.composer-head-actions button{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 9px;border:1px solid #e0e2e4;border-radius:8px;background:#fff;color:#747980;font-size:10px;cursor:pointer}.composer-head-actions button span{font-size:10px;font-weight:650}.composer-head-actions button:hover{border-color:#cda35f;background:#fff9ef;color:#855e1e}.composer-head-actions button:disabled{opacity:.4;cursor:not-allowed}.agent-mode-switch{display:flex;gap:4px;margin:0 0 9px;padding:3px;border:1px solid #e2e3e5;border-radius:9px;background:#f2f3f4}.agent-mode-switch button{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#777a80;font-size:10px;font-weight:700}.agent-mode-switch button.active{background:#202124;color:#fff;box-shadow:0 2px 7px #181a1e24}.agent-mode-switch button:not(.active):hover{background:#fff;color:#2e3034}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestions{display:flex;flex-wrap:wrap;gap:6px}.suggestions button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#696c71;font-size:10px}.suggestions button:hover{border-color:#c99a45;color:#8d6118}.conversation-log{display:grid;gap:7px;min-height:0;margin-top:12px}.conversation-log>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.conversation-log>header span{color:#5d6065;font-size:10px;font-weight:800}.conversation-log>header button{border:0;background:transparent;color:#a16d19;font-size:9px}.conversation-log>div{display:grid;gap:6px;max-height:min(32vh,280px);overflow:auto;padding-right:2px}.conversation-row{position:relative;min-width:0}.conversation-item{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;width:100%;min-width:0;padding:8px 38px 8px 8px;border:1px solid #e9e9e6;border-radius:9px;background:#fafaf8;color:#54575c;text-align:left}.conversation-item:hover{border-color:#d9bd89;background:#fffaf0}.conversation-item>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ecece8;color:#77746c;font-size:9px;font-style:normal;font-weight:800}.conversation-item.is-processing>i{background:#fff0cf;color:#986613}.conversation-item.is-completed>i{background:#e8f5ea;color:#397448}.conversation-item>span{display:grid;min-width:0;gap:3px}.conversation-delete{position:absolute;right:8px;top:50%;display:grid;width:24px;height:24px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:#a9abb0;opacity:.58;transition:opacity .16s,background .16s,color .16s}.conversation-row:hover .conversation-delete,.conversation-delete:focus-visible{opacity:1}.conversation-delete:hover{background:#fff0ee;color:#c34535}.conversation-item b{overflow:hidden;color:#3b3d41;font-size:10px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.conversation-item small{overflow:hidden;color:#8b8e93;font-size:9px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.composer-spacer{flex:1 1 80px}.composer-message,.composer-error{margin:0 0 8px;padding:9px 10px;border-radius:7px;background:#f2f3f4;color:#62656b;font-size:11px;line-height:1.5}.composer-error{background:#fff1ef;color:#b53c2a}.composer-card{position:sticky;bottom:0;z-index:4;border:1px solid #d9dade;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #16181c0f,0 -8px 18px #ffffffd1}.image-composer-collapsed{display:flex;width:100%;min-height:78px;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:12px 14px;border:0;background:#fff;color:#3e4146;text-align:left;cursor:pointer}.image-composer-collapsed:hover{background:#fbfbfa}.image-composer-collapsed-prompt{overflow:hidden;color:#686b71;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.image-composer-collapsed-meta{display:flex;align-items:center;gap:6px;color:#55585d}.image-composer-collapsed-meta em{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border:1px solid #e1e2e4;border-radius:999px;background:#f7f7f6;color:#666970;font-size:10px;font-style:normal;font-weight:700}.image-composer-collapsed-meta svg{margin-left:auto;width:28px;height:28px;padding:6px;border-radius:50%;background:#202124;color:#fff}.image-composer-collapse{position:absolute;right:11px;top:45px;z-index:2;display:grid;width:26px;height:26px;place-items:center;border:1px solid #dedfe1;border-radius:50%;background:#fff;color:#777a80;cursor:pointer}.image-composer-collapse:hover{border-color:#c99438;color:#8e641c}.active-layer-indicator{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 10px 0;padding:8px 10px;border:1px solid #e2e4e7;border-radius:8px;background:#f6f7f8;color:#777}.active-layer-indicator span{font-size:12px;font-weight:750}.active-layer-indicator small{font-size:10px;color:#999}.active-layer-indicator.is-active{border-color:#d29a3761;background:#fff9ed;color:#8c621a}.active-layer-indicator.is-canvas-agent{border-color:#c9912f52;background:#fdf8ee;color:#8b621e}.composer-card textarea{width:100%;min-height:112px;resize:vertical;padding:14px;border:0;outline:0;color:#212326;font-size:13px;line-height:1.65}.reference-mention-bar{position:relative;display:flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-top:1px solid #eff0f1}.reference-mention-bar>button{min-height:26px;padding:0 9px;border:1px solid #d9dedb;border-radius:999px;background:#f5f8f5;color:#45664e;font-size:10px;font-weight:750}.reference-mention-bar>button:hover,.reference-mention-bar>button.is-open{border-color:#8dab95;background:#eaf3eb}.reference-mention-bar>span{color:#9a9da2;font-size:9px}.reference-mention-menu{position:absolute;left:12px;right:12px;bottom:34px;z-index:20;display:grid;gap:4px;max-height:220px;overflow:auto;padding:6px;border:1px solid #d9dedb;border-radius:9px;background:#fff;box-shadow:0 12px 30px #191d1b2e}.reference-mention-menu button{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:#3f4b43;text-align:left;font-size:10px;cursor:pointer}.reference-mention-menu button:hover{background:#eff6f0}.reference-mention-menu button span{min-width:34px;color:#477252;font-weight:750}.reference-mention-menu button small{overflow:hidden;color:#8a8e8a;text-overflow:ellipsis;white-space:nowrap}.reference-mention-menu p{margin:5px 7px;color:#999d99;font-size:10px}.composer-card.is-canvas-agent{border-color:#dde0e3;border-radius:16px;overflow:visible;background:#fff;box-shadow:0 14px 38px #1c1f231c}.composer-card.is-canvas-agent .agent-mode-switch{margin:6px;padding:3px;border:0;border-radius:11px;background:#f2f3f4}.composer-card.is-canvas-agent .agent-mode-switch button{min-height:34px;border-radius:8px;font-size:11px}.composer-card.is-canvas-agent .active-layer-indicator{margin:0;padding:11px 14px;border:0;border-bottom:1px solid #eceef0;border-radius:0;background:#fff;color:#3c4045}.composer-card.is-canvas-agent .active-layer-indicator span{display:flex;align-items:center;gap:7px;font-size:11px}.composer-card.is-canvas-agent .active-layer-indicator span:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d09a3a;box-shadow:0 0 0 3px #d09a3a1f}.composer-card.is-canvas-agent .active-layer-indicator small{color:#92969c;font-size:9.5px;text-align:right}.studio-composer.is-canvas-agent .composer-error{font-size:12.5px;line-height:1.6}.composer-card.is-canvas-agent textarea{min-height:126px;resize:none;padding:16px 44px 12px 16px;border:0;background:#fff;color:#272a2e;font-family:Segoe UI,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.7}.canvas-agent-prompt-wrap{position:relative}.canvas-agent-prompt-wrap textarea{display:block;padding-right:42px!important}.canvas-agent-prompt-clear{position:absolute;top:9px;right:9px;display:grid;width:27px;height:27px;padding:0;place-items:center;border:1px solid #e2e4e3;border-radius:8px;background:#ffffffeb;color:#888e8a;cursor:pointer}.canvas-agent-prompt-clear:hover{border-color:#d2a56a;background:#fff9ef;color:#9a681e}.canvas-agent-context-bar{position:relative;display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 10px;border-bottom:1px solid #eceef0;background:#fff}.canvas-agent-brief-trigger{display:flex;min-width:0;min-height:30px;align-items:center;gap:7px;padding:0 9px;border:1px solid #e1e3e5;border-radius:8px;background:#fafafa;color:#45494e;cursor:pointer}.canvas-agent-brief-trigger>span{display:flex;min-width:0;align-items:baseline;gap:5px}.canvas-agent-brief-trigger b{font-size:10.5px;white-space:nowrap}.canvas-agent-brief-trigger small{max-width:130px;overflow:hidden;color:#8e9399;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-brief-trigger:hover,.canvas-agent-brief-trigger.is-active{border-color:#cda35f;background:#fff9ef;color:#7d591d}.canvas-agent-brief-card{display:grid;gap:10px;max-height:min(430px,50vh);overflow-y:auto;padding:12px 14px 13px;border-bottom:1px solid #e2e4e5;background:#fbfbfa;color:#2f3236}.canvas-agent-brief-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.canvas-agent-brief-card>header>span{display:flex;flex-direction:column;gap:2px}.canvas-agent-brief-card>header b{font-size:12px}.canvas-agent-brief-card>header small{color:#93979c;font-size:9.5px}.canvas-agent-brief-card>header>button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:7px;background:#eeece8;color:#777b80;cursor:pointer}.canvas-agent-brief-section{display:grid;gap:6px}.canvas-agent-brief-section>b{font-size:10.5px}.canvas-agent-brief-options{display:flex;flex-wrap:wrap;gap:5px}.canvas-agent-brief-options button{display:inline-flex;min-height:28px;align-items:center;gap:3px;padding:0 9px;border:1px solid #dfe2e4;border-radius:7px;background:#fff;color:#62676d;font-size:9.5px;cursor:pointer}.canvas-agent-brief-options button:hover,.canvas-agent-brief-options button.is-selected{border-color:#c9902d;background:#fff8eb;color:#855a15}.canvas-agent-brief-workflow{display:grid;gap:5px}.canvas-agent-brief-workflow button{display:flex;min-height:30px;align-items:center;gap:7px;padding:0 9px;border:1px solid #dfe2e4;border-radius:7px;background:#fff;color:#62676d;font-size:9.5px;text-align:left;cursor:pointer}.canvas-agent-brief-workflow button i{width:11px;height:11px;flex:0 0 auto;border:1px solid #c6cacf;border-radius:50%}.canvas-agent-brief-workflow button.is-selected{border-color:#c9902d;background:#fff8eb;color:#855a15}.canvas-agent-brief-workflow button.is-selected i{border:3px solid #fff;background:#d09127;box-shadow:0 0 0 1px #d09127}.canvas-agent-brief-card .canvas-brief-constraints{display:block;width:100%;min-height:58px!important;resize:vertical;padding:9px 10px!important;border:1px solid #dfe2e4!important;border-radius:8px;outline:0;background:#fff!important;color:#34383d!important;font-size:10px;line-height:1.55}.canvas-agent-brief-card .canvas-brief-constraints:focus{border-color:#c9902d!important}.canvas-agent-brief-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:1px}.canvas-agent-brief-card>footer button{min-height:30px;padding:0 11px;border:1px solid #d9dcdf;border-radius:8px;background:#fff;color:#555a60;font-size:10px;font-weight:700;cursor:pointer}.canvas-agent-brief-card>footer button.is-primary{border-color:#d98748;background:#dd7447;color:#fff}.canvas-agent-direction-context{position:relative;min-width:0}.canvas-agent-direction-context>summary{display:flex;min-height:30px;align-items:center;gap:7px;padding:0 9px;border:1px solid #e1e3e5;border-radius:8px;background:#fafafa;color:#45494e;cursor:pointer;list-style:none}.canvas-agent-direction-context>summary::-webkit-details-marker{display:none}.canvas-agent-direction-context>summary>span{display:flex;min-width:0;align-items:baseline;gap:5px}.canvas-agent-direction-context>summary b{font-size:10.5px;white-space:nowrap}.canvas-agent-direction-context>summary small{max-width:126px;overflow:hidden;color:#8e9399;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-direction-context[open]>summary{border-color:#cda35f;background:#fff9ef;color:#7d591d}.canvas-agent-direction-context[open]>summary>svg:last-child{transform:rotate(180deg)}.canvas-agent-direction-context .canvas-agent-direction-picker{position:absolute;left:0;top:calc(100% + 7px);z-index:42;width:310px;border:1px solid #dfe1e3;border-radius:11px;box-shadow:0 16px 36px #181b1f2b}.canvas-agent-selected-image{display:flex;min-width:0;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#f2f6ff;color:#315d9b}.canvas-agent-selected-image>span{display:flex;min-width:0;flex-direction:column}.canvas-agent-selected-image b{font-size:9px;line-height:1.2}.canvas-agent-selected-image small{max-width:130px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-direction-picker{display:grid;gap:7px;padding:9px 12px 10px;border-top:1px solid #eceef0;background:#fafafa}.canvas-agent-direction-picker header{display:flex;align-items:center;gap:7px;color:#34373b}.canvas-agent-direction-picker header span{font-size:10.5px;font-weight:750}.canvas-agent-direction-picker header small{color:#92979c;font-size:9px}.canvas-agent-direction-picker>div{display:flex;gap:5px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.canvas-agent-direction-picker>div::-webkit-scrollbar{display:none}.canvas-agent-direction-picker button{display:inline-flex;height:28px;flex:0 0 auto;align-items:center;gap:5px;padding:0 8px;border:1px solid #e1e3e5;border-radius:8px;background:#fff;color:#646970;font-size:9.5px;font-weight:650;cursor:pointer}.canvas-agent-direction-picker button i{display:grid;width:13px;height:13px;place-items:center;border:1px solid #c8ccd0;border-radius:4px;color:#fff;font-style:normal}.canvas-agent-direction-picker button:hover{border-color:#c7a064;color:#704b15}.canvas-agent-direction-picker button.is-selected{border-color:#2e3033;background:#2e3033;color:#fff}.canvas-agent-direction-picker button.is-selected i{border-color:#d09a3a;background:#d09a3a}.canvas-agent-hint{display:flex;min-height:34px;align-items:center;gap:7px;margin:0 14px;padding:0;border-top:1px solid #eceef0;background:transparent;color:#676b71;font-size:10.5px;font-weight:650}.canvas-agent-hint svg{color:#c9912f}.canvas-agent-hint em{margin-left:auto;padding:2px 7px;border-radius:999px;background:#f6f2e6;color:#96702a;font-size:9.5px;font-weight:600;font-style:normal}.canvas-agent-reference-upload{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;margin:0;min-height:45px;padding:7px 14px;border-top:1px solid #eceef0;background:#fafafa}.canvas-agent-reference-upload button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px solid #e2dfd7;border-radius:8px;background:#fff;color:#5f5c55;font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.canvas-agent-reference-upload button:hover{border-color:#c9912f;background:#fdf8ee;color:#8b621e}.canvas-agent-reference-upload span{min-width:0;overflow:hidden;color:#9a978e;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-reference-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.canvas-agent-reference-list small{color:#8a877e;font-size:10px;white-space:nowrap}.canvas-agent-reference-list button{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border:1px solid #e6e3db;border-radius:999px;background:#fff;color:#6d6961;font-size:10px;cursor:pointer}.canvas-agent-reference-list button:hover{border-color:#c9912f;color:#3a3833}.canvas-agent-reference-list button.is-active{border-color:#c9912f;background:#fff7e8;color:#8b611b;font-weight:650}.canvas-agent-note{margin:0;padding:4px 14px 11px;border:0;background:#fafafa;color:#777d84;font-size:11.5px;line-height:1.6}.canvas-agent-submit{width:100%;min-height:44px!important;border-radius:10px!important;background:#202124;box-shadow:none}.canvas-agent-submit:hover{background:#111214}.canvas-agent-prompt-library{position:absolute;right:12px;bottom:60px;left:12px;z-index:32;max-height:min(310px,calc(100vh - 260px));margin:0;overflow:hidden;border:1px solid #dfe1e3;border-radius:12px;background:#fffffffa;box-shadow:0 18px 46px #16191d33;transform-origin:bottom center;animation:canvas-agent-popover-in .14s ease-out;backdrop-filter:blur(18px)}.composer-card.is-canvas-agent:has(.canvas-agent-asset-tray) .canvas-agent-prompt-library{bottom:96px}.composer-card.is-canvas-agent:has(.canvas-agent-attachment-cards) .canvas-agent-prompt-library{bottom:130px}@keyframes canvas-agent-popover-in{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.canvas-agent-prompt-library header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 8px;border-bottom:1px solid #eff0f1}.canvas-agent-prompt-library header>span{display:flex;align-items:baseline;gap:7px}.canvas-agent-prompt-library header b{color:#303338;font-size:11.5px}.canvas-agent-prompt-library header small{color:#989da2;font-size:9.5px}.canvas-agent-prompt-library header>button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:#8a8f95;cursor:pointer}.canvas-agent-prompt-library header>button:hover{background:#f1f2f3;color:#24272b}.canvas-agent-prompt-library>div{display:grid;max-height:230px;grid-template-columns:1fr 1fr;gap:5px;overflow:auto;padding:7px}.canvas-agent-prompt-library>div>button{display:grid;min-width:0;gap:3px;padding:9px 10px;border:0;border-radius:8px;background:#f6f7f8;color:#33363a;text-align:left;cursor:pointer}.canvas-agent-prompt-library>div>button:hover{background:#eceeef}.canvas-agent-prompt-library>div b{font-size:10.5px}.canvas-agent-prompt-library>div small{overflow:hidden;color:#858a90;font-size:9.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-export-menu{position:absolute;right:12px;bottom:60px;left:12px;z-index:33;overflow:hidden;border:1px solid #dfe1e3;border-radius:12px;background:#fffffffa;box-shadow:0 18px 46px #16191d33;transform-origin:bottom center;animation:canvas-agent-popover-in .14s ease-out;backdrop-filter:blur(18px)}.canvas-agent-export-menu header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 8px;border-bottom:1px solid #eff0f1}.canvas-agent-export-menu header>span{display:flex;align-items:baseline;gap:7px}.canvas-agent-export-menu header b{color:#303338;font-size:11.5px}.canvas-agent-export-menu header small{color:#989da2;font-size:9.5px}.canvas-agent-export-menu header>button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:#8a8f95;cursor:pointer}.canvas-agent-export-menu>div{display:grid;gap:5px;padding:7px}.canvas-agent-export-menu>div>button{display:flex;min-width:0;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:#f6f7f8;color:#33363a;text-align:left;cursor:pointer}.canvas-agent-export-menu>div>button:hover{background:#eceeef}.canvas-agent-export-menu>div>button:disabled{cursor:not-allowed;opacity:.42}.canvas-agent-export-menu>div>button>span{display:grid;gap:3px}.canvas-agent-export-menu>div b{font-size:10.5px}.canvas-agent-export-menu>div small{color:#858a90;font-size:9.5px}.composer-card.is-image-library-open{overflow:visible}.image-prompt-library{bottom:62px}.canvas-agent-attachment-cards{display:flex;min-width:0;gap:8px;overflow-x:auto;padding:10px 12px 4px;scrollbar-width:thin;scroll-snap-type:x proximity}.canvas-agent-attachment-card{position:relative;display:grid;min-width:190px;max-width:230px;height:66px;flex:0 0 auto;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;padding:7px 30px 7px 7px;scroll-snap-align:start;border:1px solid #e2e4e6;border-radius:12px;background:#f8f9fa;box-shadow:0 1px 2px #181c210a;color:#34373b}.canvas-agent-attachment-preview{display:grid;width:50px;height:50px;place-items:center;overflow:hidden;border:1px solid #e2e4e6;border-radius:9px;background:#fff;color:#737980}.canvas-agent-attachment-preview img{display:block;width:100%;height:100%;object-fit:cover}.canvas-agent-attachment-card>span{display:grid;min-width:0;gap:4px}.canvas-agent-attachment-card>span>b{overflow:hidden;font-size:11px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-attachment-card>span>small{overflow:hidden;color:#858a90;font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-attachment-card>button{position:absolute;right:7px;top:7px;display:grid;width:22px;height:22px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:#979ca2;cursor:pointer;transition:background .14s,color .14s,opacity .14s}.canvas-agent-attachment-card>button:hover{background:#feeceb;color:#bd3f35}.canvas-agent-attachment-card>button:focus-visible{outline:2px solid #c9912f;outline-offset:1px}.canvas-agent-asset-tray{display:flex;gap:5px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:thin}.canvas-agent-asset-tray>button,.canvas-agent-asset-tray>span{display:inline-flex;min-width:0;max-width:175px;height:28px;flex:0 0 auto;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:8px;background:#f2f3f4;color:#64696e;font-size:10px}.canvas-agent-asset-tray>button{cursor:pointer}.canvas-agent-asset-tray>button.is-active{background:#222428;color:#fff}.canvas-agent-asset-tray span span,.canvas-agent-asset-tray i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.canvas-agent-asset-tray>span>button{display:grid;width:18px;height:18px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.composer-actions.is-canvas-agent{min-height:54px;padding:8px 10px;border-top:1px solid #eceef0}.canvas-agent-inline-tools{display:flex;min-width:0;align-items:center;gap:2px}.canvas-agent-inline-tools>button{display:grid;min-width:50px;min-height:48px;flex:0 0 auto;grid-template-rows:25px auto;place-items:center;gap:2px;padding:3px 6px 4px;border:0;border-radius:10px;background:transparent;color:#656a70;font-size:9.5px;font-weight:650;white-space:nowrap;cursor:pointer}.canvas-agent-inline-tools>button>i{display:grid;width:27px;height:25px;place-items:center;border:1px solid #e0e2e4;border-radius:8px;background:#fafafa;color:#555b61;font-style:normal;transition:background .14s,border-color .14s,transform .14s}.canvas-agent-inline-tools>button>span{line-height:1}.canvas-agent-inline-tools>button:hover,.canvas-agent-inline-tools>button.is-active{background:#f3f4f5;color:#222428}.canvas-agent-inline-tools>button:hover>i,.canvas-agent-inline-tools>button.is-active>i{border-color:#c6c9cc;background:#fff;transform:translateY(-1px)}.canvas-agent-inline-tools>button.is-picking{background:#fff6e5;color:#855e1e}.canvas-agent-inline-tools>button.is-picking>i{border-color:#d29a37;background:#d29a37;color:#fff;box-shadow:0 0 0 3px #d29a3724}.canvas-agent-send{display:inline-flex;width:auto;min-width:68px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:0;border-radius:10px;background:#202124;color:#fff;cursor:pointer}.canvas-agent-send svg{margin-left:0}.canvas-agent-send span{display:inline;font-size:10px;font-weight:700;white-space:nowrap}.canvas-agent-send:hover{background:#050607}.canvas-agent-send:disabled{cursor:not-allowed;opacity:.32}.reference-strip{margin:0 12px 9px;padding:9px;border:1px solid #ebe3d4;border-radius:8px;background:#fffaf2}.reference-strip-head{display:flex;justify-content:space-between;color:#775d31;font-size:10px}.reference-strip-head button{border:0;background:transparent;color:#a66d14}.reference-grid{display:flex;gap:6px;margin-top:8px}.reference-grid>div{position:relative}.reference-grid img{width:52px;height:45px;object-fit:cover;border-radius:6px}.reference-grid>div>button{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#202124;color:#fff}.ratio-tabs{display:flex;gap:4px;padding:10px 12px;border-top:1px solid #eff0f1}.ratio-tabs button{flex:1;min-height:27px;border:1px solid transparent;border-radius:6px;background:#f2f3f4;color:#8a8d92;font-size:10px}.ratio-tabs button.active{border-color:#202124;background:#202124;color:#fff}.ratio-tabs button:disabled{cursor:not-allowed;opacity:.45}.composer-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 11px}.composer-selects.canvas-agent-model-select{grid-template-columns:1fr}.composer-selects label{display:grid;gap:4px;color:#8a8d92;font-size:9px}.composer-selects select{width:100%;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#282a2e;font-size:11px}.reference-model-note{margin:0 12px 10px;padding:7px 9px;border:1px solid #eadfca;border-radius:7px;background:#fffaf1;color:#8c671f;font-size:10px;line-height:1.5}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 12px;border-top:1px solid #eff0f1}.composer-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:7px;font-size:11px;font-weight:750}.composer-actions.is-canvas-agent{gap:4px}.composer-actions.is-canvas-agent .canvas-agent-send{min-width:64px;min-height:36px;padding:0 8px}.composer-actions.is-image-mode{padding:8px 10px 10px}.image-generation-inline-tools{display:flex;min-width:0;align-items:center;gap:2px}.image-generation-inline-tools>button{min-height:34px;padding:0 8px;border:0;background:transparent;color:#666a70;font-size:10.5px;cursor:pointer}.image-generation-inline-tools>button:hover,.image-generation-inline-tools>button.is-active{background:#f0f1f2;color:#202226}.composer-actions.is-image-mode .generate-button{min-width:104px;margin-left:auto}.reference-button{border:1px solid var(--line);background:#fff;color:#55585d}.generate-button,.stop-button{min-width:104px;border:0;background:#202124;color:#fff;box-shadow:0 4px 12px #16181c29}.composer-actions .generate-button:only-child{width:100%}.stop-button{background:#b44632}.generate-button:disabled{opacity:.45;cursor:not-allowed}.workbench-launch{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #d8dadd;border-radius:7px;background:#fff;color:#34363a;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.workbench-launch:hover{border-color:#c28b2f;color:#8b641e;background:#fffaf0}.parallel-generation-note{margin:0 12px 10px;padding:8px 10px;border:1px solid #ead9b5;border-radius:8px;background:#fff8e8;color:#8a611b;font-size:9px;font-weight:650;line-height:1.45}.generation-board{position:absolute;left:50%;top:18px;z-index:18;width:min(760px,calc(100% - 32px));padding:9px;transform:translate(-50%);border:1px solid rgba(215,216,219,.92);border-radius:12px;background:#ffffffe0;box-shadow:0 16px 44px #181a1e26;backdrop-filter:blur(16px);pointer-events:auto}.generation-board>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;padding:0 2px 8px}.generation-board>header>div{display:flex;align-items:center;gap:6px}.generation-board>header svg{color:#c28a2c}.generation-board>header strong{color:#292b2e;font-size:11px}.generation-board>header span{color:#8d9095;font-size:9px}.generation-board>header button{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#777a80;font-size:9px}.generation-board>header button:hover{border-color:#c9963c;color:#996818}.generation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(164px,100%),1fr));gap:7px}.generation-tile{position:relative;display:flex;min-width:0;aspect-ratio:16/9;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e1e2e4;border-radius:8px;background:#f8f8f7;color:#686b70}.generation-tile.is-processing:after{display:none}.generation-processing{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:88%;text-align:center}.generation-processing strong{color:#4d5055;font-size:16px;font-weight:700}.generation-processing small{max-width:100%;overflow:hidden;color:#8a8d92;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.generation-time{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:#8a611b;font-size:10px;font-weight:750}.generation-time svg{width:1em;height:1em}.generation-particle-wave{position:relative;z-index:2;display:flex;width:min(76%,360px);height:52px;margin-bottom:8px;align-items:center;justify-content:center;gap:3px}.generation-particle-wave:before{content:"";position:absolute;inset:5px -12px;border-radius:50%;background:radial-gradient(ellipse,rgba(201,150,60,.12),transparent 68%);filter:blur(8px)}.generation-particle-wave i{position:relative;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#303237;box-shadow:0 0 10px #c9963c6b;animation:generation-particle-wave 1.45s ease-in-out infinite}.generation-tile>strong{position:relative;z-index:1;max-width:90%;overflow:hidden;color:#55585d;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.generation-tile>span{position:relative;z-index:1;margin-top:3px;color:#222428;font:800 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.generation-result{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#e9e9e7}.generation-result img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.generation-result span{position:absolute;left:5px;right:5px;bottom:5px;padding:5px 7px;border-radius:5px;background:#141619c7;color:#fff;font-size:8px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.generation-result:hover img{transform:scale(1.025)}.generation-result:hover span,.generation-result:focus-visible span{opacity:1;transform:none}.generation-failed{display:grid;justify-items:center;gap:3px;padding:10px;text-align:center}.generation-dismiss{position:absolute;top:8px;right:8px;display:grid;width:28px;height:28px;padding:0;place-items:center;border:1px solid #f1cbc6;border-radius:7px;background:#fff;color:#bd4e43;opacity:0;transition:opacity .15s,background .15s}.generation-dismiss,.generation-failed:hover .generation-dismiss,.generation-dismiss:focus-visible{opacity:1}.generation-dismiss:hover{background:#fff0ee}.generation-failed svg{color:#c75b4b}.generation-failed strong{color:#7a4a42;font-size:10px}.generation-failed span{color:#a1746d;font-size:8px;line-height:1.4}.canvas-generation-layer{position:absolute;left:50%;top:50%;z-index:10;width:0;height:0;transform-origin:0 0;pointer-events:none}.canvas-generation-tile{position:absolute;aspect-ratio:auto;contain:layout paint style;container-type:size;border-width:3px;border-radius:clamp(24px,2cqw,72px);box-shadow:0 18px 60px #191c201f;backface-visibility:hidden;cursor:grab;pointer-events:auto;touch-action:none;user-select:none;will-change:left,top,transform}.canvas-generation-tile:active{cursor:grabbing}.canvas-generation-tile.is-selected{border-color:#d89c2f;box-shadow:0 0 0 10px #d89c2f4d,0 22px 70px #191c202e}.canvas-generation-tile .canvas-generation-index{position:absolute;left:clamp(22px,2.4cqw,90px);top:clamp(18px,2cqw,76px);z-index:4;padding:clamp(7px,.7cqw,26px) clamp(12px,1.2cqw,48px);border-radius:999px;background:#ffffffe6;color:#80776a;font-size:clamp(24px,2.6cqw,96px);font-weight:750;backdrop-filter:blur(8px)}.canvas-generation-tile .generation-particle-wave{width:min(72%,680px);height:150px;margin-bottom:22px;gap:12px}.canvas-generation-tile .generation-particle-wave:before{inset:20px -60px;filter:blur(24px)}.canvas-generation-tile .generation-particle-wave i{flex-basis:13px;width:13px;height:13px;box-shadow:0 0 24px #c9963c80}.canvas-generation-tile>strong{max-width:82%;font-size:34px}.canvas-generation-tile>span{margin-top:12px;font-size:46px}.canvas-generation-tile .generation-processing{gap:clamp(12px,1.3cqw,48px);max-width:82%}.canvas-generation-tile .generation-processing strong{font-size:clamp(36px,5cqw,180px);letter-spacing:.04em}.canvas-generation-tile .generation-processing .generation-time{padding:clamp(10px,1cqw,36px) clamp(18px,1.8cqw,64px);border:1px solid rgba(201,150,60,.34);border-radius:999px;background:#fffaefe6;font-size:clamp(24px,2.8cqw,100px)}.canvas-generation-tile .generation-processing small{max-width:78%;font-size:clamp(18px,1.8cqw,64px)}.canvas-generation-tile .generation-result span{left:18px;right:18px;bottom:18px;padding:15px 20px;border-radius:14px;font-size:25px}.canvas-generation-tile .generation-result{cursor:grab}.canvas-generation-tile .generation-result img{pointer-events:none;user-select:none}.canvas-generation-tile.is-completed{contain:layout style;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.canvas-generation-tile.is-completed.is-selected{outline:3px solid #d89c2f;outline-offset:4px;box-shadow:none}.canvas-generation-tile.is-completed .generation-result{border-radius:0;background:transparent}.canvas-generation-tile.is-completed .generation-result img{object-fit:contain}.generation-tile-actions{position:absolute;top:18px;right:18px;z-index:6;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:#181a1dc7;color:#fff;box-shadow:0 8px 24px #0003;backdrop-filter:blur(12px);cursor:default}.generation-tile-actions button{display:grid;place-items:center;min-width:48px;height:46px;padding:0 14px;border:0;border-radius:10px;background:#ffffff21;color:#fff;font-size:20px;font-weight:750;white-space:nowrap}.generation-tile-actions button:hover,.generation-tile-actions button.active{background:#d89c2f;color:#171717}.generation-tile-actions>span{min-width:62px;color:#fff;font:700 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.canvas-generation-comparebar{position:absolute;left:50%;bottom:74px;z-index:35;display:flex;align-items:center;gap:8px;padding:8px 10px;transform:translate(-50%);border:1px solid rgba(255,255,255,.55);border-radius:12px;background:#181a1de0;color:#fff;box-shadow:0 12px 36px #00000038;backdrop-filter:blur(14px)}.canvas-generation-comparebar span{padding:0 7px;font-size:11px;font-weight:700}.canvas-generation-comparebar button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:#fff;color:#252525;font-size:10px;font-weight:750}.canvas-generation-comparebar button:first-of-type{background:#d89c2f;color:#171717}.canvas-generation-comparebar button:disabled{opacity:.4;cursor:not-allowed}.canvas-generation-tile .generation-failed{gap:10px;padding:28px}.canvas-generation-tile .generation-dismiss{top:18px;right:18px;width:48px;height:48px;border-radius:13px}.canvas-generation-tile .generation-failed strong{font-size:34px}.canvas-generation-tile .generation-failed span{font-size:25px}@keyframes generation-particle-wave{0%,to{opacity:.24;transform:translateY(0) scale(.66)}25%{opacity:1;transform:translateY(-24px) scale(1.18)}50%{opacity:.54;transform:translateY(0) scale(.88)}75%{opacity:1;transform:translateY(24px) scale(1.18)}}@keyframes generation-shimmer{0%,22%{transform:translate(-100%)}65%,to{transform:translate(100%)}}.studio-editor-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:100%;margin:0 0 8px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fffffff0;box-shadow:0 5px 18px #16181c14}.studio-editor-actions button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#4e5156;font-size:10px;white-space:nowrap}.studio-editor-actions button:hover{background:#f0f1f2;color:#17181a}.studio-editor-actions button.danger{margin-left:auto}.studio-editor-actions button.danger{margin-left:auto;color:#a9483b}.studio-editor-actions button.danger:hover{background:#fff0ed;color:#8f3025}.compact-workbench{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background-color:#f1f2f3;background-image:linear-gradient(rgba(185,190,196,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(185,190,196,.35) 1px,transparent 1px);background-size:24px 24px;touch-action:none}.compact-workbench.is-drag-over:after{position:absolute;inset:18px;z-index:90;display:grid;place-items:center;border:2px dashed #d29a37;border-radius:14px;background:#fffaefe6;color:#7d5517;font-size:15px;font-weight:800;content:"松开鼠标，将图片加入当前画布";pointer-events:none}.compact-selection-marquee{position:absolute;z-index:40;border:1px solid #2563eb;border-radius:2px;background:#2563eb1a;box-shadow:0 0 0 1px #ffffffa6 inset;pointer-events:none}.compact-canvas-context-menu{position:absolute;z-index:95;display:grid;width:194px;overflow:hidden;padding:5px;border:1px solid rgba(26,29,33,.16);border-radius:9px;background:#fffffffa;box-shadow:0 16px 44px #14171b38,0 2px 8px #14171b14;backdrop-filter:blur(14px)}.compact-canvas-context-menu button{display:grid;min-height:34px;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#292c30;font:600 11px/1.2 Microsoft YaHei,sans-serif;text-align:left}.compact-canvas-context-menu button:hover:not(:disabled){background:#f0f1f2;color:#141619}.compact-canvas-context-menu button:disabled{color:#b2b5ba;cursor:not-allowed}.compact-canvas-context-menu kbd{color:#93979d;font:500 9px/1 Microsoft YaHei,sans-serif}.compact-canvas-context-menu small{padding:6px 8px 4px;border-top:1px solid #ececef;color:#999da3;font-size:9px;line-height:1.45}.compact-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 24px;border:0;background:transparent;color:#8a8d92}.compact-empty strong{color:#3a3d42;font-size:13px}.compact-empty span{font-size:10px}.compact-empty b{display:inline-flex;align-items:center;min-height:32px;margin-top:3px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#3b3e43;font-size:10px;font-weight:700;box-shadow:0 3px 12px #14171b0f}.compact-canvas-wrap{position:relative;flex:none;background:transparent;box-shadow:none;transform-origin:center}.compact-canvas-wrap.is-empty{position:absolute;width:0!important;height:0!important;visibility:hidden;pointer-events:none}.compact-canvas-wrap.is-batch-hidden{visibility:hidden;pointer-events:none;box-shadow:none}.compact-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;background:transparent;touch-action:none}.compact-main-layer{position:absolute;z-index:1;box-sizing:border-box;touch-action:none}.compact-main-layer.selected{z-index:24;outline:3px solid #d29a37;outline-offset:3px}.compact-main-layer>i{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#d29a37;cursor:nwse-resize;box-shadow:0 2px 7px #0000003d}.compact-main-port{position:absolute;left:-9px;top:50%;z-index:4;width:18px;height:18px;padding:0;transform:translateY(-50%);border:3px solid #fff;border-radius:50%;background:#191b1e;box-shadow:0 0 0 1px #191b1eb8,0 3px 8px #0003;cursor:crosshair}.compact-node-connections{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.compact-node-connections path{fill:none;stroke:#191b1e;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.compact-node-connections circle{fill:#191b1e;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.compact-node-connections .is-draft path{stroke:#191b1e;stroke-width:1.5;opacity:.72}.compact-main-node-label{position:absolute;left:12px;top:12px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dedfe2;border-radius:7px;background:#fffffff0;color:#373a3e;font-size:10px;font-weight:800;box-shadow:0 4px 14px #14171b1f;pointer-events:none}.compact-lasso-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.compact-lasso-overlay polygon.is-selected,.compact-shape-overlay .is-selected{filter:drop-shadow(0 0 4px rgba(210,154,55,.75))}.compact-shape-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.compact-text-annotation{position:absolute;z-index:4;min-width:10px;max-width:80%;padding:2px 4px;border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600;cursor:move;touch-action:none;user-select:none;text-shadow:0 1px 2px rgba(255,255,255,.75)}.compact-text-annotation.is-design-text{z-index:24;box-sizing:border-box;max-width:none;overflow:hidden;padding:8px 10px;border:1px dashed rgba(84,93,105,.28);border-radius:2px;background:#ffffff14;text-shadow:none}.compact-text-annotation.is-design-text:hover{border-color:#11182775;background:#ffffff3d}.compact-text-marker{display:inline-grid;place-items:center;width:1.18em;height:1.18em;margin-right:.28em;border-radius:50%;background:#202124;color:#fff;font-size:.58em;font-weight:800;line-height:1;vertical-align:.08em;box-shadow:0 1px 3px #0003}.compact-text-annotation.selected{outline:2px solid #d29a37;outline-offset:3px;background:#ffffff2e}.compact-text-annotation.is-design-text.selected{border-color:#d29a37;outline:1px solid rgba(210,154,55,.38);outline-offset:3px}.compact-text-annotation.is-design-text.selected:before,.compact-text-annotation.is-design-text.selected:after{content:"";position:absolute;width:7px;height:7px;border:1px solid #b67c1e;background:#fff;box-shadow:0 1px 3px #14171b2e}.compact-text-annotation.is-design-text.selected:before{left:-5px;top:-5px}.compact-text-annotation.is-design-text.selected:after{right:-5px;bottom:-5px}.compact-text-resize-handle{position:absolute;right:-7px;bottom:-7px;z-index:14;width:22px;height:22px;padding:0;border:3px solid #fff;border-radius:6px;background:#d29a37;box-shadow:0 0 0 1px #a66e18,0 3px 9px #14171b33;cursor:nwse-resize;touch-action:none}.compact-text-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff}.compact-text-edit-chip{position:absolute;left:0;top:calc(100% + 7px);z-index:8;display:flex;width:auto;height:27px;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(20,23,27,.16);border-radius:7px;background:#272522;color:#fff;font:650 10px/1 Microsoft YaHei,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px #14171b33}.compact-text-edit-chip:hover{background:#111214;transform:translateY(-1px)}.compact-text-tool-hint{position:absolute;left:50%;top:124px;z-index:54;display:flex;height:32px;align-items:center;gap:7px;padding:0 11px;transform:translate(-50%);border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1e1f21f0;color:#fff;font:650 11px/1 Microsoft YaHei,sans-serif;pointer-events:none;box-shadow:0 8px 22px #14171b33;backdrop-filter:blur(8px)}.compact-text-tool-hint small{padding-left:7px;border-left:1px solid rgba(255,255,255,.2);color:#ffffff9e;font-size:9px;font-weight:500}.compact-text-frame-draft{position:absolute;z-index:58;box-sizing:border-box;min-width:1px;min-height:1px;border:1px solid #a66e18;background:#d29a3714;box-shadow:0 0 0 3px #d29a3717;pointer-events:none}.compact-text-frame-draft:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(166,110,24,.36)}.compact-text-frame-draft>span{position:absolute;left:-1px;bottom:calc(100% + 6px);padding:4px 7px;border-radius:5px;background:#272522;color:#fff;font:650 9px/1 Microsoft YaHei,sans-serif;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 12px #14171b2e}.compact-text-entry{position:absolute;z-index:60;box-sizing:border-box;width:360px;min-height:64px;max-width:min(72%,calc(100vw - 32px));overflow:visible;transform:translateY(-1px);border:1px solid #a66e18;border-radius:2px;background:#fffffff5;box-shadow:0 0 0 3px #d29a371a,0 14px 36px #14171b1f}.compact-text-entry:before{content:"";position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;border:1px solid #a66e18;background:#fff;box-shadow:0 1px 4px #14171b29}.compact-text-entry textarea{display:block;box-sizing:border-box;width:100%;height:100%;min-height:100%;resize:none;padding:12px 14px;border:0;outline:0;background:transparent;color:inherit;caret-color:#a66e18}.compact-text-entry textarea::placeholder{color:#a5a19a;font-weight:400}.compact-text-entry-label{position:absolute;left:-1px;bottom:calc(100% + 7px);display:flex;height:24px;align-items:center;gap:5px;padding:0 8px;border-radius:6px;background:#272522;color:#fff;font:650 9px/1 Microsoft YaHei,sans-serif;letter-spacing:.02em;box-shadow:0 5px 14px #14171b2e;white-space:nowrap}.compact-text-entry-actions{position:absolute;right:0;top:calc(100% + 8px);display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:286px;padding:5px;border:1px solid rgba(34,36,39,.14);border-radius:9px;background:#fffffffa;box-shadow:0 9px 24px #14171b21}.compact-text-entry-actions small{margin-right:auto;padding-left:5px;color:#777b82;font-size:9px}.compact-text-entry-actions kbd{padding:2px 4px;border:1px solid #dedfe2;border-bottom-width:2px;border-radius:4px;background:#f7f7f5;color:#55595f;font:600 8px/1 Microsoft YaHei,sans-serif}.compact-text-entry-actions button{display:flex;width:auto;min-width:52px;height:28px;align-items:center;justify-content:center;gap:4px;padding:0 9px;border:0;border-radius:6px;background:#efefec;color:#5c5f63;font:650 10px/1 Microsoft YaHei,sans-serif}.compact-text-entry-actions button:last-child{background:#252628;color:#fff}.compact-text-entry button:disabled{opacity:.35}.compact-sticker{position:absolute;z-index:2;cursor:move;touch-action:none}.compact-sticker.selected{z-index:24;outline:2px solid #d29a37;outline-offset:2px}.compact-group-selection{position:absolute;z-index:31;box-sizing:border-box;border:2px solid #4d79d8;border-radius:5px;background:#4d79d809;box-shadow:0 0 0 4px #4d79d81a;pointer-events:none}.compact-group-selection>span{position:absolute;left:-2px;bottom:calc(100% + 7px);display:flex;height:26px;align-items:center;gap:5px;padding:0 9px;border-radius:7px;background:#315fbf;color:#fff;font:700 10px/1 Microsoft YaHei,sans-serif;box-shadow:0 5px 14px #2649943b;white-space:nowrap}.compact-group-selection>button{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;padding:0;border:3px solid #fff;border-radius:50%;background:#315fbf;box-shadow:0 2px 8px #26499459;cursor:nwse-resize;pointer-events:auto;touch-action:none}.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped,.compact-workbench.has-active-group .compact-text-annotation.selected.is-grouped{outline-color:transparent}.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped .compact-layer-toolbar,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped .compact-layer-toolbar,.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped .compact-selected-image-label,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped .compact-selected-image-label{display:none}.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped>i,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped>i,.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped>.compact-main-port,.compact-workbench.has-active-group .compact-main-layer.selected.is-grouped>.compact-reference-port,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped>.compact-main-port,.compact-workbench.has-active-group .compact-sticker.selected.is-grouped>.compact-reference-port{opacity:0;pointer-events:none}.compact-sticker img{width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.compact-layer-shapes{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none}.compact-layer-shapes rect.is-selected{filter:drop-shadow(0 0 4px rgba(210,154,55,.75))}.compact-sticker i{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#d29a37;cursor:nwse-resize;box-shadow:0 2px 7px #0003}.compact-layer-toolbar{position:absolute;left:auto;right:0;top:auto;bottom:calc(100% + 6px);z-index:12;display:flex;align-items:center;gap:5px;width:max-content;max-width:none;opacity:0;pointer-events:none;transition:opacity .12s}.compact-main-layer.selected .compact-layer-toolbar,.compact-main-layer:hover .compact-layer-toolbar,.compact-sticker.selected .compact-layer-toolbar,.compact-sticker:hover .compact-layer-toolbar,.canvas-generation-tile.is-selected .canvas-generation-toolbar{opacity:1;pointer-events:auto}.canvas-generation-toolbar{z-index:30}.canvas-generation-pixel-badge{left:0;top:-30px}.canvas-generation-tile>.compact-selected-image-label{position:absolute;z-index:9;margin:0;font-size:11px;color:#fff}.compact-layer-generate{position:static;flex:0 0 auto;padding:5px 9px;border:0;border-radius:6px;background:#202124;color:#fff;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000003d}.compact-layer-download,.compact-layer-clear-annotations,.compact-layer-delete{position:static;flex:0 0 27px;display:grid;width:27px;height:27px;padding:0;place-items:center;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fffffff0;cursor:pointer;box-shadow:0 2px 8px #00000029;transition:transform .15s ease,background .15s ease}.compact-layer-download{color:#30343a}.compact-layer-clear-annotations{color:#9b6816;opacity:0;transition:opacity .15s ease,transform .15s ease}.compact-layer-delete{color:#d83b32;opacity:0;transition:opacity .15s ease,transform .15s ease}.compact-main-layer:hover .compact-layer-delete,.compact-sticker:hover .compact-layer-delete,.compact-main-layer.selected .compact-layer-delete,.compact-sticker.selected .compact-layer-delete,.compact-main-layer:hover .compact-layer-clear-annotations,.compact-sticker:hover .compact-layer-clear-annotations,.compact-main-layer.selected .compact-layer-clear-annotations,.compact-sticker.selected .compact-layer-clear-annotations{opacity:1}.compact-layer-download:hover{transform:translateY(-1px);background:#eef4ff;color:#245ca6}.compact-layer-clear-annotations:hover{transform:translateY(-1px);background:#fff8e8}.compact-layer-delete:hover{transform:translateY(-1px);background:#fff3f2}.compact-shape-number text{fill:#fff;font-weight:850;pointer-events:none;paint-order:stroke;stroke:#0000003d;stroke-width:.7px}.compact-size-badge,.compact-pixel-badge{position:absolute;z-index:26;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;background:#2563eb;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.01em;box-shadow:0 2px 8px #14171b3d;pointer-events:none}.compact-size-badge{margin-top:6px}.compact-size-badge.is-draft{opacity:.9}.compact-pixel-badge{background:#181a1ddb}.compact-pixel-badge:not(.canvas-generation-pixel-badge){transform:translateY(-38px)}.compact-alignment-guide{position:absolute;z-index:40;display:block;pointer-events:none;background:#3b82f6;box-shadow:0 0 0 1px #ffffffa6}.compact-alignment-guide.is-vertical{top:-200vh;bottom:-200vh;width:1px}.compact-alignment-guide.is-horizontal{left:-200vw;right:-200vw;height:1px}.compact-node-composer{position:absolute;left:50%;top:calc(100% + 14px);z-index:50;width:440px;max-width:min(440px,calc(100vw - 48px));transform:translate(-50%);cursor:default;pointer-events:auto}.node-generation-composer{display:grid;gap:8px;padding:10px;border:1px solid #d9dade;border-radius:12px;background:#fffffffa;box-shadow:0 14px 42px #14171b2e;backdrop-filter:blur(10px)}.node-generation-composer textarea{box-sizing:border-box;width:100%;min-height:76px;resize:vertical;padding:9px 10px;border:1px solid #e0e1e4;border-radius:8px;outline:0;color:#24262a;font:11px/1.5 Microsoft YaHei,sans-serif}.node-generation-composer textarea:focus{border-color:#c9912f;box-shadow:0 0 0 3px #c9912f1f}.node-annotation-groups{display:grid;gap:7px}.node-annotation-groups.is-open{padding:8px;border:1px solid #ede3d0;border-radius:9px;background:#fffaf1}.node-annotation-groups-title{display:flex;align-items:center;gap:7px;width:100%;padding:6px 10px;border:1px solid #ede3d0;border-radius:8px;background:#fffaf1;color:#7d6843;cursor:default;text-align:left}.node-annotation-groups.is-open .node-annotation-groups-title{padding:0 0 2px;border:0;border-radius:0;background:transparent}.node-annotation-groups-title strong{color:#5c4724;font-size:11px;letter-spacing:.02em}.node-annotation-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 5px;border-radius:999px;background:#e7b64d;color:#5c4013;font-size:9px;font-weight:700}.node-annotation-groups-title em{flex:1;min-width:0;overflow:hidden;color:#a38a60;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.node-annotation-groups-title span{color:#a38a60;font-size:9px;white-space:nowrap}.node-annotation-groups-list{display:grid;gap:6px;max-height:206px;overflow:auto;padding-right:2px}.node-annotation-group{display:grid;gap:5px;padding:7px;border:1px solid rgba(202,185,153,.5);border-radius:7px;background:#ffffffc7}.node-annotation-group-head{display:flex;align-items:center;gap:6px;min-width:0;color:#58524a}.node-annotation-group-head i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #3a352d2e}.node-annotation-group-head b{min-width:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-annotation-group-head em{margin-left:auto;color:#92753d;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.node-generation-composer textarea.node-annotation-group-input{min-height:44px;padding:7px 8px;resize:vertical;background:#fff;font-size:10px}.node-generation-composer textarea.node-general-prompt{min-height:64px}.node-composer-ratios{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.node-composer-ratios button{min-width:0;height:26px;padding:0 3px;border:0;border-radius:6px;background:#f0f1f3;color:#777b82;font-size:9px;cursor:pointer}.node-composer-ratios button.active{background:#202124;color:#fff}.node-composer-selects{display:grid;grid-template-columns:1fr 1fr;gap:7px}.node-composer-selects select{min-width:0;height:32px;padding:0 8px;border:1px solid #dcdde0;border-radius:7px;background:#fff;color:#2f3135;font-size:10px}.node-composer-generate{display:flex;min-height:36px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:#202124;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.node-composer-generate:disabled{cursor:not-allowed;opacity:.42}.compact-layer-toolbar button{min-height:32px;font-size:13px}.compact-layer-download,.compact-layer-clear-annotations,.compact-layer-delete{flex-basis:32px;width:32px;height:32px}.compact-layer-toolbar button svg{width:16px;height:16px}.node-generation-composer textarea{font-size:14px}.node-generation-composer textarea.node-annotation-group-input{font-size:13px}.node-composer-selects select{height:36px;font-size:13px}.node-composer-ratios button{height:30px;font-size:12px}.node-composer-generate{min-height:40px;font-size:14px}@media(pointer:coarse){.node-generation-composer textarea,.node-composer-selects select{font-size:16px}}.compact-sticker-label{position:absolute;left:0;top:-27px;z-index:2;display:flex;max-width:100%;align-items:center;gap:5px;padding:5px 7px;overflow:hidden;border:1px solid #dedfe2;border-radius:6px;background:#fff;color:#55595f;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 12px #14171b1a;pointer-events:none}.compact-sticker.selected .compact-sticker-label{display:none}.compact-sticker-label b{width:8px;height:8px;flex:0 0 8px;border:1px solid #9a9da2;border-radius:50%;background:#fff}.compact-sticker-label b.is-connected{border-color:#191b1e;background:#191b1e;box-shadow:0 0 0 2px #191b1e1f}.compact-reference-port{position:absolute;right:-9px;top:50%;z-index:5;width:18px;height:18px;padding:0;transform:translateY(-50%);border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #a4a7ab,0 3px 8px #0000002e;cursor:crosshair}.compact-main-port,.compact-reference-port{opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.compact-main-layer.selected>.compact-main-port,.compact-main-layer.selected>.compact-reference-port,.compact-sticker.selected>.compact-main-port,.compact-sticker.selected>.compact-reference-port,.compact-workbench.is-connecting .compact-main-port,.compact-workbench.is-connecting .compact-reference-port{opacity:1;pointer-events:auto}.compact-selected-image-label{position:absolute;left:8px;top:8px;z-index:9;display:flex;max-width:calc(100% - 16px);align-items:center;gap:4px;padding:4px 7px;overflow:hidden;border-radius:6px;background:#1e2126e6;color:#fff;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 14px #0003;pointer-events:none}.compact-reference-port:hover,.compact-reference-port.is-connected{background:#191b1e;box-shadow:0 0 0 1px #191b1e,0 3px 8px #0000002e}.compact-disconnect-reference{position:absolute;right:-4px;top:-34px;z-index:8;display:flex;height:25px;align-items:center;gap:4px;padding:0 7px;border:1px solid #d7d9dc;border-radius:6px;background:#fff;color:#4f5358;font-size:9px;font-weight:700;box-shadow:0 5px 15px #14171b1f}.compact-disconnect-reference:hover{border-color:#202124;color:#161719}.compact-tools,.compact-zoom,.compact-brush{position:absolute;z-index:16;display:flex;align-items:center;gap:3px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:0 10px 30px #14171b21;backdrop-filter:blur(12px)}.compact-tools{left:50%;top:14px;bottom:auto;z-index:28;padding:6px;border-radius:14px;transform:translate(-50%);transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s ease}.compact-tools.is-collapsed{opacity:0;pointer-events:none;transform:translate(-50%) translateY(calc(-100% - 22px))}.compact-zoom{left:16px;bottom:18px}.compact-brush{left:50%;top:70px;bottom:auto;z-index:28;transform:translate(-50%);gap:8px}.compact-tools button,.compact-zoom button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:#5b6067;transition:background .14s ease,color .14s ease}.compact-tools button.compact-number-toggle{width:auto;min-width:38px;padding:0 9px;font-size:10px;font-weight:800;letter-spacing:-.04em}.compact-tools button svg{width:18px;height:18px}.compact-zoom button svg{width:16px;height:16px}.compact-tools button:hover:not(:disabled),.compact-zoom button:hover:not(:disabled){background:#f1f2f4;color:#191b1e}.compact-tools button.active{background:#191b1e;color:#fff;box-shadow:0 2px 6px #14171b47}.compact-tools button.active:hover{background:#191b1e;color:#fff}.compact-tools button:disabled,.compact-zoom button:disabled{opacity:.3;cursor:not-allowed}.compact-tools-toggle{color:#9aa0a6}.compact-tools-divider{width:1px;height:20px;margin:0 1px;background:var(--line)}.compact-tools-handle{position:absolute;left:50%;top:0;z-index:28;display:grid;width:46px;height:20px;padding:0;place-items:center;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fffffff5;color:#8a8f96;cursor:pointer;box-shadow:0 4px 12px #14171b1a;transform:translate(-50%);backdrop-filter:blur(10px);transition:color .14s ease,background .14s ease}.compact-tools-handle:hover{background:#fff;color:#191b1e}.compact-workbench[data-tool=rectangle],.compact-workbench[data-tool=lasso],.compact-workbench[data-tool=export-area],.compact-workbench[data-tool=rectangle] .compact-main-layer,.compact-workbench[data-tool=lasso] .compact-main-layer,.compact-workbench[data-tool=rectangle] .compact-sticker,.compact-workbench[data-tool=lasso] .compact-sticker,.compact-workbench[data-tool=rectangle] .compact-canvas-wrap canvas,.compact-workbench[data-tool=lasso] .compact-canvas-wrap canvas{cursor:crosshair}.compact-workbench[data-tool=text],.compact-workbench[data-tool=text] .compact-main-layer,.compact-workbench[data-tool=text] .compact-sticker{cursor:text}.compact-workbench[data-tool=pan]{cursor:grab}.compact-workbench[data-tool=pan]:active{cursor:grabbing}.compact-workbench[data-tool] .compact-tools button,.compact-workbench[data-tool] .compact-zoom button,.compact-workbench[data-tool] .compact-brush button,.compact-workbench[data-tool] .compact-layer-generate,.compact-workbench[data-tool] .compact-layer-download,.compact-workbench[data-tool] .compact-layer-clear-annotations,.compact-workbench[data-tool] .compact-layer-delete{cursor:pointer}.compact-zoom span{min-width:42px;color:#72767c;font-size:10px;text-align:center}.compact-brush input[type=color]{width:40px;height:40px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}.compact-brush input[type=range]{width:240px;height:8px;accent-color:#d29a37}.compact-brush span{min-width:auto;color:#696d73;font-size:14px;white-space:nowrap}.compact-brush select{height:40px;max-width:180px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#55595f;font-size:13px;outline:0}.compact-brush.is-text-controls{z-index:55;box-sizing:border-box;width:max-content;min-width:0;max-width:calc(100% - 24px);justify-content:flex-start;gap:5px;overflow-x:auto;padding:6px;border-color:#1f222624;border-radius:11px;background:#fcfcfafa;box-shadow:0 12px 34px #14171b24;scrollbar-width:thin}.compact-text-toolbar-title{display:flex;height:34px;flex:0 0 auto;align-items:center;gap:7px;padding:0 10px 0 7px;border-right:1px solid #dedfe2;color:#25272a}.compact-text-toolbar-title>span{display:grid;gap:1px;color:inherit;font-size:inherit;line-height:1}.compact-text-toolbar-title b{color:#25272a;font-size:10px;letter-spacing:.03em}.compact-text-toolbar-title small{color:#92969b;font-size:8px;font-weight:500}.compact-color-control,.compact-text-field{display:flex;height:34px;min-width:0;align-items:center;gap:5px;padding:0 5px;border:1px solid transparent;border-radius:7px;color:#777b82}.compact-color-control:hover,.compact-text-field:hover{border-color:#e3e4e6;background:#f5f5f3}.compact-color-control small,.compact-text-field small{flex:0 0 auto;padding:0;color:#85898f;font-size:9px;font-weight:650;line-height:1;letter-spacing:.02em}.compact-color-control input[type=color]{width:27px;height:27px;padding:3px;border-radius:6px}.compact-text-field select,.compact-text-field input{box-sizing:border-box;height:28px;min-width:0;padding:0 7px;border:1px solid #d9dade;border-radius:6px;background:#fff;color:#30343a;font-size:11px;outline:0}.compact-text-field select:focus,.compact-text-field input:focus{border-color:#bd8122;box-shadow:0 0 0 2px #d29a3724}.compact-text-field.is-font select{width:126px;font-size:11px}.compact-text-field.is-number input,.compact-text-field.is-number select{width:54px;font-variant-numeric:tabular-nums}.compact-text-field input[type=number]{appearance:textfield;font-weight:650;text-align:center}.compact-text-field input[type=number]::-webkit-inner-spin-button,.compact-text-field input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}.compact-text-field.is-width{gap:3px;padding-inline:3px}.compact-text-field.is-width input{width:58px}.compact-text-command{display:grid;width:32px;height:32px;flex:0 0 32px;margin:0;padding:0;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#4f545b}.compact-text-command:hover{border-color:#e1e2e4;background:#f2f3f4;color:#191b1e}.compact-text-command.active{border-color:#d8be91;background:#f7ead1;color:#8a5a10}.compact-align-group{display:flex;height:34px;align-items:center;gap:1px;padding:0 2px}.compact-text-ribbon-divider{width:1px;height:24px;margin:0 3px;flex:0 0 1px;background:#dedfe2}.compact-notice{position:absolute;left:50%;top:16px;z-index:12;margin:0;padding:8px 12px;transform:translate(-50%);border-radius:7px;background:#202124e6;color:#fff;font-size:10px;box-shadow:0 6px 20px #00000026}.compare-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0f111494;backdrop-filter:blur(8px)}.compare-dialog{position:relative;display:flex;width:min(1000px,92vw);height:min(760px,calc(100vh - 48px));min-width:min(520px,92vw);min-height:420px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:visible;flex-direction:column;border-radius:12px;background:#fff;box-shadow:0 28px 90px #00000047}.compare-dialog header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.compare-dialog header>div{display:flex;align-items:center;gap:6px}.compare-dialog header button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:#f2f3f4}.compare-dialog header .compare-custom-image{display:flex;width:auto;padding:0 10px;gap:5px;color:#5c6065;font-size:10px;font-weight:700}.compare-stage-react{position:relative;min-height:0;overflow:hidden;flex:1;background:#151619;cursor:default;touch-action:none}.compare-stage-react>img,.compare-stage-react>div,.compare-stage-react>div>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-stage-react>div{overflow:hidden}.compare-stage-react>i{position:absolute;top:0;bottom:0;z-index:5;width:16px;margin-left:-8px;background:transparent;cursor:ew-resize;touch-action:none;outline:none}.compare-stage-react>i:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0000002e,0 0 12px #0000004d}.compare-stage-react>i:hover:before,.compare-stage-react>i:focus-visible:before{width:3px;background:#fff}.compare-resize-handle{position:absolute;z-index:8;display:block}.compare-resize-handle.is-n,.compare-resize-handle.is-s{left:14px;right:14px;height:10px;cursor:ns-resize}.compare-resize-handle.is-n{top:-5px}.compare-resize-handle.is-s{bottom:-5px}.compare-resize-handle.is-e,.compare-resize-handle.is-w{top:14px;bottom:14px;width:10px;cursor:ew-resize}.compare-resize-handle.is-e{right:-5px}.compare-resize-handle.is-w{left:-5px}.compare-resize-handle.is-ne,.compare-resize-handle.is-nw,.compare-resize-handle.is-se,.compare-resize-handle.is-sw{width:18px;height:18px}.compare-resize-handle.is-ne{top:-6px;right:-6px;cursor:nesw-resize}.compare-resize-handle.is-nw{top:-6px;left:-6px;cursor:nwse-resize}.compare-resize-handle.is-se{right:-6px;bottom:-6px;cursor:nwse-resize}.compare-resize-handle.is-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.compare-resize-handle.is-se:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.compare-controls>div span{min-width:46px;color:#66696e;font-size:10px;font-weight:750;text-align:center}@media(max-width:1100px){.react-studio{grid-template-columns:var(--history-width) minmax(280px,1fr) min(var(--composer-width),calc(100vw - 280px))}.react-studio.history-collapsed{grid-template-columns:44px minmax(280px,1fr) min(var(--composer-width),calc(100vw - 280px))}.studio-history{visibility:visible}}@media(min-width:761px)and (max-width:1500px){.compact-tools{top:18px;bottom:auto}.compact-brush{top:74px;bottom:auto}}@media(min-width:761px)and (max-height:820px){.studio-composer{padding:10px}.composer-spacer{flex:0 0 8px}.conversation-log>div{max-height:22vh}.composer-card textarea{min-height:88px}}@media(max-width:760px){body{overflow:auto}.react-studio{height:auto;min-height:100svh;grid-template:54px 92px 48svh auto / 1fr}.studio-header{grid-column:1}.studio-brand strong{font-size:12px}.studio-history{grid-row:2;display:block;visibility:visible;overflow-x:auto;overflow-y:hidden;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}.studio-history .panel-title,.history-collapse,.history-resize-handle{display:none}.history-preview-image{max-width:calc(100vw - 24px);max-height:calc(100svh - 168px)}.history-preview-bar{flex-wrap:wrap;justify-content:center}.history-preview-bar p{max-width:calc(100vw - 64px)}.history-list{display:flex;gap:7px;min-width:max-content}.history-item{width:104px}.history-list .history-open{background:#f7f7f7}.history-list img,.history-generating{width:100%;aspect-ratio:4/3}.history-actions{opacity:1}.studio-canvas{grid-row:3}.canvas-workspace-tabs{top:8px;left:8px;max-width:calc(100% - 16px)}.studio-composer{grid-row:4;border-left:0;border-top:1px solid var(--line);min-height:440px;padding:12px}.composer-resize-handle{display:none}.composer-spacer{flex-basis:24px}.image-stage{inset:20px 14px 70px}.canvas-toolbar{width:max-content;max-width:calc(100vw - 20px);overflow-x:auto}.compact-zoom{left:8px;top:8px;bottom:auto}.compact-tools{top:58px;bottom:auto;max-width:calc(100vw - 16px);overflow-x:auto}.compact-tools button,.compact-zoom button{width:38px;height:38px;flex:0 0 38px}.compact-brush{top:110px;bottom:auto;max-width:calc(100vw - 20px)}.compact-brush.is-text-controls{min-width:0;max-width:calc(100vw - 20px);justify-content:flex-start}.compact-brush input[type=range]{width:min(240px,45vw)}.generation-board{top:8px;width:calc(100% - 16px);padding:7px}.generation-board>header{min-height:25px;padding-bottom:6px}.generation-grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.generation-tile{flex:0 0 178px;scroll-snap-align:start}}.studio-header-actions .credit-topup{border-color:#c9963c;background:#c9963c;color:#fff;font-weight:600}.studio-header-actions .credit-topup:hover{background:#b7862f;border-color:#b7862f;color:#fff}.studio-header-actions .studio-feedback{border-color:#e5e1d8;background:#fff;color:#665c4d}.studio-header-actions .studio-feedback:hover{border-color:#c9963c;color:#996818;background:#fffaf0}.studio-account{position:relative}.studio-account-link{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#55585d;font-size:12px;text-decoration:none}.studio-account-avatar{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,#d8a544,#c9963c);color:#fff;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 2px 8px #c9963c52;transition:transform .16s ease,box-shadow .16s ease}.studio-header-actions .studio-account-avatar{display:grid;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%}.studio-account-avatar:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c9963c66}.studio-account-avatar span,.studio-account-avatar img{pointer-events:none}.studio-account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.studio-account-menu{position:absolute;top:48px;right:0;z-index:120;width:232px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 48px #14120e2e}.studio-account-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.studio-account-menu-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#d8a544,#c9963c);color:#fff;font-size:18px;font-weight:900}.studio-account-menu-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.studio-account-head div{display:flex;flex-direction:column;min-width:0;line-height:1.3}.studio-account-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1e;font-size:15px}.studio-account-head small{color:#8a8d93;font-size:11px}.studio-account-menu>a,.studio-account-menu>button{display:flex;width:100%;align-items:center;gap:7px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#26262b;font-size:12px;text-decoration:none;text-align:left}.studio-account-menu>a:hover,.studio-account-menu>button:hover{background:#fdf6e9;color:#996818}@media(max-width:720px){.studio-account-menu{position:fixed;top:50px;right:10px;width:min(232px,calc(100vw - 20px))}}.phase-steps{list-style:none;display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:0}.phase-steps li{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa0a6}.phase-steps li i{width:18px;height:18px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d7d9dc;background:#fff;font-size:10px;font-style:normal;line-height:1}.phase-steps li:not(:last-child):after{content:"";flex:1;height:1px;background:#e4e5e7;margin-left:2px}.phase-steps li.active{color:#996818;font-weight:600}.phase-steps li.active i{border-color:#c9963c;background:#fffaf0;color:#996818}.phase-steps li.done{color:#3f8a4d}.phase-steps li.done i{border-color:#3f8a4d;background:#eef7f0;color:#3f8a4d}.recharge-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f111494;backdrop-filter:blur(8px)}.recharge-box{width:min(380px,94vw);padding:20px;border-radius:12px;background:#fff;box-shadow:0 28px 90px #00000047;text-align:center}.recharge-box header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.recharge-box header strong{font-size:16px;color:#17181a}.recharge-box header button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#f2f3f4;color:#55585d;cursor:pointer}.recharge-form{display:flex;flex-direction:column;gap:11px;text-align:left}.recharge-form>label{font-size:12px;font-weight:700;color:#55585d}.recharge-amount{display:flex;height:52px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fafafa}.recharge-amount:focus-within{border-color:#c9963c;box-shadow:0 0 0 3px #c9963c24}.recharge-amount span{display:grid;width:44px;place-items:center;border-right:1px solid var(--line);color:#c9963c;font-weight:800;font-size:18px}.recharge-amount input{flex:1;min-width:0;height:100%;padding:0 14px;border:0;outline:0;background:transparent;color:#17181a;font-size:22px;font-weight:700}.recharge-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.recharge-quick button{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#55585d;font-size:12px;font-weight:700;cursor:pointer}.recharge-quick button:hover,.recharge-quick button.active{border-color:#c9963c;color:#996818;background:#fffaf0}.recharge-preview{min-height:20px;padding:9px 11px;border:1px dashed #ead4a6;border-radius:8px;background:#fffaf0;color:#73767c;font-size:12px}.recharge-preview b{color:#996818;font-size:18px;font-weight:800}.recharge-submit{height:46px;border:0;border-radius:9px;background:#c9963c;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.recharge-submit:hover{background:#b7862f}.recharge-submit:disabled{opacity:.6;cursor:wait}.recharge-qr{display:block;width:210px;height:210px;object-fit:contain;margin:6px auto 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.recharge-msg{margin:12px 0 0;color:#73767c;font-size:12px;line-height:1.6}.recharge-order{display:block;margin-top:8px;color:#a0a2a6;font-size:10px}.feedback-overlay{position:fixed;inset:0;z-index:52;display:grid;place-items:center;padding:20px;background:#0f111494;backdrop-filter:blur(8px)}.feedback-box{width:min(470px,94vw);padding:20px;border-radius:14px;background:#fff;box-shadow:0 28px 90px #00000047}.feedback-box header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.feedback-box header>div{display:grid;gap:3px}.feedback-box header strong{color:#17181a;font-size:16px}.feedback-box header span{color:#999ca1;font-size:10px}.feedback-box header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:#f2f3f4;color:#55585d}.feedback-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.feedback-types button{min-height:31px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#696c71;font-size:10px}.feedback-types button.active{border-color:#c9963c;background:#fffaf0;color:#996818;font-weight:700}.feedback-detail{display:grid;gap:6px;color:#55585d;font-size:11px;font-weight:700}.feedback-detail textarea{min-height:128px;resize:vertical;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fafafa;color:#202124;font-size:12px;line-height:1.65;outline:0}.feedback-detail textarea:focus{border-color:#c9963c;box-shadow:0 0 0 3px #c9963c1f}.feedback-context{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.feedback-context span{padding:3px 7px;border-radius:5px;background:#f3f3f1;color:#85827a;font-size:9px}.feedback-box>p{margin:10px 0 0;color:#c34535;font-size:11px}.feedback-box>p.ok{color:#16865a}.feedback-submit{width:100%;min-height:40px;margin-top:14px;border:0;border-radius:8px;background:#202124;color:#fff;font-size:12px;font-weight:750}.feedback-submit:disabled{opacity:.55}.composer-settings{position:relative}.composer-settings-trigger{display:inline-flex;width:max-content;max-width:100%;min-height:36px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4a4e54;font-size:11px;font-weight:700;box-shadow:0 1px 2px #14171b0a;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.composer-settings-trigger:hover{border-color:#b9bcc1;color:#191b1e;box-shadow:0 2px 8px #14171b14}.composer-settings-trigger.is-open{border-color:#202124;color:#191b1e;box-shadow:0 2px 10px #14171b24}.composer-settings-trigger em{padding:2px 7px;border-radius:999px;background:#f2f3f5;color:#5b5f65;font-size:10px;font-style:normal;font-weight:700}.composer-settings-trigger span{white-space:nowrap}.composer-settings-trigger svg:first-child{flex:0 0 auto;color:#8a8f96}.composer-settings-trigger svg:last-child{flex:0 0 auto;margin-left:2px;color:#9aa0a6;transition:transform .18s ease}.composer-settings-trigger svg.is-flipped{transform:rotate(180deg)}.composer-settings-panel{position:absolute;right:auto;bottom:calc(100% + 8px);left:0;z-index:40;display:flex;width:min(340px,100%);max-height:min(52vh,430px);flex-direction:column;gap:11px;overflow-y:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 26px #14171b29}.composer-settings-panel section{display:flex;flex-direction:column;gap:7px}.composer-settings-panel h4{margin:0;color:#8a8f96;font-size:10px;font-weight:800;letter-spacing:.06em}.composer-settings-panel select{min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#33363b;font-size:12px}.settings-size{display:grid;margin:0;gap:6px;grid-template-columns:1fr 1fr}.settings-size span{display:flex;min-height:32px;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fafafb;color:#33363b;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.settings-size span b{color:#9aa0a6;font-size:10px;font-weight:800}.settings-size-note{margin:4px 0 0;color:#9aa0a6;font-size:10px}.settings-chip-row{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-chip-row.is-ratios,.settings-chip-row.is-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-chip-row button{display:flex;min-height:34px;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 4px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#4a4e54;font-size:11px;font-weight:700}.settings-chip-row button small{color:#9aa0a6;font-size:9px;font-weight:600}.settings-chip-row button:hover:not(:disabled){border-color:#202124}.settings-chip-row button.active{border-color:#202124;background:#202124;color:#fff}.settings-chip-row button.active small{color:#ffffffb3}.settings-chip-row button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:720px){.settings-chip-row,.settings-chip-row.is-ratios,.settings-chip-row.is-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}.composer-card.is-settings-open{overflow:visible}.studio-editor-tools{position:relative;display:flex}.studio-editor-tools .studio-editor-actions{position:absolute;bottom:calc(100% + 8px);left:0;z-index:45;display:flex;width:max-content;max-width:min(420px,calc(100vw - 32px));flex-wrap:wrap;gap:7px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 30px #14171b24}.studio-editor-tools .studio-editor-actions button{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4a4e54;font-size:11px;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease}.studio-editor-tools .studio-editor-actions button:hover:not(:disabled){border-color:#202124;background:#fafafb;color:#191b1e}.studio-editor-tools .studio-editor-actions button:disabled{opacity:.45;cursor:not-allowed}.studio-editor-tools .studio-editor-actions button.danger{border-color:#f0d5d2;color:#c0392b}.studio-editor-tools .studio-editor-actions button.danger:hover:not(:disabled){border-color:#c0392b;background:#fdf3f2;color:#a5321f}.composer-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.composer-toolbar-row .composer-settings,.composer-toolbar-row .studio-editor-tools{position:relative}.studio-account-link{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#55585d;font-size:12px;text-decoration:none;transition:border-color .15s ease,background .15s ease}.studio-account-link em{padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#d8a544,#c9963c);color:#fff;font-size:11px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.studio-account-link:hover{border-color:#c9963c;background:#fffaf0;color:#996818}@media(max-width:720px){.studio-account-link span{display:none}.studio-account-link{padding:0 6px}}.composer-clear-canvas{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 13px;border:1px solid #f0d5d2;border-radius:999px;background:#fff;color:#c0392b;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #14171b0a;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.composer-clear-canvas:hover:not(:disabled){border-color:#c0392b;background:#fdf3f2;box-shadow:0 2px 8px #c0392b29}.composer-clear-canvas:disabled{opacity:.45;cursor:not-allowed}.canvas-tool-dock{position:absolute;bottom:18px;left:50%;z-index:30;display:flex;width:max-content;max-width:calc(100% - 24px);flex-wrap:nowrap;align-items:center;justify-content:center;gap:3px;overflow-x:auto;padding:6px;transform:translate(-50%);border:1px solid var(--line);border-radius:13px;background:#fffffffa;box-shadow:0 10px 32px #14171b24;backdrop-filter:blur(12px);scrollbar-width:thin}.canvas-tool-dock button{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4a4e54;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.canvas-tool-dock button:hover:not(:disabled){background:#f2f3f5;color:#191b1e}.canvas-tool-dock button.is-active{border-color:#c7d8ca;background:#edf7ef;color:#315b3d}.canvas-tool-dock button:disabled{opacity:.42;cursor:not-allowed}.canvas-tool-dock button svg{flex:0 0 auto;color:#8a8f96}.canvas-tool-dock button:hover:not(:disabled) svg{color:#4a4e54}.canvas-tool-dock-split{width:1px;height:20px;background:var(--line)}.canvas-tool-dock button.danger{color:#c0392b}.canvas-tool-dock button.danger svg{color:#c0392b}.canvas-tool-dock button.danger:hover:not(:disabled){background:#fdf3f2;color:#a5321f}.canvas-agent-region-world{position:absolute;left:0;top:0;z-index:19;width:0;height:0;overflow:visible;pointer-events:none}.canvas-agent-region-world .canvas-agent-region-outline{position:absolute;box-sizing:border-box}.canvas-tool-dock .canvas-tool-dock-toggle{width:30px;padding:0;justify-content:center;border-left:1px solid var(--line);border-radius:7px;color:#676b71}.canvas-tool-dock.is-collapsed{left:auto;right:18px;padding:5px;transform:none;overflow:visible;border-radius:999px}.canvas-tool-dock.is-collapsed .canvas-tool-dock-toggle{width:32px;height:32px;border:0;border-radius:50%;background:#202124;color:#fff}.canvas-tool-dock.is-collapsed .canvas-tool-dock-toggle svg{transform:rotate(180deg);color:#fff}.canvas-appearance-control{position:relative}.studio-theme-toggle.is-active{border-color:#c9912f!important;box-shadow:0 0 0 3px #c9912f1f}.canvas-appearance-popover{position:absolute;top:42px;left:0;z-index:80;width:248px;padding:12px;border:1px solid #dedfe2;border-radius:14px;background:#fffffffa;color:#282a2e;box-shadow:0 18px 42px #14171b2e;backdrop-filter:blur(14px)}.canvas-appearance-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-appearance-head strong{font-size:13px}.canvas-appearance-head button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#8a8e94}.canvas-appearance-head button:hover{background:#f0f1f3;color:#222428}.canvas-appearance-label{margin:10px 3px 6px;color:#898d93;font-size:10px;font-weight:700}.canvas-appearance-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #e6e7e9;border-radius:9px;background:#f4f5f6}.canvas-appearance-segment.grid-options{grid-template-columns:repeat(3,1fr);background:#f4f5f6}.canvas-appearance-segment button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:6px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#666a70;font-size:11px}.canvas-appearance-segment button:hover{background:#fff;color:#222428}.canvas-appearance-segment button.active{background:#fff;color:#202225;box-shadow:0 1px 4px #14171b1f}.canvas-appearance-segment.grid-options button.active{background:#fff}@media(max-width:900px){.canvas-tool-dock{bottom:10px;max-width:calc(100% - 16px);padding:6px;gap:4px}.canvas-tool-dock button{min-height:30px;padding:0 8px;font-size:10px}.canvas-appearance-popover{right:0;left:auto}}.canvas-agent-upload-actions{display:flex;gap:6px}.canvas-agent-attachment-list{display:flex;width:100%;flex-wrap:wrap;gap:5px}.canvas-agent-attachment-list>span{display:inline-flex;max-width:170px;align-items:center;gap:4px;padding:3px 4px 3px 8px;border:1px solid #e5e1d7;border-radius:999px;background:#fff;color:#625e56}.canvas-agent-attachment-list i{overflow:hidden;text-overflow:ellipsis;font-size:10px;font-style:normal;white-space:nowrap}.canvas-agent-attachment-list button{min-height:20px;width:20px;padding:0;justify-content:center;border:0;border-radius:50%}.studio-composer.is-canvas-agent{overflow:hidden}.canvas-agent-conversation-space{display:flex;min-height:180px;flex:1 1 auto;flex-direction:column;overflow:auto;padding:18px 2px 12px}.canvas-agent-empty-chat{display:grid;max-width:250px;margin:auto;gap:8px;place-items:center;color:#33373b;text-align:center}.canvas-agent-empty-chat>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#f2f3f4;color:#51565b}.canvas-agent-empty-chat b{font-size:14px}.canvas-agent-empty-chat small{color:#92969c;font-size:11px;line-height:1.65}.canvas-agent-chat-log{display:grid;width:100%;gap:14px;margin-top:auto;padding:10px 5px 4px;font-family:Segoe UI,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif}.canvas-agent-chat-log>div{display:grid;width:100%;max-width:100%;gap:8px;padding:15px 16px 16px;border:1px solid #e5e7e8;border-radius:15px;background:#fff;color:#282c30;font-size:15px;font-weight:400;line-height:1.72;box-shadow:0 5px 18px #1c1f230b;text-rendering:optimizeLegibility}.canvas-agent-chat-log>div.is-user{width:auto;max-width:82%;margin-left:auto;padding:12px 15px 13px;border-color:#202124;border-radius:15px 15px 5px;background:#202124;color:#fff;font-size:14.5px;line-height:1.65;box-shadow:0 5px 16px #1b1d1f1f}.canvas-agent-chat-log b{display:inline-flex;width:max-content;align-items:center;color:#737980;font-size:11.5px;font-weight:650;letter-spacing:.025em;line-height:1.25}.canvas-agent-chat-log>div.is-user b{color:#ffffffa3}.canvas-agent-markdown{display:grid;gap:7px;min-width:0;overflow-wrap:anywhere}.canvas-agent-markdown p,.canvas-agent-markdown h3,.canvas-agent-markdown h4,.canvas-agent-markdown h5,.canvas-agent-markdown ul,.canvas-agent-markdown ol,.canvas-agent-markdown blockquote{margin:0}.canvas-agent-markdown h3{font-size:17px;line-height:1.4}.canvas-agent-markdown h4{font-size:15px;line-height:1.45}.canvas-agent-markdown h5{font-size:14px;line-height:1.5}.canvas-agent-markdown ul,.canvas-agent-markdown ol{display:grid;gap:5px;padding-left:1.45em}.canvas-agent-markdown li{padding-left:.15em}.canvas-agent-markdown strong{display:inline;width:auto;color:inherit;font-size:inherit;font-weight:750;letter-spacing:0;line-height:inherit}.canvas-agent-markdown code{padding:2px 5px;border-radius:5px;background:#f1f2f3;color:#9a4e18;font:600 .88em/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-agent-markdown a{color:#2868b2;text-decoration:underline;text-underline-offset:2px}.canvas-agent-markdown blockquote{padding:7px 10px;border-left:3px solid #d29a37;background:#faf7f0;color:#5e5a52}.canvas-agent-chat-log>div.is-user .canvas-agent-markdown{gap:4px}.canvas-agent-chat-log>div.is-user .canvas-agent-markdown code{background:#ffffff21;color:#fff}.canvas-image-pick-banner{position:absolute;left:50%;top:74px;z-index:72;display:flex;min-height:42px;align-items:center;gap:9px;padding:6px 7px 6px 12px;transform:translate(-50%);border:1px solid #d6a34b;border-radius:12px;background:#fffbf1f7;color:#76521b;box-shadow:0 12px 28px #271f1129;backdrop-filter:blur(12px)}.canvas-image-pick-banner>span{display:flex;min-width:0;flex-direction:column;gap:2px;white-space:nowrap}.canvas-image-pick-banner b{font-size:11px}.canvas-image-pick-banner small{color:#9a793f;font-size:9px}.canvas-image-pick-banner button{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#8e713f;cursor:pointer}.canvas-image-pick-banner button:hover{background:#d29a3724;color:#5f4316}.canvas-agent-element-stage{position:relative;container-type:size;width:100%;overflow:hidden;border:1px solid #e6e3db;border-radius:8px;background:#fff;touch-action:none}.canvas-agent-el{position:absolute;display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;overflow:hidden;border:1px solid transparent;border-radius:3px;background:transparent;text-align:left;cursor:pointer;touch-action:none;transition:box-shadow .12s,border-color .12s}.canvas-agent-el:hover{border-color:#c9912f8c;box-shadow:0 0 0 2px #c9912f24}.canvas-agent-el.selected{border-color:#c9912f;box-shadow:0 0 0 2px #c9912f47}.canvas-agent-el.selected{z-index:20!important;cursor:move}.canvas-agent-el.is-text{color:#22211e}.canvas-agent-el-text{display:block;width:100%;overflow:hidden;line-height:1.25}.canvas-agent-el.is-image{border:1px dashed #cfccc3;background:#f4f3ef;justify-content:center}.canvas-agent-el.is-image img{width:100%;height:100%;object-fit:cover}.canvas-agent-el-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#777a74;font-size:11px}.canvas-agent-el-placeholder b{font-weight:700;font-size:11px}.canvas-agent-el.is-divider{border-radius:0}.canvas-agent-resize-handle{position:absolute;z-index:30;width:8px;height:8px;margin:-4px 0 0 -4px;border:1px solid #fff;border-radius:50%;background:#c9912f;box-shadow:0 0 0 1px #6048188c;cursor:pointer;touch-action:none}.canvas-agent-resize-handle.is-nw{left:0;top:0;cursor:nwse-resize}.canvas-agent-resize-handle.is-n{left:50%;top:0;cursor:ns-resize}.canvas-agent-resize-handle.is-ne{left:100%;top:0;cursor:nesw-resize}.canvas-agent-resize-handle.is-e{left:100%;top:50%;cursor:ew-resize}.canvas-agent-resize-handle.is-se{left:100%;top:100%;cursor:nwse-resize}.canvas-agent-resize-handle.is-s{left:50%;top:100%;cursor:ns-resize}.canvas-agent-resize-handle.is-sw{left:0;top:100%;cursor:nesw-resize}.canvas-agent-resize-handle.is-w{left:0;top:50%;cursor:ew-resize}.react-studio.is-dark{--line:#34383d;--muted:#a6abb1;--panel:#181a1d;background:#111315;color:#f1f2f2}.react-studio.is-dark .studio-header{background:#141619f5;border-color:#34383d}.react-studio.is-dark .studio-brand-word,.react-studio.is-dark .studio-header-actions a,.react-studio.is-dark .studio-header-actions button{color:#f1f2f2}.react-studio.is-dark .studio-brand-word span{color:#d7d9d9}.react-studio.is-dark .studio-history,.react-studio.is-dark .studio-composer{background:#181a1d;border-color:#34383d}.react-studio.is-dark .composer-resize-handle:before{background:#34383d}.react-studio.is-dark .panel-title small,.react-studio.is-dark .composer-head small,.react-studio.is-dark .canvas-agent-document-rail-head{color:#9ba1a8}.react-studio.is-dark .history-collapse,.react-studio.is-dark .canvas-empty-react button,.react-studio.is-dark .canvas-toolbar,.react-studio.is-dark .composer-card,.react-studio.is-dark .image-composer-collapsed,.react-studio.is-dark .image-composer-collapse{border-color:#3b4046;background:#202328;color:#eceeed}.react-studio.is-dark .compact-workbench{background-color:#15181b;background-image:linear-gradient(rgba(103,110,118,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(103,110,118,.25) 1px,transparent 1px)}.react-studio.is-dark .canvas-toolbar button,.react-studio.is-dark .studio-header-actions a,.react-studio.is-dark .studio-header-actions button{color:#d8dbde}.react-studio.is-dark .canvas-toolbar button:hover,.react-studio.is-dark .studio-header-actions a:hover,.react-studio.is-dark .studio-header-actions button:hover{background:#2b3036;color:#fff}.react-studio.is-dark .agent-mode-switch{border-color:#3b4046;background:#25292e}.react-studio.is-dark .agent-mode-switch button:not(.active):hover{background:#30353b;color:#fff}.react-studio.is-dark .active-layer-indicator,.react-studio.is-dark .composer-message,.react-studio.is-dark .composer-error,.react-studio.is-dark .reference-mention-menu{border-color:#3b4046;background:#24282d;color:#e0e3e3}.react-studio.is-dark .composer-card textarea{color:#f0f1f1;background:#202328}.react-studio.is-dark .reference-mention-bar{border-color:#3b4046}.react-studio.is-dark .reference-mention-bar>span,.react-studio.is-dark .image-composer-collapsed-prompt{color:#aeb3b8}.react-studio.is-dark .image-composer-collapsed-meta em{border-color:#41464d;background:#2b3036;color:#e1e3e4}.react-studio.is-dark .composer-selects select,.react-studio.is-dark .canvas-agent-reference-upload button{border-color:#41464d;background:#2a2e33;color:#e1e3e4}.react-studio.is-dark .canvas-appearance-popover{border-color:#41464d;background:#1f2226fa;color:#f0f2f3}.react-studio.is-dark .canvas-appearance-head button{color:#aeb3b8}.react-studio.is-dark .canvas-appearance-head button:hover{background:#343940;color:#fff}.react-studio.is-dark .canvas-appearance-label{color:#aeb3b8}.react-studio.is-dark .canvas-appearance-segment{border-color:#41464d;background:#25292e}.react-studio.is-dark .canvas-appearance-segment button{color:#bec3c8}.react-studio.is-dark .canvas-appearance-segment button:hover{background:#30353b;color:#fff}.react-studio.is-dark .canvas-appearance-segment button.active{background:#3a3f45;color:#fff;box-shadow:0 1px 4px #00000040}.react-studio.is-dark .composer-card{border-color:#ffffff9e;box-shadow:none}.react-studio.is-dark .image-composer-collapse{border-color:#ffffffb8;background:#202328;color:#fff;box-shadow:none}.react-studio.is-dark .agent-mode-switch button.active{background:#fff;color:#181b1e;box-shadow:none}.react-studio.is-dark .composer-card.is-canvas-agent,.react-studio.is-dark .composer-card.is-canvas-agent .active-layer-indicator,.react-studio.is-dark .composer-card.is-canvas-agent textarea{border-color:#ffffff85;background:#202328;color:#eef0f1}.react-studio.is-dark .canvas-agent-prompt-clear{border-color:#4d5258;background:#292d32;color:#c7cbd0}.react-studio.is-dark .canvas-agent-prompt-clear:hover{border-color:#eee;background:#f8f8f8;color:#222}.react-studio.is-dark .composer-card.is-canvas-agent .agent-mode-switch{background:#292d32}.react-studio.is-dark .canvas-agent-context-bar{border-color:#3b4046;background:#202328}.react-studio.is-dark .canvas-agent-brief-trigger{border-color:#454a50;background:#292d32;color:#e3e6e8}.react-studio.is-dark .canvas-agent-brief-trigger:hover,.react-studio.is-dark .canvas-agent-brief-trigger.is-active{border-color:#cda35f;background:#332b20;color:#f3d39b}.react-studio.is-dark .canvas-agent-brief-card{border-color:#3b4046;background:#24282d;color:#eef0f2}.react-studio.is-dark .canvas-agent-brief-card>header small{color:#9fa5ab}.react-studio.is-dark .canvas-agent-brief-card>header>button{background:#30353b;color:#c9cdd1}.react-studio.is-dark .canvas-agent-brief-options button,.react-studio.is-dark .canvas-agent-brief-workflow button,.react-studio.is-dark .canvas-agent-brief-card>footer button{border-color:#454a50;background:#292d32;color:#cfd3d7}.react-studio.is-dark .canvas-agent-brief-options button:hover,.react-studio.is-dark .canvas-agent-brief-options button.is-selected,.react-studio.is-dark .canvas-agent-brief-workflow button.is-selected{border-color:#cda35f;background:#332b20;color:#f3d39b}.react-studio.is-dark .canvas-agent-brief-card .canvas-brief-constraints{border-color:#454a50!important;background:#292d32!important;color:#eef0f2!important}.react-studio.is-dark .canvas-agent-brief-card>footer button.is-primary{border-color:#e07b4e;background:#dd7447;color:#fff}.react-studio.is-dark .canvas-agent-direction-context>summary{border-color:#454a50;background:#292d32;color:#e3e6e8}.react-studio.is-dark .canvas-agent-direction-context[open]>summary{border-color:#cda35f;background:#332b20;color:#f3d39b}.react-studio.is-dark .canvas-agent-selected-image{background:#26344a;color:#b9d3ff}.react-studio.is-dark .canvas-agent-hint,.react-studio.is-dark .canvas-agent-reference-upload,.react-studio.is-dark .canvas-agent-note{border-color:#3b4046;background:#202328;color:#aeb3b8}.react-studio.is-dark .canvas-agent-reference-upload span,.react-studio.is-dark .canvas-agent-note{color:#9fa5ab}.react-studio.is-dark .canvas-agent-reference-list button{border-color:#41464d;background:#2a2e33;color:#e1e3e4}.react-studio.is-dark .canvas-agent-region-toggle{border-color:#41464d;background:#292d32;color:#d7dadd}.react-studio.is-dark .canvas-agent-submit{background:#f0f1f2;color:#1b1d20}.react-studio.is-dark .canvas-agent-submit:hover{background:#fff}.react-studio.is-dark .canvas-agent-empty-chat{color:#eef0f1}.react-studio.is-dark .canvas-agent-empty-chat>span{background:#292d32;color:#f0f2f3}.react-studio.is-dark .canvas-agent-empty-chat small{color:#9fa5ab}.react-studio.is-dark .canvas-agent-prompt-library{border-color:#3f444a;background:#24282d;box-shadow:0 12px 30px #00000047}.react-studio.is-dark .canvas-agent-prompt-library header{border-color:#3a3f45}.react-studio.is-dark .canvas-agent-prompt-library header b{color:#eef0f2}.react-studio.is-dark .canvas-agent-prompt-library>div>button{background:#2d3238;color:#edf0f2}.react-studio.is-dark .canvas-agent-prompt-library>div>button:hover{background:#373d44}.react-studio.is-dark .canvas-agent-direction-picker{border-color:#3b4046;background:#202328}.react-studio.is-dark .canvas-agent-direction-picker header{color:#eef0f2}.react-studio.is-dark .canvas-agent-direction-picker button{border-color:#454a50;background:#292d32;color:#cfd3d7}.react-studio.is-dark .canvas-agent-direction-picker button.is-selected{border-color:#f0f1f2;background:#f0f1f2;color:#1b1d20}.react-studio.is-dark .canvas-agent-export-menu{border-color:#3f444a;background:#24282d;box-shadow:0 12px 30px #00000047}.react-studio.is-dark .canvas-agent-export-menu header{border-color:#3a3f45}.react-studio.is-dark .canvas-agent-export-menu header b{color:#eef0f2}.react-studio.is-dark .canvas-agent-export-menu>div>button{background:#2d3238;color:#edf0f2}.react-studio.is-dark .canvas-agent-export-menu>div>button:hover{background:#373d44}.react-studio.is-dark .image-generation-inline-tools>button{color:#c2c6ca}.react-studio.is-dark .image-generation-inline-tools>button:hover,.react-studio.is-dark .image-generation-inline-tools>button.is-active{background:#30353b;color:#fff}.react-studio.is-dark .canvas-agent-asset-tray>button,.react-studio.is-dark .canvas-agent-asset-tray>span{background:#2b3036;color:#cdd1d5}.react-studio.is-dark .canvas-agent-asset-tray>button.is-active{background:#f1f2f3;color:#1d2024}.react-studio.is-dark .canvas-agent-attachment-card{border-color:#3b4148;background:#262b31;box-shadow:none;color:#f1f3f5}.react-studio.is-dark .canvas-agent-attachment-preview{border-color:#414850;background:#1d2228;color:#aab0b7}.react-studio.is-dark .canvas-agent-attachment-card>span>small{color:#9da4ab}.react-studio.is-dark .canvas-agent-attachment-card>button{color:#aab0b7}.react-studio.is-dark .canvas-agent-attachment-card>button:hover{background:#4a2929;color:#ffb5ae}.react-studio.is-dark .composer-actions.is-canvas-agent{border-color:#3b4046}.react-studio.is-dark .canvas-agent-inline-tools>button{color:#c2c6ca}.react-studio.is-dark .canvas-agent-inline-tools>button:hover,.react-studio.is-dark .canvas-agent-inline-tools>button.is-active{background:#30353b;color:#fff}.react-studio.is-dark .canvas-agent-inline-tools>button>i{border-color:#454a50;background:#292d32;color:#d9dde0}.react-studio.is-dark .canvas-agent-inline-tools>button.is-picking{background:#3a3021;color:#f0cc8a}.react-studio.is-dark .canvas-agent-inline-tools>button.is-picking>i{border-color:#d29a37;background:#d29a37;color:#17191c}.react-studio.is-dark .canvas-agent-send{background:#f1f2f3;color:#191b1e}.react-studio.is-dark .canvas-agent-chat-log>div{border-color:#3b4046;background:#24282d;color:#e3e5e6;box-shadow:none}.react-studio.is-dark .canvas-agent-chat-log>div.is-user{border-color:#f0f1f2;background:#f0f1f2;color:#1b1d20}.react-studio.is-dark .canvas-agent-chat-log b{color:#aeb4ba}.react-studio.is-dark .canvas-agent-chat-log>div.is-user b{color:#1b1d2094}.react-studio.is-dark .canvas-agent-markdown code{background:#343940;color:#f0bd75}.react-studio.is-dark .canvas-agent-markdown a{color:#8bbcff}.react-studio.is-dark .canvas-agent-markdown blockquote{border-color:#d29a37;background:#302b23;color:#d8d2c6}.react-studio.is-dark .composer-head-actions button{border-color:#41464d;background:#24282d;color:#bdc2c7}.react-studio.is-dark .canvas-image-pick-banner{border-color:#9b742f;background:#2d271df7;color:#f0ce91}.react-studio.is-dark .canvas-image-pick-banner small{color:#c5a66f}.react-studio.is-dark .compact-node-connections path,.react-studio.is-dark .compact-node-connections .is-draft path{stroke:#f5f7f8;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.react-studio.is-dark .compact-node-connections circle{fill:#f5f7f8;stroke:#17191c}.react-studio.is-dark .canvas-tool-dock{border-color:#3b4046;background:#1b1e22f2}.react-studio.is-dark .canvas-tool-dock button{color:#d7dadd}.react-studio.is-dark .canvas-agent-dom-tree{border-color:#dedfdc;background:#f8f8f6;color:#2f332f}.react-studio.is-dark .canvas-agent-dom-tree-head{border-color:#e4e5e1;background:#f8f8f6}.react-studio.is-dark .canvas-agent-dom-tree-head small{color:#6e746e}.react-studio.is-dark .canvas-agent-dom-tree-head span{color:#8b918b}.react-studio.is-dark .canvas-agent-dom-tree-row{color:#303530}.react-studio.is-dark .canvas-agent-dom-tree-row code{color:#7f8780}.react-studio.is-dark .canvas-agent-dom-tree-row:hover,.react-studio.is-dark .canvas-agent-dom-tree-row.selected{border-color:#cfded1;background:#edf5ee;color:#315b3d}.studio-support{position:fixed;right:calc(var(--composer-width,390px) + 22px);bottom:22px;z-index:1080;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.studio-support-trigger{height:42px;padding:0 15px;border:1px solid rgba(31,31,27,.14);border-radius:999px;background:#20201f;color:#fff;box-shadow:0 12px 32px #13131033;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease}.studio-support-trigger:hover{transform:translateY(-2px);background:#10100f}.studio-support-card{width:278px;padding:15px;border:1px solid rgba(31,31,27,.12);border-radius:18px;background:#fffffdf7;box-shadow:0 22px 60px #14140f33;color:#242421;backdrop-filter:blur(16px)}.studio-support-card header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.studio-support-card header span{display:flex;flex-direction:column;gap:2px}.studio-support-card header small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#a36c19}.studio-support-card header strong{font-size:17px}.studio-support-card header button,.studio-announcement-close{border:0;background:transparent;color:#73736d;cursor:pointer}.studio-support-qr{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:10px;border-radius:13px;background:#f3f2ed}.studio-support-qr img{width:82px;height:82px;object-fit:cover;border-radius:9px;background:#fff}.studio-support-qr span{display:flex;flex-direction:column;gap:5px}.studio-support-qr b{font-size:13px}.studio-support-qr small{font-size:11px;color:#777770}.studio-support-mail{display:block;margin:11px 2px;color:#5c5c55;font-size:11px;text-decoration:none}.studio-support-mail:hover{text-decoration:underline}.studio-support-feedback{width:100%;height:38px;border:0;border-radius:10px;background:#20201f;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750;cursor:pointer}.studio-announcement-reopen{position:fixed;right:calc(var(--composer-width,390px) + 25px);bottom:76px;z-index:1070;height:32px;padding:0 11px;border:1px solid rgba(31,31,27,.12);border-radius:999px;background:#fffffdf0;box-shadow:0 8px 24px #1e1e191a;display:flex;align-items:center;gap:6px;color:#5b4a2b;font-size:11px;font-weight:750;cursor:pointer}.studio-announcement-overlay{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:24px;background:#0f0f0d6b;backdrop-filter:blur(5px)}.studio-announcement-card{position:relative;width:min(520px,calc(100vw - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:22px;background:#fffdfa;box-shadow:0 34px 100px #0f0f0c47;color:#242421}.studio-announcement-image{display:block;width:100%;max-height:250px;object-fit:cover;background:#eeede7}.studio-announcement-copy{padding:27px 29px 22px}.studio-announcement-kicker{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#a36c19;font-size:10px;font-weight:850;letter-spacing:.13em}.studio-announcement-copy h2{margin:0 0 11px;font-size:25px;line-height:1.2;letter-spacing:-.025em}.studio-announcement-copy p{margin:0;color:#64645e;font-size:14px;line-height:1.8;white-space:pre-line}.studio-announcement-card footer{display:flex;justify-content:flex-end;gap:9px;padding:0 29px 26px}.studio-announcement-card footer a,.studio-announcement-card footer button{height:38px;padding:0 17px;border-radius:10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.studio-announcement-card footer a{border:0;background:#20201f;color:#fff}.studio-announcement-card footer button{border:1px solid #d8d7d1;background:#fff;color:#55554f}.studio-announcement-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#ffffffe0;display:grid;place-items:center}@media(max-width:900px){.studio-support,.studio-announcement-reopen{right:14px}.studio-support{bottom:14px}.studio-support-card{width:min(278px,calc(100vw - 28px))}}