:root{--ink:#17181b;--muted:#7c7d84;--blue:#5b6cff;--blue2:#8f62ff;--panel:#ffffffe0;--line:#e5e5e2;--mask:#e11d70;--focus:#5b6cff;--surface:#f1f1ee;--bg:#f1f1ee;--shadow:0 18px 50px #20232e1f;--soft-shadow:0 8px 28px #1c1f2b14;--shadow-panel:0 18px 50px #20232e1f;--topbar-h:76px;--layers-panel-w:0px;--dock-safe-bottom:148px;--artboard-size:min(62vw, calc(100dvh - var(--topbar-h) - var(--dock-safe-bottom) - 40px))}*{box-sizing:border-box}html,body,#root{height:100%;height:calc(var(--vh,1vh) * 100);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh;margin:0;overflow:hidden}body{color:var(--ink);background:var(--surface);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Manrope,Noto Sans SC,sans-serif}.btn-label-short{display:none}.btn-label-full{display:inline}.mobile-more-btn,.mobile-more-menu{display:none}button,textarea,input{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 35%, transparent);outline-offset:2px}.editor{isolation:isolate;background:radial-gradient(circle at 24% 20%,#fadce2b8 0,#0000 29%),radial-gradient(circle at 72% 78%,#dee2ecbd 0,#0000 35%),linear-gradient(135deg,#faf9f8 0%,#f1efee 100%);height:100dvh;position:relative}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f88f;border-bottom:1px solid #ffffffb8;align-items:center;height:76px;padding:0 clamp(18px,3vw,42px);display:flex;position:absolute;inset:0 0 auto}.brand-mark{color:#373431;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.brand-mark-icon{color:#fff;background:#292724;border-radius:13px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;box-shadow:0 6px 16px #463f3925}.brand-mark b,.brand-mark small{display:block}.brand-mark b{font-size:15px}.brand-mark small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:600}.history-actions{background:#ffffff8f;border:1px solid #ffffffdb;border-radius:20px;align-items:center;gap:8px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.plain-icon{color:#76716c;cursor:pointer;background:0 0;border:0;padding:7px;font-size:25px;line-height:1}.plain-icon.disabled{opacity:.35;cursor:default}.plain-icon:disabled{pointer-events:none}.history-button,.new-btn{color:#67635f;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:18px;padding:8px 13px;font-size:12px;font-weight:700;transition:background .15s,box-shadow .15s,color .15s}.new-btn{padding:8px 15px}.history-button.active,.new-btn.active{color:#292725;background:#fff;box-shadow:0 4px 15px #463f3918}.history-panel{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf9f5;border:3px solid #fff;border-radius:20px;width:min(360px,100vw - 44px);max-height:calc(100vh - 120px);padding:14px;position:fixed;top:78px;left:22px;overflow:auto;box-shadow:0 14px 40px #463f3935}.history-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-panel-head button,.history-card-info button{cursor:pointer;background:#e9e7e5;border:0;border-radius:10px;padding:5px 9px;font-size:11px}.history-empty{color:var(--muted);font-size:12px}.history-section+.history-section{border-top:1px solid #ebe7e4;margin-top:16px;padding-top:14px}.history-section h3{color:#7a746f;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:700}.history-list{gap:9px;display:grid}.design-history-list{gap:8px;display:grid}.design-history-card{background:#fff;border:1px solid #eee9e6;border-radius:11px;gap:9px;padding:7px;display:flex}.design-history-card img{object-fit:cover;background:#f1efed;border-radius:8px;width:58px;height:58px}.design-history-card>div{align-content:center;gap:3px;min-width:0;display:grid}.design-history-card b{font-size:11px}.design-history-card small{color:var(--muted);font-size:9px}.design-history-card button{color:#2674d4;cursor:pointer;background:#eaf3ff;border:0;border-radius:8px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:700}.history-card{background:#fff;border-radius:13px;gap:10px;padding:8px;display:flex}.history-card img{object-fit:cover;background:#f1efed;border-radius:9px;width:76px;height:76px}.history-card-info{align-content:center;gap:5px;min-width:0;display:grid}.history-card-info small{color:var(--muted);font-size:10px}.history-card-info div{gap:5px;display:flex}.top-actions{gap:8px;margin-left:auto;display:flex}.export-btn,.share-btn{cursor:pointer;border:0;border-radius:28px;height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s}.export-btn:hover:not(:disabled),.share-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #463f3920}.export-btn:disabled,.share-btn:disabled{opacity:.45;cursor:not-allowed}.export-btn{color:#67635f;background:#e8e6e4}.share-btn{background:var(--blue);color:#fff}.viewport{scrollbar-width:none;place-items:start center;padding:24px 24px 310px;display:grid;position:absolute;inset:76px 0 0;overflow:auto}.zoom-controls{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff;border-radius:14px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #463f3920}.zoom-controls button,.zoom-controls span{color:#625e59;text-align:center;background:0 0;border:0;border-radius:9px;min-width:28px;height:28px;font-size:12px;font-weight:700;line-height:28px}.zoom-controls button{cursor:pointer}.zoom-controls button:hover{background:#f0eeec}.zoom-controls .zoom-reset{justify-content:center;align-items:center;width:28px;min-width:28px;padding:0;display:inline-flex}.zoom-controls .zoom-reset svg{width:15px;height:15px;display:block}.viewport::-webkit-scrollbar{display:none}.artboard-scale-frame{transform-origin:50%;will-change:transform;flex:none;min-width:1px;min-height:1px;transition:none;position:relative}.artboard-scale-frame.drag-over .artboard{outline:4px solid var(--blue);outline-offset:8px;box-shadow:0 0 0 12px #2f8cf620,0 18px 50px #665f5a35}.artboard-scale-frame.drag-over:after{content:"松开鼠标上传图片";z-index:30;color:#2f78d1;pointer-events:none;background:#2f8cf615;border-radius:14px;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:0}.artboard{width:var(--artboard-w,min(70vw, calc(100vh - 185px)));height:var(--artboard-h,min(70vw, calc(100vh - 185px)));aspect-ratio:auto;box-shadow:none;transform-origin:50%;background:0 0;border-radius:11px;flex:none;position:relative;overflow:visible}.artboard.has-image{box-shadow:0 14px 44px #665f5a2d}.artboard-content{transform-origin:50%;position:absolute;inset:0;overflow:visible;transform:none!important}.artboard canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.empty-canvas-state{z-index:4;text-align:center;color:#504b47;background:radial-gradient(circle at 50% 35%,#fff 0,#faf8f6 48%,#f1eeeb 100%);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.empty-canvas-icon{color:#fff;background:#292724;border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:16px;font-size:24px;display:grid;box-shadow:0 10px 24px #463f3925}.empty-upload-hero{cursor:pointer;background:0 0;border:0;place-items:center;width:88px;height:88px;margin:0 0 8px;padding:0;display:grid;position:relative}.empty-upload-hero .empty-canvas-icon{z-index:1;border-radius:22px;width:64px;height:64px;margin:0;font-size:28px;font-weight:700;position:relative}.empty-upload-ring{border:2px dashed #2f8cf673;border-radius:28px;animation:10s linear infinite empty-upload-spin;position:absolute;inset:4px}.empty-upload-pulse{animation:1.8s ease-in-out infinite empty-upload-pulse}.empty-canvas-spinner i{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite empty-upload-spin;display:block}@keyframes empty-upload-spin{to{transform:rotate(360deg)}}@keyframes empty-upload-pulse{0%,to{transform:translateY(0);box-shadow:0 10px 24px #463f3925}50%{transform:translateY(-3px);box-shadow:0 16px 28px #2f8cf640}}.empty-canvas-state h1{color:#302d2a;letter-spacing:-.03em;margin:0;font-size:clamp(20px,2.2vw,28px)}.empty-canvas-state p{color:#85807b;max-width:340px;margin:10px 0 20px;font-size:13px;line-height:1.6}.empty-canvas-actions{gap:9px;display:flex}.empty-canvas-actions button{color:#fff;cursor:pointer;background:#2f8cf6;border:0;border-radius:20px;min-height:40px;padding:0 18px;font-size:13px;font-weight:700;box-shadow:0 6px 16px #2f8cf630}.empty-canvas-actions button.secondary{color:#57514c;box-shadow:none;background:#ebe8e5}.empty-canvas-actions button:hover{transform:translateY(-1px)}.empty-canvas-state small{color:#aaa39d;margin-top:18px;font-size:10px}.artboard.mask-mode{cursor:crosshair;box-shadow:0 0 0 3px #fff,0 0 0 5px #ff4f8b,0 16px 45px #665f5a35}.artboard.layer-hover{cursor:default}.artboard.layer-hover #maskCanvas{cursor:pointer}.layer-box{box-sizing:border-box;pointer-events:none;z-index:5;border:2px solid #2f8cf6;position:absolute;box-shadow:0 0 0 1px #ffffffd9}.layer-box.hover{background:#2f8cf614;border-color:#2f8cf6}.layer-box.selected:not(.hover){border-style:solid;border-color:#2f8cf6}.layer-box-label{color:#fff;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;background:#2f8cf6;border-radius:6px;max-width:min(180px,70%);height:20px;padding:0 7px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-22px;left:0;overflow:hidden}.layer-label-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.layer-box .h{box-sizing:border-box;background:#fff;border:1.5px solid #2f8cf6;border-radius:1px;width:8px;height:8px;position:absolute}.layer-box .tl{cursor:nwse-resize;top:-5px;left:-5px}.layer-box .tr{cursor:nesw-resize;top:-5px;right:-5px}.layer-box .bl{cursor:nesw-resize;bottom:-5px;left:-5px}.layer-box .br{cursor:nwse-resize;bottom:-5px;right:-5px}.layer-box .tm{cursor:ns-resize;margin-left:-4px;top:-5px;left:50%}.layer-box .bm{cursor:ns-resize;margin-left:-4px;bottom:-5px;left:50%}.layer-box .ml{cursor:ew-resize;margin-top:-4px;top:50%;left:-5px}.layer-box .mr{cursor:ew-resize;margin-top:-4px;top:50%;right:-5px}.manual-region-box{z-index:8;box-sizing:border-box;pointer-events:none;background:#ff4f8b1f;border:2px dashed #ff4f8b;position:absolute}.manual-region-label{color:#fff;background:#ff4f8b;border-radius:7px 7px 0 0;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-24px;left:-2px}.manual-region-input{z-index:20;pointer-events:auto;background:#fffffff5;border-radius:20px;gap:6px;min-width:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #463f3930}.manual-region-input input{color:#403b38;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 8px;font-size:12px}.manual-region-input button{color:#fff;cursor:pointer;background:#ff4f8b;border:0;border-radius:15px;padding:0 12px;font-size:12px;font-weight:700}.box-floating-toolbar{pointer-events:auto;z-index:100;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.box-floating-toolbar.is-below{top:calc(100% + 10px);bottom:auto}.box-floating-toolbar.is-side{align-items:flex-start;inset:0 auto auto calc(100% + 10px);transform:none}.floating-input-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#f5f3f0f2;border:1px solid #ffffffe6;border-radius:24px;align-items:center;gap:8px;min-width:260px;padding:6px 10px 6px 12px;display:flex;position:relative;box-shadow:0 10px 25px #00000026,0 2px 6px #00000014}.floating-input-bubble .input-icon{opacity:.6;font-size:14px}.floating-input-bubble input{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:140px;padding:2px 0;font-size:13px}.floating-input-bubble input::placeholder{color:#8e8984}.floating-input-bubble .check-btn{color:#fff;cursor:pointer;background:#a3a09b;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.floating-input-bubble .check-btn:hover{background:#2f8cf6;transform:scale(1.05)}.floating-input-bubble .ai-badge{color:#fff;background:#ff5252;border-radius:10px;padding:2px 5px;font-size:9px;font-weight:800;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 5px #ff525266}.floating-actions-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e6e2dfcc;border-radius:20px;align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 6px 18px #0000001a}.floating-actions-bar button{color:#464542;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:28px;padding:0 8px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.floating-actions-bar button:hover{background:#f0ece9;transform:translateY(-1px)}.floating-actions-bar button.delete-btn:hover{color:#e53935;background:#ffebeb}.working{z-index:10;color:#5b5753;background:#f8f5f194;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:0}.working span{border:4px solid #d9d4cf;border-top-color:var(--blue);border-radius:50%;width:43px;height:43px;animation:.8s linear infinite spin}.working b{font-size:14px}.working.viewport-working{z-index:12;pointer-events:none;border-radius:0;position:absolute;inset:0}.working.viewport-working.is-annotating{background:#f8f5f161}.editor.is-h5 .working.viewport-working{inset:0 0 calc(var(--dock-safe-bottom,148px) + 4px);border-radius:16px;margin:8px 12px 0}@keyframes spin{to{transform:rotate(360deg)}}.floating-dock{z-index:20;flex-direction:column;align-items:center;gap:10px;width:min(350px,31vw);display:flex;position:fixed;top:50%;left:auto;right:clamp(18px,3vw,42px);transform:translateY(-50%)}.floating-dock.is-positioned{right:auto;transform:none}.floating-dock-grip{color:#8c8782;cursor:grab;touch-action:none;background:#ffffffe6;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;width:54px;height:20px;display:flex;box-shadow:0 4px 14px #463f391f}.floating-dock-grip:active{cursor:grabbing}.floating-dock-grip span{background:currentColor;border-radius:50%;width:4px;height:4px;box-shadow:0 6px}.playground-edits-strip{scrollbar-width:none;justify-content:center;align-items:center;gap:12px;width:100%;max-width:min(92vw,760px);padding:4px 8px 8px;display:flex;overflow-x:auto}.playground-edits-strip::-webkit-scrollbar{display:none}.playground-edit-chip{box-sizing:border-box;text-align:left;cursor:pointer;background:#fffffff0;border:1px solid #e5e1de;border-radius:16px;flex-direction:row;flex:0 0 200px;align-items:center;gap:10px;width:200px;min-width:200px;max-width:200px;height:68px;min-height:68px;max-height:68px;padding:8px 10px 8px 8px;transition:transform .2s;display:flex;overflow:visible;box-shadow:0 5px 14px #463f391a}.playground-edit-chip:hover{transform:translateY(-2px)}.chip-thumb-wrapper{width:52px;min-width:52px;height:52px;min-height:52px;box-shadow:none;background:#eceae6;border:0;border-radius:12px;flex:0 0 52px;display:block;position:relative;overflow:visible}.chip-thumb-wrapper:before{content:"";z-index:0;background:#eceae6;border-radius:12px;position:absolute;inset:0}.chip-thumb-wrapper img{z-index:1;object-fit:contain;object-position:center;background:#eceae6;border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0}.chip-fallback-icon{z-index:1;color:#b0aba5;border-radius:12px;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.chip-thumb-wrapper .chip-remove-btn{z-index:2}.chip-remove-btn{color:#fff;cursor:pointer;opacity:.8;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:-6px;right:-6px}.chip-remove-btn:hover{opacity:1;background:#e53935;transform:scale(1.1)}.chip-info{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.chip-title{color:#8e8984;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;overflow:hidden}.chip-prompt{color:#464542;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.prompt-card{width:min(92vw,560px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #fffc;border-radius:28px;padding:16px 20px 12px;transition:all .2s;position:relative}.prompt-card textarea{resize:none;color:#222;background:0 0;border:0;outline:0;width:100%;height:42px;max-height:90px;padding:1px 8px;font-size:15px;line-height:1.55;display:block}.prompt-card textarea::placeholder{color:#aaa5a1}.ai-quick-actions{scrollbar-width:none;align-items:center;gap:6px;margin:4px 4px 0;display:flex;overflow-x:auto}.ai-quick-actions::-webkit-scrollbar{display:none}.ai-quick-actions button,.context-action{color:#706a65;cursor:pointer;background:#faf9f8;border:1px solid #e5e1de;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:650}.ai-quick-actions button:hover,.context-action:hover{color:#2674d4;background:#eef6ff;border-color:#b9d4fa}.context-action{padding:7px 10px}.playground-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.playground-status-pill{color:#8e8984;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.playground-status-pill .dot{box-sizing:border-box;border:2px solid #bbb;border-radius:50%;width:10px;height:10px}.playground-right-actions{align-items:center;gap:10px;display:flex}.clear-btn{color:#555;cursor:pointer;background:#efedeb;border:none;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s}.clear-btn:hover{background:#e2dfdc}.send-btn.dark-circle{color:#fff;cursor:pointer;background:#222;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:transform .15s,background .15s;display:flex}.send-btn.dark-circle.ready{background:#000;box-shadow:0 4px 12px #00000040}.send-btn.dark-circle:hover{transform:scale(1.05)}.send-btn.dark-circle:disabled{opacity:.45;cursor:not-allowed}.region-edit-controls{color:#77716d;justify-content:space-between;align-items:center;gap:10px;margin:8px 8px 0;font-size:11px;display:flex}.region-edit-controls button,.region-edit-item button{color:#2878d7;cursor:pointer;background:#e8f1ff;border:0;border-radius:9px;padding:5px 9px;font-size:11px;font-weight:700}.region-edit-list{gap:5px;max-height:100px;margin:8px 8px 0;display:grid;overflow:auto}.region-edit-item{color:#77716d;background:#f1efed;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 8px;font-size:11px;display:grid}.region-edit-item b{color:#464542;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.region-edit-item button{color:#a25c68;background:0 0;padding:2px 4px}.region-edit-list>small{color:#99928d;font-size:10px}.round-btn,.send-btn{cursor:pointer;border:0;border-radius:50%;place-items:center;width:43px;height:43px;font-size:27px;display:grid}.round-btn{color:#4d4a47;background:#e9e7e5;font-weight:400}.model-chip{color:#44413e;cursor:pointer;background:#e9e7e5;border:0;border-radius:23px;height:43px;padding:0 16px;font-weight:650}.model-chip span{color:#76716d;margin-left:8px;font-size:19px}.send-btn{color:#fff;background:#858380;margin-left:auto;font-size:28px;line-height:1}.send-btn.ready{background:var(--blue)}.send-btn:disabled{opacity:.6;cursor:wait}.model-menu{border:1px solid var(--line);z-index:200;pointer-events:auto;background:#fff;border-radius:17px;width:280px;max-height:280px;padding:7px;position:absolute;bottom:58px;left:58px;overflow:auto;box-shadow:0 12px 35px #332b2530}.model-menu button{pointer-events:auto;touch-action:manipulation}.model-menu-backdrop{z-index:90;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.floating-dock.model-menu-open{z-index:110}.editor .floating-dock.dock-aware.dock-bottom.model-menu-open:not(.is-positioned),.editor.is-h5 .floating-dock.model-menu-open,.editor.is-h5 .floating-dock.h5-dock.model-menu-open,.editor.is-h5 .floating-dock.dock-aware.dock-bottom.model-menu-open,.editor.is-h5 .floating-dock.dock-aware.h5-dock.model-menu-open{z-index:110!important}.model-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;width:100%;padding:10px 12px;font-weight:650}.model-menu button:hover,.model-menu button.active{background:#f0eeec}.model-menu small{color:#9b9691;margin-top:3px;font-weight:400;display:block}.tool-row{gap:9px;display:flex;position:relative}.tool-group{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f8f2;border:3px solid #fff;border-radius:27px;align-items:center;height:50px;padding:5px 8px;display:flex;box-shadow:0 9px 28px #463f3920}.tool-group.compact{padding-inline:7px}.tool-btn{color:#504d49;cursor:pointer;background:0 0;border:0;border-radius:17px;place-items:center;width:39px;height:38px;font-size:23px;transition:all .15s;display:grid}.tool-btn:hover{background:#eae7e4}.tool-btn.active{color:#151413;background:#e3e0dd}.tool-btn[data-tool=text]{font-size:21px;font-weight:700}.brush-popover{background:#fff;border-radius:18px;align-items:center;gap:10px;height:48px;padding:0 16px;font-size:12px;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #463f3930}.brush-popover input{accent-color:#ff4f8b;width:135px}.brush-popover b{width:24px}.mode-hint{color:#fff;white-space:nowrap;background:#34312f;border-radius:20px;margin:0;padding:8px 14px;font-size:12px;position:absolute;bottom:65px}.layers-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf9f2;border:3px solid #fff;border-radius:22px;width:min(96vw,570px);margin-top:4px;padding:12px 14px;box-shadow:0 9px 28px #463f3920}@media (width>=761px){.prompt-card,.layers-strip{width:100%}.layers-strip-list{max-height:min(42vh,360px)}}.layers-strip-head{color:#6a6560;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.layers-strip-head b{color:#2f2c29;font-size:13px}.layers-strip-head-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.layers-strip-head button{cursor:pointer;background:#e9e7e5;border:0;border-radius:14px;margin-left:0;padding:4px 10px;font-size:12px}.layers-strip-head .linkish{color:#2f8cf6;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.layers-strip-list{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.layer-thumb{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/12px 12px;border:2px solid #0000;border-radius:14px;flex:none;width:96px;padding:4px}.layer-thumb.active{border-color:#2f8cf6}.layer-thumb.hidden-layer{opacity:.45}.layer-thumb-main{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.layer-thumb-media{aspect-ratio:1;background:#eceae6;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.layer-thumb-media img,.layer-thumb-media .thumb,.layer-thumb-media .layer-chip-dot{aspect-ratio:1;object-fit:contain;object-position:center;background:#eceae6;border-radius:10px;width:100%;height:100%;display:block}.layer-thumb img{aspect-ratio:1;object-fit:contain;object-position:center;border-radius:10px;width:100%;display:block}.layer-chip-dot{aspect-ratio:1;background:#e8e4df;border-radius:10px;flex:none;width:100%;display:block}.layer-thumb-main span{text-align:center;color:#5b5753;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-weight:650;display:block;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main{text-align:left;align-items:center;gap:10px;display:flex}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-media{background:#eceae6;border-radius:10px;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;position:relative;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main img,.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main .layer-chip-dot{aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main span.layer-info{text-align:left;min-width:0;margin-top:0}.layer-thumb-actions{gap:4px;margin-top:4px;display:flex}.layer-thumb-actions button{cursor:pointer;color:#444;background:#e9e7e5;border:0;border-radius:8px;flex:1;padding:4px 0;font-size:11px;font-weight:700}.layer-thumb-actions button:hover{background:#dcd9d6}.toast{z-index:50;color:#fff;opacity:0;pointer-events:none;background:#272522;border-radius:20px;padding:10px 16px;font-size:13px;transition:all .2s;position:fixed;top:24px;left:50%;transform:translate(-50%,-15px)}.toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}@media (width>=761px){.topbar{background:#f8f7f6c7;border-bottom:1px solid #d9d3cfb8;height:72px;padding:0 28px}.brand-mark{gap:9px}.brand-mark-icon{border-radius:10px;width:34px;height:34px;font-size:16px}.brand-mark b{letter-spacing:-.02em;font-size:14px}.history-actions{background:#fdfcfb;border:1px solid #e5e1de;gap:3px;padding:3px;box-shadow:0 3px 12px #463f390f}.new-btn,.history-button{border-radius:10px;height:32px;padding:0 12px;font-size:12px}.plain-icon{border-radius:10px;width:32px;height:32px;padding:0;font-size:21px}.plain-icon:hover:not(:disabled){background:#f0edeb}.top-actions{gap:7px}.export-btn,.share-btn{border-radius:10px;height:36px;padding:0 14px;font-size:12px}.export-btn{background:#fff;border:1px solid #e3dfdc}.share-btn{background:#347ff0;box-shadow:0 5px 14px #347ff038}.viewport{padding:30px 24px 290px;inset:72px 0 0}.artboard{border-radius:14px;width:min(62vw,100vh - 145px);box-shadow:0 20px 50px #433a342e,0 0 0 1px #ffffffe6}.zoom-controls{border:1px solid #e5e1de;border-radius:11px;padding:4px;top:88px;box-shadow:0 6px 18px #463f391a}.floating-dock-grip{background:#ffffffd1;border-radius:9px;align-self:center;width:48px;height:18px;box-shadow:0 4px 12px #37302b1a}.prompt-card{border:1px solid #e1dcd8e6;border-radius:18px;width:100%;min-height:152px;padding:18px 18px 14px;box-shadow:0 14px 34px #413a351f}.prompt-card textarea{height:54px;padding:0 4px;font-size:14px;font-weight:500}.annotation-count-control,.annotation-model-control{margin-inline:4px;font-size:11px}.playground-bottom{margin-top:7px}.tool-row{justify-content:stretch;gap:6px}.tool-group{background:#ffffffe6;border:1px solid #e1ddda;border-radius:13px;flex:1;justify-content:center;height:44px;padding:3px 4px;box-shadow:0 7px 20px #463f3917}.tool-group.compact{flex:none}.tool-btn{border-radius:9px;width:33px;height:34px;font-size:18px}.tool-btn.active{color:#256dcc;background:#eaf3ff}.layers-strip{background:#ffffffe6;border:1px solid #e1ddda;border-radius:16px;width:100%;margin-top:0;padding:11px 12px;box-shadow:0 10px 28px #463f391a}.layers-strip-list{gap:7px}.layer-thumb{border-radius:10px;width:72px}.layer-thumb-actions{display:none}.history-panel{border:1px solid #e3dfdc;border-radius:16px;width:250px;padding:12px;top:84px;left:24px;box-shadow:0 16px 38px #463f3924}.history-card{border:1px solid #f0ece9;border-radius:11px;padding:7px}.history-card img{width:52px;height:52px}}@media (width<=760px){.brand-mark{display:none}.floating-dock{max-width:calc(100vw - 20px);top:94px;right:10px}.topbar{height:70px;padding:0 13px}.history-actions{left:14px;transform:none}.plain-icon{font-size:25px}.export-btn,.share-btn{height:40px;padding:0 16px;font-size:13px}.viewport{padding:20px 10px 290px;inset:68px 0 0}.artboard{width:min(94vw,100vh - 160px)}.floating-dock{align-items:stretch;width:min(96vw,570px);max-width:calc(100vw - 20px);padding:0;inset:94px 10px auto auto;transform:none}.prompt-card{border-width:4px;width:min(96vw,570px);min-height:118px}.tool-row{scrollbar-width:none;justify-content:flex-start;max-width:96vw;overflow-x:auto}.tool-group{flex:none}.tool-btn{width:39px}.mode-hint{bottom:60px}.history-actions .disabled{display:none}}.floating-dock.is-positioned{bottom:auto;right:auto;transform:none}@media (width>=761px){.floating-dock.is-positioned{width:min(570px,100vw - 32px)}}@media (width<=760px){.viewport{padding:20px 10px 290px;inset:68px 0 0}.zoom-controls{top:82px;left:50%}.floating-dock,.floating-dock:not(.is-positioned){width:auto;max-width:none;top:94px;left:10px;right:10px;transform:none}.floating-dock.is-positioned{top:auto;left:auto;right:auto}.prompt-card,.layers-strip{width:100%}}.floating-dock{align-items:flex-start;gap:14px;width:min(570px,100vw - 32px);inset:clamp(24px,8vh,65px) auto auto clamp(16px,9.2vw,84px)}.floating-dock:not(.is-positioned){transform:none}.floating-dock-grip{background:#fffffff2;border-radius:14px;width:74px;height:28px;box-shadow:0 7px 20px #37302b24}.prompt-card{background:#fffffff2;border-radius:36px;width:100%;min-height:168px;padding:24px 24px 18px;box-shadow:0 18px 42px #413a3521}.prompt-card textarea{height:64px;padding:0 14px;font-size:18px;font-weight:600}.annotation-count-control{color:#77716c;align-items:center;gap:8px;margin:0 14px 8px;font-size:12px;font-weight:600;display:inline-flex}.annotation-count-control input,.annotation-model-control select{color:#45413e;width:58px;height:30px;font:inherit;background:#fff;border:1px solid #ddd8d3;border-radius:10px;padding:0 8px}.annotation-model-control{color:#77716c;align-items:center;gap:8px;margin:0 14px 8px;font-size:12px;font-weight:600;display:inline-flex}.annotation-model-control select{width:auto;max-width:190px}.playground-bottom{margin-top:12px;padding:0 10px}.playground-status-pill{color:#817d79;gap:10px;font-size:13px;font-weight:600}.playground-status-pill .dot{width:11px;height:11px}.round-btn{background:#ebe9e7;width:58px;height:58px}.send-btn.dark-circle{width:50px;height:50px;font-size:25px}.tool-row{gap:14px;width:100%}.tool-group{background:#fffffff0;border:4px solid #fff;border-radius:38px;height:72px;padding:6px 10px;box-shadow:0 10px 26px #463f391f}.tool-btn{border-radius:25px;width:51px;height:52px;font-size:26px}.layers-strip{background:#fffffff0;border-radius:30px;width:100%;margin-top:6px;padding:18px 20px;box-shadow:0 14px 34px #413a3524}@media (width>=761px){.prompt-card,.layers-strip{width:100%}}@media (width<=760px){.floating-dock{align-items:stretch;width:auto;max-width:none;top:24px;left:16px;right:16px}.floating-dock-grip{align-self:flex-start}}.prompt-card.playground-card{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:#ffffffe0;border:1px solid #e2dedadb;border-radius:26px;width:min(620px,100vw - 32px);min-height:0;padding:18px 20px 14px;transition:box-shadow .18s,border-color .18s,transform .18s;position:relative;overflow:visible;box-shadow:0 24px 64px #372e2824,0 3px 12px #372e280f}.prompt-card.playground-card:focus-within{border-color:#7097d36b;box-shadow:0 26px 70px #372e2829,0 0 0 4px #6797e11a}.global-prompt-label{align-items:center;gap:6px;margin:0 2px 2px;display:flex}.global-prompt-label span{color:#2f6fce;letter-spacing:.01em;background:#eef4ff;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.prompt-card.playground-card textarea{color:#282522;letter-spacing:.01em;height:54px;min-height:54px;padding:4px 2px;font-size:17px;font-weight:560;line-height:1.55}.prompt-card.playground-card textarea::placeholder{color:#aaa6a2;font-weight:500}.prompt-card.playground-card .ai-quick-actions{gap:8px;margin:8px 0 0}.prompt-card.playground-card .ai-quick-actions button,.prompt-card.playground-card .context-action{color:#716b66;background:#f8f7f5d1;border:1px solid #e0dcd8eb;border-radius:10px;min-height:30px;padding:5px 12px;font-size:12px;font-weight:650;transition:background .16s,border-color .16s,color .16s,transform .16s}.prompt-card.playground-card .ai-quick-actions button:hover,.prompt-card.playground-card .context-action:hover{color:#4678b8;background:#f1f6ff;border-color:#779ed86b;transform:translateY(-1px)}.prompt-card.playground-card .playground-bottom{border-top:1px solid #e8e4e0d1;min-height:50px;margin-top:12px;padding:10px 0 0}.prompt-card.playground-card .playground-status-pill{color:#96908a;gap:8px;min-width:0;font-size:11px;font-weight:560}.prompt-card.playground-card .playground-status-pill>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-card.playground-card .playground-status-pill .dot{background:#b8b4af;border:0;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #b8b4af24}.prompt-card.playground-card .playground-right-actions{flex:none;gap:8px}.prompt-card.playground-card .round-btn,.prompt-card.playground-card .model-chip,.prompt-card.playground-card .send-btn.dark-circle{height:40px}.prompt-card.playground-card .round-btn{color:#625d58;background:#f0eeec;border-radius:12px;width:40px;font-size:24px;transition:background .16s,color .16s,transform .16s}.prompt-card.playground-card .round-btn:hover{color:#477bbd;background:#e6effc;transform:translateY(-1px)}.prompt-card.playground-card .context-action{background:#f7f6f4;border-radius:12px;min-height:40px}.prompt-card.playground-card .model-chip{color:#514c48;background:#f7f6f4;border:1px solid #e0dcd8eb;border-radius:12px;max-width:170px;padding:0 13px;font-size:12px;transition:background .16s,border-color .16s}.prompt-card.playground-card .model-chip:hover{background:#f1f6ff;border-color:#779ed86b}.prompt-card.playground-card .send-btn.dark-circle{width:40px;box-shadow:none;background:#b7b4b0;border-radius:12px;font-size:22px;transition:background .16s,box-shadow .16s,transform .16s}.prompt-card.playground-card .send-btn.dark-circle.ready{background:#2f73c9;box-shadow:0 8px 18px #2f73c942}.prompt-card.playground-card .send-btn.dark-circle:hover:not(:disabled){transform:translateY(-1px)scale(1.03);box-shadow:0 10px 22px #2f73c947}@media (width<=760px){.prompt-card.playground-card{border-radius:22px;width:100%;padding:15px 16px 12px}.prompt-card.playground-card textarea{height:48px;min-height:48px;font-size:15px}.prompt-card.playground-card .playground-status-pill{display:none}.prompt-card.playground-card .playground-bottom{justify-content:flex-end}}.editor.is-h5{--h5-topbar:52px;--h5-dock-h:168px;height:100%;height:calc(var(--vh,1vh) * 100);height:100dvh;max-height:var(--app-height,100dvh);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);background:radial-gradient(80% 50% at 50% 18%,#ffe8e0d9 0%,#0000 55%),radial-gradient(70% 45% at 80% 90%,#dce6f5b3 0%,#0000 50%),linear-gradient(#f7f4f1 0%,#efebe7 100%);position:relative;overflow:hidden}.editor.is-h5.advanced-open:not(.h5-empty){--h5-dock-h:min(330px, 44dvh)}.editor.is-h5 .desktop-only,.editor.is-h5 .btn-label-full{display:none!important}.editor.is-h5 .topbar{height:var(--h5-topbar);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:50;background:0 0;border-bottom:0;gap:8px;padding:0 12px}.editor.is-h5 .brand-mark{gap:0;display:inline-flex}.editor.is-h5 .brand-mark>span:last-child{display:none}.editor.is-h5 .brand-mark-icon{border-radius:11px;width:34px;height:34px;font-size:15px}.editor.is-h5 .history-actions{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;gap:22px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor.is-h5 .history-actions .disabled,.editor.is-h5 .history-actions .plain-icon:disabled{opacity:.32;cursor:default;display:inline-flex}.editor.is-h5 .top-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex;position:relative}.editor.is-h5 .mobile-new-btn,.editor.is-h5 .mobile-export-btn{color:#2f2d2a;cursor:pointer;background:#ffffffe6;border:0;border-radius:10px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #372e2814}.editor.is-h5 .mobile-new-btn:active,.editor.is-h5 .mobile-export-btn:active{background:#fff}.editor.is-h5 .mobile-export-btn:disabled{opacity:.45;cursor:default}.mobile-new-btn,.mobile-export-btn{display:none}.editor.is-h5 .plain-icon{color:#2f2d2a;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:0;display:inline-flex}.editor.is-h5 .plain-icon svg{width:22px;height:22px;display:block}.editor.is-h5 .plain-icon:not(:disabled):active{background:#0000000d}.editor.is-h5 .new-btn,.editor.is-h5 .history-button{height:32px;box-shadow:none;background:0 0;border-radius:10px;padding:0 10px;font-size:12px}.editor.is-h5 .new-btn.active,.editor.is-h5 .history-button.active{background:#fff;box-shadow:0 3px 10px #463f391a}.editor.is-h5 .viewport{inset:var(--h5-topbar) 0 0;padding:8px 16px calc(var(--h5-dock-h) + env(safe-area-inset-bottom,0px));justify-content:center;place-items:center;display:flex;overflow:hidden}.editor.is-h5 .zoom-controls{top:calc(var(--h5-topbar) + 8px);z-index:20;background:#ffffffe6;border:1px solid #e5e1dee6;border-radius:12px;gap:2px;padding:3px}.editor.is-h5 .artboard{width:var(--artboard-w,var(--artboard-size));height:var(--artboard-h,var(--artboard-size));touch-action:none;border-radius:16px;max-width:calc(100vw - 32px);box-shadow:0 16px 40px #433a3424}.editor.is-h5 .floating-dock,.editor.is-h5 .floating-dock.h5-dock,.editor.is-h5 .floating-dock:not(.is-positioned),.editor.is-h5 .floating-dock.is-positioned{max-height:calc(var(--app-height,100dvh) - var(--h5-topbar) - 8px);padding:0 0 max(10px, env(safe-area-inset-bottom,0px)) 0;overscroll-behavior:contain;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:30;background:0 0;border-radius:0;flex-direction:column-reverse;align-items:stretch;gap:8px;overflow:hidden auto;width:100%!important;max-width:none!important;position:absolute!important;inset:auto 0 0!important;transform:none!important}.editor.is-h5 .prompt-card,.editor.is-h5 .prompt-card.playground-card{width:100%!important}.editor.is-h5 .prompt-card.playground-card{min-height:0;padding:14px max(14px, env(safe-area-inset-right,0px)) 12px max(14px, env(safe-area-inset-left,0px));box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:0;border-radius:0}.editor.is-h5 .prompt-card.playground-card textarea,.editor.is-h5 .prompt-card textarea{height:auto;min-height:52px;max-height:96px;padding:0;font-size:15px;font-weight:500}.editor.is-h5 .prompt-card.playground-card .ai-quick-actions{gap:6px;margin-top:8px}.editor.is-h5 .prompt-card.playground-card .ai-quick-actions button{border-radius:999px;min-height:32px;padding:5px 11px;font-size:12px}.editor.is-h5 .prompt-card.playground-card .playground-status-pill{display:none}.editor.is-h5 .prompt-card.playground-card .playground-bottom{border-top:1px solid #ecece8;justify-content:flex-end;min-height:0;margin-top:12px;padding-top:12px}.editor.is-h5 .prompt-card.playground-card .playground-right-actions{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.editor.is-h5 .prompt-card.playground-card .round-btn{border-radius:14px;width:42px;height:42px}.editor.is-h5 .model-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor.is-h5 .prompt-card.playground-card{overflow:visible!important}.editor.is-h5 .model-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:120;pointer-events:auto;background:#fffffffa;border:1px solid #1c1b1914;border-radius:14px;width:auto;max-height:min(42vh,210px);margin:0;padding:6px;position:absolute;bottom:100px;left:10px;right:10px;overflow:auto;box-shadow:0 14px 36px #1c1b192e}.editor.is-h5 .model-menu button{padding:8px 10px}.editor.is-h5 .model-menu button small{margin-top:2px;font-size:10px;line-height:1.35}.editor.is-h5 .playground-edits-strip{justify-content:flex-start;gap:8px;max-width:100%;margin-bottom:6px;padding:0 2px 2px}.editor.is-h5 .playground-edits-strip.is-compact .playground-edit-chip{width:168px;min-width:168px;max-width:168px;height:60px;min-height:60px;max-height:60px;box-shadow:none;border-radius:12px;flex:0 0 168px;gap:8px;padding:6px 8px 6px 6px}.editor.is-h5 .playground-edits-strip.is-compact .chip-thumb-wrapper{width:46px;min-width:46px;height:46px;min-height:46px;box-shadow:none;border-radius:10px;flex:0 0 46px;overflow:visible}.editor.is-h5 .playground-edits-strip.is-compact .chip-thumb-wrapper:before{border-radius:10px}.editor.is-h5 .playground-edits-strip.is-compact .chip-thumb-wrapper img,.editor.is-h5 .playground-edits-strip.is-compact .chip-fallback-icon{object-fit:contain;border-radius:10px}.editor.is-h5 .playground-edits-strip.is-compact .chip-remove-btn{width:16px;height:16px;font-size:11px;top:-5px;right:-5px}.editor.is-h5 .playground-edits-strip.is-compact .chip-title{font-size:11px}.editor.is-h5 .playground-edits-strip.is-compact .chip-prompt{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.editor.is-h5 .h5-selected-target{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 12px;padding:0;display:flex}.editor.is-h5 .h5-selected-target-meta{align-items:center;gap:6px;min-width:0;display:flex}.editor.is-h5 .h5-selected-target-tag{color:#fff;background:#2f8cf6;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:700}.editor.is-h5 .h5-selected-target-name{color:#2a5f9e;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-width:none;font-size:12px;font-weight:700;overflow:hidden}.editor.is-h5 .h5-selected-target-edit{width:100%;box-shadow:none;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:0;display:flex}.editor.is-h5 .h5-selected-target input{color:#25262a;border-radius:0;flex:auto;width:100%;min-width:0;height:40px;margin:0;padding:0;font-size:15px;font-weight:500;line-height:1.4;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.editor.is-h5 .h5-selected-target input::placeholder{color:#a3a4a9;font-weight:500}.editor.is-h5 .h5-selected-target-add{color:#fff;background:#2f8cf6;border:0;border-radius:10px;flex:none;height:36px;padding:0 12px;font-size:12px;font-weight:700}.editor.is-h5 .tool-row{scrollbar-width:none;gap:8px;width:100%;margin-top:8px;overflow-x:auto}.editor.is-h5 .tool-group{height:46px;box-shadow:none;background:#fffffff0;border:1px solid #e5e1de;border-radius:14px}.editor.is-h5 .tool-btn{width:40px;height:38px;font-size:18px}.editor.is-h5 .layers-strip{margin:0 max(12px, env(safe-area-inset-right,0px)) 8px max(12px, env(safe-area-inset-left,0px));background:#fffffff0;border:0;border-radius:14px;flex:none;padding:8px 10px 6px;box-shadow:0 8px 18px #372e2814;width:auto!important;max-height:none!important;overflow:hidden!important}.editor.is-h5 .h5-layers-collapsed{width:auto;margin:0 max(12px, env(safe-area-inset-right,0px)) 8px max(12px, env(safe-area-inset-left,0px));color:inherit;text-align:left;cursor:pointer;background:#fffffff0;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 20px #372e2814}.editor.is-h5 .layers-strip .layers-strip-head{gap:8px;margin-bottom:6px}.editor.is-h5 .layers-strip-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;max-height:none;padding:0;overflow:auto hidden}.editor.is-h5 .layers-strip-list::-webkit-scrollbar{height:0;display:none}.editor.is-h5 .layer-thumb{border-width:1.5px;border-radius:10px;width:52px;padding:2px}.editor.is-h5 .layer-thumb-media,.editor.is-h5 .layer-thumb img,.editor.is-h5 .layer-thumb-media img,.editor.is-h5 .layer-thumb-media .thumb{border-radius:8px}.editor.is-h5 .layer-thumb-main span,.editor.is-h5 .layer-thumb-main .layer-label-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:9px;line-height:1.2;display:block;overflow:hidden}.editor.is-h5 .layers-strip-head span,.editor.is-h5 .layer-thumb-actions{display:none}.editor.is-h5 .layers-strip-head-actions .linkish,.editor.is-h5 .layers-strip-head-actions .layers-collapse{color:#5c5d63;font-weight:600}.editor.is-h5 .h5-layers-collapsed b{color:#2f2c29;font-size:13px;font-weight:700}.editor.is-h5 .h5-layers-collapsed>span{color:#73747a;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.editor.is-h5 .h5-layers-collapsed .h5-pending-caret{transform:rotate(45deg)translateY(-1px)}.editor.is-h5 .history-panel{top:calc(var(--h5-topbar) + env(safe-area-inset-top,0px) + 4px);width:auto;max-height:calc(100dvh - var(--h5-topbar) - 24px);border:1px solid #ebe6e2;border-radius:18px;left:12px;right:12px}.editor.is-h5 .toast{top:calc(var(--h5-topbar) + 10px);max-width:calc(100vw - 28px)}.editor.is-h5 .floating-input-bubble input,.editor.is-h5 .manual-region-input input,.editor.is-h5 .annotation-count-control input,.editor.is-h5 .annotation-model-control select{font-size:16px}.editor.is-h5.h5-empty .viewport{padding:0 20px calc(var(--h5-dock-h) + env(safe-area-inset-bottom,0px));overflow:hidden}.editor.is-h5.h5-empty .empty-canvas-state,.editor.is-h5.h5-empty .empty-canvas-state.is-h5-empty{inset:0 0 calc(var(--dock-safe-bottom,var(--h5-dock-h)) + 8px);z-index:5;background:radial-gradient(circle at 50% 32%,#fffffff2 0%,#0000 52%),0 0;justify-content:center;height:auto;min-height:280px;padding:24px 16px 12px;display:flex;position:absolute}.editor.is-h5.h5-empty .empty-upload-hero{width:96px;height:96px;margin-bottom:10px}.editor.is-h5.h5-empty .empty-canvas-icon{border-radius:22px;width:68px;height:68px;margin-bottom:0;font-size:28px;box-shadow:0 14px 30px #29272438}.editor.is-h5.h5-empty .empty-canvas-state h1{letter-spacing:-.04em;font-size:26px}.editor.is-h5.h5-empty .empty-canvas-state p{color:#8a837c;max-width:260px;margin:10px 0 22px;font-size:13px;line-height:1.65}.editor.is-h5.h5-empty .empty-canvas-actions button{border-radius:15px;min-width:148px;min-height:46px;font-size:14px}.editor.is-h5.h5-empty .empty-canvas-state small{color:#b0aaa3;margin-top:16px}.editor.is-h5.h5-empty .prompt-card.playground-card .ai-quick-actions{display:none}@media (width<=760px){.desktop-only{display:none!important}}@media (width>=761px){.editor:not(.is-h5){background:linear-gradient(#f4f2ed 0%,#ebe8e2 48%,#e5e2dc 100%)}.editor:not(.is-h5) .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f2edd1;border-bottom:1px solid #1c1b190f;height:58px;padding:0 20px}.editor:not(.is-h5) .brand-mark{gap:8px}.editor:not(.is-h5) .brand-mark-icon{width:30px;height:30px;box-shadow:none;background:#1c1b19;border-radius:9px;font-size:11px;font-weight:700}.editor:not(.is-h5) .brand-mark-text b,.editor:not(.is-h5) .brand-mark b{letter-spacing:-.02em;font-size:14px;font-weight:650}.editor:not(.is-h5) .brand-mark small{display:none}.editor:not(.is-h5) .history-actions{background:#ffffff8c;border:1px solid #1c1b1914;border-radius:12px;gap:2px;padding:3px}.editor:not(.is-h5) .history-button,.editor:not(.is-h5) .new-btn{border-radius:9px;padding:6px 12px;font-size:12px;font-weight:600}.editor:not(.is-h5) .topbar-divider{background:#1c1b191f;width:1px;height:16px;margin:0 4px}.editor:not(.is-h5) .ghost-btn{color:#3d3a36;min-height:34px;box-shadow:none;background:0 0;border:1px solid #1c1b191a;border-radius:10px;padding:0 12px;font-size:12px;font-weight:600}.editor:not(.is-h5) .primary-btn,.editor:not(.is-h5) .share-btn.primary-btn{color:#fff;min-height:34px;box-shadow:none;background:#1c1b19;border:0;border-radius:10px;padding:0 12px;font-size:12px;font-weight:600}.editor:not(.is-h5) .viewport{place-items:center;padding:16px 24px 118px;inset:58px 0 0}.editor:not(.is-h5) .zoom-controls{background:#fffc;border:1px solid #1c1b1914;border-radius:10px;padding:4px;top:74px;bottom:auto;left:20px;transform:none;box-shadow:0 4px 14px #1c1b190f}.editor:not(.is-h5) .artboard{border-radius:8px;width:min(62vw,100vh - 210px);overflow:visible;box-shadow:0 18px 48px #1c1b191f}.editor:not(.is-h5) .empty-canvas-state{inset:0 0 var(--dock-safe-bottom) 0;background:0 0;border-radius:0;padding:32px 28px 20px}.editor:not(.is-h5) .empty-kicker{color:#8a847c;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:650}.editor:not(.is-h5) .empty-canvas-icon{display:none}.editor:not(.is-h5) .empty-canvas-state h1{color:#1c1b19;letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:650}.editor:not(.is-h5) .empty-canvas-state p{color:#7a746c;max-width:300px;margin:10px 0 22px;font-size:13px;line-height:1.55}.editor:not(.is-h5) .empty-canvas-actions button{min-height:38px;box-shadow:none;background:#1c1b19;border-radius:10px;padding:0 18px;font-weight:650}.editor:not(.is-h5) .empty-canvas-state small{display:none}.editor:not(.is-h5) .floating-dock.dock-bottom:not(.is-positioned){align-items:stretch;gap:8px;width:min(640px,100vw - 40px);inset:auto auto 16px 50%;transform:translate(-50%)}.editor:not(.is-h5) .floating-dock.dock-bottom .floating-dock-grip{display:none}.editor:not(.is-h5) .prompt-card.playground-card{background:#fffffff5;border:1px solid #1c1b1914;border-radius:16px;width:100%;min-height:0;padding:12px 14px 10px;box-shadow:0 10px 28px #1c1b191a}.editor:not(.is-h5) .prompt-card.playground-card textarea{height:40px;min-height:40px;padding:4px 6px;font-size:14px;font-weight:500}.editor:not(.is-h5) .prompt-card.playground-card .playground-bottom{gap:10px;margin-top:6px;padding:0 2px}.editor:not(.is-h5) .playground-left-actions,.editor:not(.is-h5) .playground-right-actions{align-items:center;gap:8px;display:flex}.editor:not(.is-h5) .playground-status-pill{display:none}.editor:not(.is-h5) .prompt-card.playground-card .round-btn,.editor:not(.is-h5) .prompt-card.playground-card .send-btn.dark-circle{border-radius:10px;width:34px;height:34px;font-size:17px}.editor:not(.is-h5) .prompt-card.playground-card .round-btn{color:#3d3a36;background:#efece6;border:0}.editor:not(.is-h5) .prompt-card.playground-card .context-action{color:#5c5751;background:0 0;border:1px solid #1c1b191a;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.editor:not(.is-h5) .prompt-card.playground-card .context-action.active{color:#1c1b19;background:#efece6;border-color:#0000}.editor:not(.is-h5) .prompt-card.playground-card .model-chip{color:#3d3a36;background:#f7f5f1;border:1px solid #1c1b191a;border-radius:10px;height:34px;padding:0 10px;font-size:12px;font-weight:600}.editor:not(.is-h5) .prompt-card.playground-card .send-btn.dark-circle{color:#fff;background:#cfc9c0}.editor:not(.is-h5) .prompt-card.playground-card .send-btn.dark-circle.ready{background:#1c1b19}.editor:not(.is-h5) .layers-strip:not(.is-side){border:1px solid #1c1b1914;border-radius:14px;max-height:140px;overflow:auto;box-shadow:0 8px 22px #1c1b1914}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head{flex-wrap:nowrap;gap:6px 8px;margin-bottom:0}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head span{order:0;width:auto;font-size:11px}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-list{flex-direction:column;flex:1;gap:6px;max-height:none;padding-bottom:0;overflow:hidden auto}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb{box-sizing:border-box;width:100%}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb .layer-thumb-main{justify-content:flex-start;width:100%;min-width:0;min-height:0;padding:0}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb .layer-label-text{min-width:0}.editor:not(.is-h5).advanced-open .viewport{padding-right:0}.editor:not(.is-h5) .floating-input-bubble{border-radius:12px;min-width:220px;padding:5px 8px 5px 10px}.editor:not(.is-h5) .floating-input-bubble .ai-badge{display:none}.editor:not(.is-h5) .floating-actions-bar{gap:4px}.editor:not(.is-h5) .floating-actions-bar button{border-radius:8px;min-width:44px;height:28px;padding:0 8px;font-size:11px;font-weight:600}}.editor.is-h5{--h5-topbar:52px;--h5-dock-h:132px;background:linear-gradient(#f4f2ed 0%,#ebe8e2 100%)!important}.editor.is-h5 .topbar{height:var(--h5-topbar)!important;background:0 0!important;border-bottom:0!important;padding:0 10px!important}.editor.is-h5 .brand-mark-text{display:none!important}.editor.is-h5 .viewport{inset:var(--h5-topbar) 0 0!important;padding:8px 12px calc(var(--h5-dock-h) + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}.editor.is-h5 .zoom-controls{top:calc(var(--h5-topbar) + 8px)!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.editor.is-h5 .artboard-scale-frame{width:var(--artboard-w,var(--artboard-size))!important;height:var(--artboard-h,var(--artboard-size))!important;max-width:calc(100vw - 24px)!important}.editor.is-h5 .artboard{width:var(--artboard-w,var(--artboard-size))!important;height:var(--artboard-h,var(--artboard-size))!important;border-radius:12px!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important}.editor.is-h5 .floating-dock,.editor.is-h5 .floating-dock.h5-dock,.editor.is-h5 .floating-dock.dock-bottom{width:100%!important;max-width:none!important;padding:0 0 max(8px, env(safe-area-inset-bottom,0px)) 0!important;z-index:30!important;gap:0!important;position:absolute!important;inset:auto 0 0!important;transform:none!important}.editor.is-h5 .floating-dock-grip{display:none!important}.editor.is-h5 .prompt-card.playground-card{width:100%!important;padding:12px max(14px, env(safe-area-inset-right,0px)) 12px max(14px, env(safe-area-inset-left,0px))!important;box-shadow:none!important;border:0!important;border-radius:0!important}.editor.is-h5 .prompt-card.playground-card textarea{height:auto!important;min-height:52px!important;font-size:15px!important;font-weight:500!important}.editor.is-h5 .prompt-card.playground-card .playground-bottom{border-top:1px solid #ecece8!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;margin-top:12px!important;padding-top:12px!important;display:flex!important}.editor.is-h5 .playground-left-actions,.editor.is-h5 .playground-right-actions{flex:none!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;display:flex!important}.editor.is-h5 .playground-left-actions{justify-content:flex-start!important}.editor.is-h5 .playground-right-actions{justify-content:stretch!important}.editor.is-h5 .prompt-card.playground-card .round-btn{border-radius:12px!important;flex:none!important;width:40px!important;height:40px!important}.editor.is-h5 .prompt-card.playground-card .context-action{border-radius:12px!important;padding:0 12px!important;font-size:12px!important}.editor.is-h5 .layers-strip{max-height:none!important;overflow:hidden!important}.editor.is-h5.h5-empty{--h5-dock-h:128px}.editor.is-h5.h5-empty .viewport{place-items:stretch stretch!important;display:block!important}.editor.is-h5.h5-empty .empty-canvas-state{inset:0 0 calc(var(--dock-safe-bottom,148px) + 8px)!important;background:radial-gradient(circle at 50% 32%,#fffffff5 0%,#0000 55%),0 0!important;padding:28px 16px 16px!important;position:absolute!important}.editor.is-h5.h5-empty .empty-kicker{color:#8a847c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:650}.editor.is-h5.h5-empty .empty-canvas-state h1{font-size:24px!important}.editor.is-h5 .box-floating-toolbar{display:none!important}.editor.is-h5 .layer-box-label{max-width:calc(100% - 4px);height:18px;padding:0 6px;font-size:10px;line-height:18px;top:2px;left:2px}.playground-left-actions,.playground-right-actions{align-items:center;gap:8px;display:flex}.playground-status-pill{display:none}.editor{--topbar-h:58px}.editor .viewport{box-sizing:border-box;align-content:center;inset:var(--topbar-h) 0 0!important;padding:16px 24px calc(var(--dock-safe-bottom) + 8px)!important;place-items:center!important;display:grid!important;overflow:auto!important}.editor .artboard-scale-frame{width:var(--artboard-w,var(--artboard-size));height:var(--artboard-h,var(--artboard-size));max-width:calc(100vw - 48px);max-height:none}.editor .artboard{width:var(--artboard-w,var(--artboard-size))!important;height:var(--artboard-h,var(--artboard-size))!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important}.editor .floating-dock.dock-aware.dock-bottom:not(.is-positioned){pointer-events:none;top:auto!important;left:50%!important;right:auto!important;bottom:max(10px, env(safe-area-inset-bottom,0px))!important;z-index:30!important;align-items:stretch!important;gap:8px!important;width:min(640px,100vw - 24px)!important;position:fixed!important;transform:translate(-50%)!important}.editor .floating-dock.dock-aware.dock-bottom.model-menu-open:not(.is-positioned){z-index:110!important}.editor .floating-dock.dock-aware.dock-bottom:not(.is-positioned)>*{pointer-events:auto}.editor .floating-dock.dock-aware .floating-dock-grip{display:none!important}.editor:not(.is-h5) .floating-dock.dock-aware .prompt-card.playground-card{border-radius:18px!important;width:100%!important;min-height:0!important;padding:12px 14px 10px!important;box-shadow:0 12px 36px #1c1b1924!important}.editor .floating-dock.dock-aware .layers-strip{max-height:min(132px,22vh);overflow:auto}.editor .zoom-controls{top:calc(var(--topbar-h) + 10px)!important;bottom:auto!important;left:16px!important;transform:none!important}.editor.is-h5{--topbar-h:52px}.editor.is-h5 .viewport{padding:8px 12px calc(var(--dock-safe-bottom) + 4px)!important}.editor.is-h5 .floating-dock.dock-aware.dock-bottom,.editor.is-h5 .floating-dock.dock-aware.h5-dock{min-height:152px;z-index:40!important;width:100%!important;max-width:none!important;padding-bottom:max(8px, env(safe-area-inset-bottom,0px))!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.editor.is-h5 .floating-dock.dock-aware.dock-bottom.model-menu-open,.editor.is-h5 .floating-dock.dock-aware.h5-dock.model-menu-open{z-index:110!important}html.is-inapp .editor.is-h5 .floating-dock,html.is-inapp .editor.is-h5 .floating-dock.h5-dock,html.is-inapp .editor.is-h5 .floating-dock.dock-bottom,html.is-baidu .editor.is-h5 .floating-dock,html.is-baidu .editor.is-h5 .floating-dock.h5-dock,html.is-baidu .editor.is-h5 .floating-dock.dock-bottom,html.is-dingtalk .editor.is-h5 .floating-dock,html.is-dingtalk .editor.is-h5 .floating-dock.h5-dock,html.is-dingtalk .editor.is-h5 .floating-dock.dock-bottom{visibility:visible!important;opacity:1!important;display:flex!important}@media (width<=920px){.editor:not(.is-h5){min-width:0!important}}.editor.is-h5.h5-empty .artboard-scale-frame,.editor.is-h5.h5-empty .artboard{display:none!important}.annotate-result-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c191685;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0}.annotate-result-dialog{background:#f7f3ee;border-radius:18px;flex-direction:column;gap:16px;width:min(560px,100%);max-height:min(88vh,820px);padding:22px 20px 18px;display:flex;overflow:auto;box-shadow:0 24px 64px #14100c47}.annotate-result-kicker{letter-spacing:.08em;text-transform:uppercase;color:#8a8178;margin:0;font-size:12px}.annotate-result-copy h2{color:#1f1b16;margin:6px 0 8px;font-size:22px;line-height:1.25}.annotate-result-hint{color:#5b554e;margin:0;font-size:14px;line-height:1.5}.annotate-result-preview{background:#ebe4db;border:1px solid #28201814;border-radius:14px;justify-content:center;align-items:center;max-height:48vh;display:flex;overflow:hidden}.annotate-result-preview img{object-fit:contain;width:100%;height:auto;max-height:48vh;display:block}.annotate-result-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.annotate-result-secondary,.annotate-result-primary{cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:0 16px;font-size:14px;font-weight:600}.annotate-result-secondary{color:#3d3832;background:0 0;border:1px solid #2820182e}.annotate-result-primary{color:#f7f3ee;background:#1f1b16}.annotate-result-secondary:disabled,.annotate-result-primary:disabled{opacity:.55;cursor:not-allowed}.editor.is-h5 .annotate-result-dialog{width:min(100%,520px);padding:18px 14px 14px}.editor.is-h5 .annotate-result-actions{grid-template-columns:1fr 1fr;display:grid}.editor.is-h5 .annotate-result-secondary,.editor.is-h5 .annotate-result-primary{width:100%}:root{--bg:#f1f1ee;--panel:#ffffffe0;--ink:#17181b;--muted:#7c7d84;--line:#e5e5e2;--blue:#5b6cff;--blue2:#8f62ff;--shadow:0 18px 50px #20232e1f;--soft-shadow:0 8px 28px #1c1f2b14;--topbar-h:76px;--layers-panel-w:0px;--dock-safe-bottom:148px}body{color:var(--ink);background:var(--bg);font-family:Manrope,Noto Sans SC,sans-serif}.editor:not(.is-h5){background:radial-gradient(circle at 52% 38%,#fafafa 0,#f4f3f0 37%,#ecece8 100%);min-width:900px}.editor:not(.is-h5).advanced-open{--layers-panel-w:330px}.editor:not(.is-h5) .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fafaf8d1;border-bottom:1px solid #1919190f;justify-content:space-between;height:76px;padding:0 24px}.editor:not(.is-h5) .brand-mark{color:inherit;gap:12px}.editor:not(.is-h5) .brand-mark-icon{background:#17181b;border-radius:13px;width:42px;height:42px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff1a}.editor:not(.is-h5) .brand-mark-text{flex-direction:column;line-height:1.1;display:flex}.editor:not(.is-h5) .brand-mark b,.editor:not(.is-h5) .brand-mark-text b{letter-spacing:-.02em;font-weight:700;font-size:17px!important}.editor:not(.is-h5) .brand-mark small{letter-spacing:2.4px!important;color:#9a9a9d!important;margin-top:5px!important;font-size:8px!important;display:block!important}.editor:not(.is-h5) .history-actions{box-shadow:var(--soft-shadow);background:#fff;border:1px solid #e9e9e7;border-radius:14px;align-items:center;gap:0;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor:not(.is-h5) .history-actions:before{content:"";pointer-events:none;background:#eee;width:1px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor:not(.is-h5) .history-actions .plain-icon{width:38px;height:34px;color:var(--ink);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;font-size:0;display:inline-flex}.editor:not(.is-h5) .history-actions .plain-icon svg{width:18px;height:18px;display:block}.editor:not(.is-h5) .history-actions .plain-icon:hover:not(:disabled){background:#f5f5f3}.editor:not(.is-h5) .history-actions .plain-icon.disabled,.editor:not(.is-h5) .history-actions .plain-icon:disabled{opacity:.25}.editor:not(.is-h5) .top-actions{align-items:center;gap:8px;display:flex}.editor:not(.is-h5) .save-state{color:#8b8c91;align-items:center;margin-right:10px;font-size:11px;display:inline-flex}.editor:not(.is-h5) .save-state i{background:#50ba83;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.editor:not(.is-h5) .ghost-btn,.editor:not(.is-h5) .export-btn.ghost-btn{height:40px;min-height:40px;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:11px;padding:0 17px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.editor:not(.is-h5) .ghost-btn:hover:not(:disabled){background:#eaeae7}.editor:not(.is-h5) .primary-btn,.editor:not(.is-h5) .share-btn.primary-btn{color:#fff;background:#1c1d20;border:0;border-radius:11px;height:40px;min-height:40px;padding:0 21px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 6px 14px #0000001f}.editor:not(.is-h5) .primary-btn:hover:not(:disabled){background:#313238;transform:translateY(-1px)}.editor:not(.is-h5) .viewport{transition:inset .35s cubic-bezier(.2,.8,.2,1);inset:var(--topbar-h) var(--layers-panel-w) 0 0!important;padding:18px 24px calc(var(--dock-safe-bottom) + 12px)!important}.editor:not(.is-h5) .empty-canvas-state{inset:0 0 var(--dock-safe-bottom) 0;z-index:4;pointer-events:none;background:0 0;border-radius:0;justify-content:center;padding:24px 28px 20px}.editor:not(.is-h5) .empty-canvas-state>*{pointer-events:auto}.editor:not(.is-h5) .empty-canvas-state h1{margin:0}.editor:not(.is-h5) .empty-canvas-state p{margin:10px 0 20px}.editor.pc-empty .artboard-scale-frame,.editor.pc-empty .artboard{visibility:hidden;pointer-events:none}.editor.pc-empty .status-pill{display:none}.editor:not(.is-h5) .zoom-controls{gap:0;height:42px;top:calc(var(--topbar-h) + 18px)!important;box-shadow:var(--soft-shadow)!important;background:#ffffffeb!important;border:1px solid #0000000f!important;border-radius:13px!important;padding:4px 6px!important;left:24px!important}.editor:not(.is-h5) .zoom-controls button,.editor:not(.is-h5) .zoom-controls span{color:#45464c;border-radius:8px;min-width:32px;height:32px;font-size:12px}.editor:not(.is-h5) .zoom-controls .zoom-reset{width:32px;min-width:32px;padding:0}.editor:not(.is-h5) .zoom-controls .zoom-reset svg{width:16px;height:16px}.editor:not(.is-h5) .zoom-controls .zoom-divider{background:#e5e5e3;width:1px;height:18px;margin:0 3px}.editor:not(.is-h5) .status-pill{left:24px;bottom:calc(var(--dock-safe-bottom) + 18px);z-index:8;box-shadow:var(--soft-shadow);color:var(--ink);pointer-events:none;background:#ffffffe6;border:1px solid #0000000d;border-radius:10px;align-items:center;padding:8px 12px;font-size:10px;display:inline-flex;position:absolute}.editor:not(.is-h5) .status-pill .status-dot{background:#6877ff;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.editor:not(.is-h5) .status-pill b{font-weight:700}.editor:not(.is-h5) .status-pill em{color:#a0a0a5;margin-left:10px;font-style:normal}.editor:not(.is-h5) .artboard-scale-frame{transform-origin:50%;will-change:transform;contain:layout style;transition:none}.editor:not(.is-h5) .viewport{overscroll-behavior:none;cursor:default;touch-action:none;overflow:hidden!important}.editor:not(.is-h5) .viewport.can-pan,.editor:not(.is-h5) .viewport.is-panning{cursor:grab}.editor:not(.is-h5) .viewport.is-panning{cursor:grabbing}.editor:not(.is-h5) .viewport.is-panning *{cursor:grabbing!important}.editor:not(.is-h5) .artboard{transition:none;box-shadow:none!important;width:var(--artboard-w,var(--artboard-size))!important;height:var(--artboard-h,var(--artboard-size))!important;aspect-ratio:auto!important;background:0 0!important;border-radius:3px!important;max-width:none!important;max-height:none!important}.editor:not(.is-h5) .artboard.has-image{box-shadow:0 30px 70px #0f141e40!important}.editor:not(.is-h5) .artboard.has-image canvas#artCanvas{background:#fff;box-shadow:0 30px 70px #0f141e38}.editor:not(.is-h5) .layer-box.selected{border:2px solid #7181ff;border-radius:0;box-shadow:inset 0 0 0 1px #fff}.editor:not(.is-h5) .layer-box-label{color:#fff;max-width:min(220px,60vw);box-shadow:none;background:#6072ff;border-radius:6px 6px 0 0;padding:4px 9px;font-size:10px;font-weight:700;top:-26px;left:-2px}.editor:not(.is-h5) .box-floating-toolbar,.editor:not(.is-h5) .box-floating-toolbar.is-side,.editor:not(.is-h5) .box-floating-toolbar.is-below{width:max(240px,100%);max-width:360px;inset:-72px auto auto 50%;transform:translate(-50%)}.editor:not(.is-h5) .floating-input-bubble,.editor:not(.is-h5) .inline-prompt{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#14161fcc;border:1px solid #7b8fffa6;border-radius:12px;align-items:center;gap:0;width:100%;min-height:58px;padding:6px 6px 6px 10px;transition:box-shadow .2s;display:flex;box-shadow:0 12px 30px #00000047}.editor:not(.is-h5) .inline-prompt.mode-active,.editor:not(.is-h5) .floating-input-bubble.mode-active{box-shadow:0 0 0 3px #6478ff33,0 12px 30px #00000047}.editor:not(.is-h5) .inline-prompt .spark,.editor:not(.is-h5) .floating-input-bubble .spark{color:#a89aff;margin-right:8px;font-size:14px}.editor:not(.is-h5) .inline-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.editor:not(.is-h5) .local-kicker{color:#aeb8ff;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.editor:not(.is-h5) .local-kicker b{color:#fff}.editor:not(.is-h5) .inline-prompt input,.editor:not(.is-h5) .floating-input-bubble input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.editor:not(.is-h5) .inline-prompt input::placeholder,.editor:not(.is-h5) .floating-input-bubble input::placeholder{color:#ffffff73}.editor:not(.is-h5) .inline-prompt .send-local,.editor:not(.is-h5) .floating-input-bubble .check-btn,.editor:not(.is-h5) .floating-input-bubble .send-local{color:#fff;cursor:pointer;background:#6d70ff;border:0;border-radius:9px;width:32px;height:32px;margin-left:6px;font-size:16px;font-weight:700;transition:transform .18s,background .18s}.editor:not(.is-h5) .inline-prompt .send-local:hover,.editor:not(.is-h5) .floating-input-bubble .send-local:hover{background:#7d80ff;transform:translateY(-1px)}.editor:not(.is-h5) .floating-input-bubble .ai-badge{display:none}.editor:not(.is-h5) .layers-strip.is-side{top:var(--topbar-h)!important;z-index:30!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;pointer-events:none!important;background:#fffffff7!important;border:0!important;border-left:1px solid #e8e7e5!important;border-radius:0!important;flex-direction:column!important;gap:0!important;width:330px!important;margin:0!important;padding:26px 22px 18px!important;transition:transform .38s cubic-bezier(.2,.8,.2,1)!important;display:flex!important;position:fixed!important;bottom:0!important;right:0!important;overflow:hidden!important;transform:translate(105%)!important;box-shadow:-28px 0 60px #1e1e2414!important}.editor:not(.is-h5) .layers-strip.is-side.is-open{pointer-events:auto!important;transform:none!important}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;padding:0 3px 14px;display:flex}.editor:not(.is-h5) .layers-strip.is-side .panel-head-copy{min-width:0}.editor:not(.is-h5) .layers-strip.is-side .eyebrow{letter-spacing:1.7px;color:#9b9ca3;font-size:8px;display:block}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head h2,.editor:not(.is-h5) .layers-strip.is-side .panel-title{color:var(--ink);margin:3px 0 0;font-size:17px;font-weight:700}.editor:not(.is-h5) .layers-strip.is-side .panel-title b,.editor:not(.is-h5) .layers-strip.is-side .layer-count{color:#8c8d93;background:#eeeeec;border-radius:20px;margin-left:5px;padding:3px 7px;font-size:10px;font-weight:700}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head>span,.editor:not(.is-h5) .layers-strip.is-side .linkish{display:none}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-head-actions{margin-left:0}.editor:not(.is-h5) .layers-strip.is-side .panel-close{color:#555;cursor:pointer;background:#f1f1ef;border:0;border-radius:9px;flex:none;width:32px;height:32px;font-size:14px}.editor:not(.is-h5) .layers-strip.is-side .panel-close:hover{background:#e7e7e4}.editor:not(.is-h5) .layers-strip.is-side .panel-tools{gap:7px;margin-bottom:10px;display:flex}.editor:not(.is-h5) .layers-strip.is-side .panel-tools-actions>button{color:#5c5c63;cursor:pointer;background:#f2f2f0;border:0;border-radius:10px;width:auto;min-width:36px;height:36px;padding:0 12px;font-size:11px;font-weight:600}.editor:not(.is-h5) .layers-strip.is-side .panel-tools-actions>button:hover{background:#e7e7e4}.editor:not(.is-h5) .layers-strip.is-side .panel-tools>button{color:#666;cursor:pointer;background:#f2f2f0;border:0;border-radius:10px;width:36px;height:36px}.editor:not(.is-h5) .layers-strip.is-side .layers-strip-list,.editor:not(.is-h5) .layers-strip.is-side .layer-list{flex-direction:column;flex:1;gap:0;max-height:none;padding:0 2px 0 0;overflow:hidden auto}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb,.editor:not(.is-h5) .layers-strip.is-side .layer-item{box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;width:100%;height:64px;min-height:64px;max-height:64px;margin-bottom:5px;padding:8px;transition:background .18s,transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb:hover,.editor:not(.is-h5) .layers-strip.is-side .layer-item:hover{background:#f5f5f3;transform:translate(-2px)}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb.active,.editor:not(.is-h5) .layers-strip.is-side .layer-item.active{background:#eef0ff;border-color:#8590ff;box-shadow:0 3px 12px #5666ff17}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-media{background:#eceae6;border-radius:10px;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;max-height:48px;display:block;position:relative;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-main img,.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-media .thumb,.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-media .layer-chip-dot{object-fit:contain;object-position:center;aspect-ratio:auto;background:#eceae6;border-radius:10px;flex:none;margin:0;position:absolute;inset:0;width:100%!important;height:100%!important}.editor:not(.is-h5) .layers-strip.is-side .layer-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-info b,.editor:not(.is-h5) .layers-strip.is-side .layer-label-text{color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:700;display:block;overflow:hidden}.editor:not(.is-h5) .layers-strip.is-side .layer-info small{color:#aaa;font-size:8px}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-actions{flex:none;gap:2px;margin:0;display:flex}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-actions button{color:#b5b5b8;background:0 0;border-radius:8px;flex:none;width:28px;padding:0;font-size:12px}.editor:not(.is-h5) .layers-strip.is-side .layer-thumb-actions button:hover{color:#555;background:#ececeb}.editor:not(.is-h5) .layers-backdrop{inset:var(--topbar-h) 0 0 0;z-index:25;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:none;position:fixed}.editor:not(.is-h5) .layers-backdrop.show{display:block}.editor:not(.is-h5) .layers-rail{top:calc(var(--topbar-h) + 20px);z-index:15;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:fixed;right:24px}.editor:not(.is-h5) .layers-rail .rail-card,.editor:not(.is-h5) .layers-rail .rail-head{pointer-events:auto}.editor:not(.is-h5) .layer-peek{opacity:0;pointer-events:none;width:0;transition:all .32s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translate(12px)}.editor:not(.is-h5) .layers-rail:hover .layer-peek,.editor:not(.is-h5) .layers-rail:focus-within .layer-peek{opacity:1;width:176px;transform:none}.editor:not(.is-h5) .peek-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #dcdce1d9;border-radius:18px;width:176px;padding:12px;box-shadow:0 18px 42px #1c1c2421}.editor:not(.is-h5) .peek-card small{color:#9b9ca4;letter-spacing:1.4px;font-size:9px}.editor:not(.is-h5) .peek-card b{color:#202126;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;display:block;overflow:hidden}.editor:not(.is-h5) .peek-meta{color:#96979d;justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;display:flex}.editor:not(.is-h5) .peek-progress{background:#ececf2;border-radius:4px;height:3px;margin-top:8px;overflow:hidden}.editor:not(.is-h5) .peek-progress i{background:linear-gradient(90deg,#726eff,#a36cff);height:100%;display:block}.editor:not(.is-h5) .rail-card{color:#fff;background:#1f2026f5;border:1px solid #ffffff1c;border-radius:22px;width:74px;padding:9px 8px 10px;transition:all .25s;box-shadow:0 18px 40px #19192033}.editor:not(.is-h5) .rail-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px #19192040}.editor:not(.is-h5) .rail-head{color:#fff;cursor:pointer;background:#292a30;border:0;border-radius:14px;justify-content:center;align-items:center;gap:5px;width:56px;height:40px;margin:0 auto;display:flex}.editor:not(.is-h5) .rail-head svg{width:18px;height:18px}.editor:not(.is-h5) .rail-head .count{background:#6f6bff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid}.editor:not(.is-h5) .thumb-stack{height:110px;margin:9px 0 4px;position:relative}.editor:not(.is-h5) .thumb-stack .thumb{background:#ece8ff;border:2px solid #34353c;border-radius:11px;width:40px;height:48px;transition:all .25s;position:absolute;left:8px;overflow:hidden;box-shadow:0 7px 14px #00000038}.editor:not(.is-h5) .thumb-stack .thumb:first-child{z-index:3;top:0}.editor:not(.is-h5) .thumb-stack .thumb:nth-child(2){z-index:2;top:27px;transform:scale(.94)}.editor:not(.is-h5) .thumb-stack .thumb:nth-child(3){z-index:1;top:53px;transform:scale(.88)}.editor:not(.is-h5) .thumb-stack .thumb img,.editor:not(.is-h5) .thumb-stack .thumb .thumb-fallback{object-fit:cover;width:100%;height:100%;display:block}.editor:not(.is-h5) .thumb-stack .thumb .thumb-fallback{background:linear-gradient(145deg,#f2d4e9,#9c8ce9)}.editor:not(.is-h5) .rail-card:hover .thumb-stack .thumb:first-child{transform:translateY(-2px)}.editor:not(.is-h5) .rail-card:hover .thumb-stack .thumb:nth-child(2){transform:translateY(2px)scale(.94)}.editor:not(.is-h5) .rail-card:hover .thumb-stack .thumb:nth-child(3){transform:translateY(6px)scale(.88)}.editor:not(.is-h5) .active-dot{background:#a99bff;border-radius:50%;width:6px;height:6px;margin:4px auto 8px;box-shadow:0 0 0 4px #907eff26}.editor:not(.is-h5) .rail-label{color:#dedee3;text-align:center;white-space:nowrap;font-size:10px;font-weight:700}.editor:not(.is-h5) .rail-shortcut{color:#777981;text-align:center;margin-top:4px;font-size:8px}.editor:not(.is-h5) .panel-reopen{display:none!important}.editor:not(.is-h5) .floating-dock.dock-aware.dock-bottom:not(.is-positioned){left:calc((100% - var(--layers-panel-w)) / 2)!important;width:min(640px, calc(100vw - var(--layers-panel-w) - 48px))!important;max-width:calc(100vw - var(--layers-panel-w) - 32px)!important;transition:left .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s!important;bottom:18px!important;transform:translate(-50%)!important}.editor:not(.is-h5) .floating-dock.dock-aware.dock-bottom.collapsed:not(.is-positioned){transform:translate(-50%)translateY(calc(100% - 58px))!important}.editor:not(.is-h5) .floating-dock.collapsed .playground-edits-strip{display:none!important}.editor:not(.is-h5) .floating-dock.dock-aware .prompt-card.playground-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:border-color .25s,box-shadow .25s;background:#ffffffeb!important;border:1px solid #00000012!important;border-radius:20px!important;padding:14px 16px!important;box-shadow:0 22px 55px #1d1f2a29!important}.editor:not(.is-h5) .floating-dock.mode-active .prompt-card.playground-card,.editor:not(.is-h5) .prompt-card.playground-card.mode-active{border-color:#9a7bea!important;box-shadow:0 0 0 3px #855ae81f,0 22px 55px #1d1f2a29!important}.editor:not(.is-h5) .dock-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.editor:not(.is-h5) .dock-top-copy{flex:1;min-width:0}.editor:not(.is-h5) .dock-top-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor:not(.is-h5) .mode-tag{color:#6574ff;background:#eef0ff;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.editor:not(.is-h5) .dock-top h3{color:#45464c;margin:0;font-size:12px;font-weight:700;display:inline}.editor:not(.is-h5) .scope-note{color:#92939a;margin:6px 0 0;font-size:9px;line-height:1.45;display:block}.editor:not(.is-h5) .collapse-btn{cursor:pointer;background:#f4f4f2;border:1px solid #e6e6e3;border-radius:10px;flex:none;width:32px;height:32px;transition:background .2s,transform .25s,box-shadow .2s;position:relative}.editor:not(.is-h5) .collapse-btn:hover{background:#fff;box-shadow:0 5px 14px #18191e1a}.editor:not(.is-h5) .collapse-btn span{border-top:1.8px solid #77787e;border-left:1.8px solid #77787e;width:8px;height:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)rotate(45deg)}.editor:not(.is-h5) .collapse-btn span:after{content:none}.editor:not(.is-h5) .floating-dock.collapsed .collapse-btn{transform:rotate(180deg)}.editor:not(.is-h5) .global-prompt-label{display:none}.editor:not(.is-h5) .prompt-field{background:#f7f7f5;border:1px solid #e8e8e5;border-radius:14px;flex-shrink:0;margin:0;padding:10px 12px;transition:border-color .2s,background .2s,box-shadow .2s}.editor:not(.is-h5) .prompt-field.is-focused,.editor:not(.is-h5) .prompt-field:focus-within{background:#fff;border-color:#b7b9ff;box-shadow:0 0 0 3px #5b6cff1a}.editor:not(.is-h5) .prompt-card.playground-card .prompt-field textarea,.editor:not(.is-h5) .prompt-card.playground-card textarea{resize:none;flex-shrink:0;width:100%;max-height:110px;margin:0;display:block;height:auto!important;min-height:52px!important;box-shadow:none!important;color:#25262a!important;background:0 0!important;border:0!important;outline:none!important;padding:0!important;font-size:13px!important;line-height:1.55!important}.editor:not(.is-h5) .prompt-card.playground-card textarea::placeholder{color:#a3a4a9}.editor:not(.is-h5) .prompt-field .playground-bottom,.editor:not(.is-h5) .prompt-field-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex;border:0!important;margin:8px 0 0!important;padding:0!important}.editor:not(.is-h5) .playground-left-actions{flex:1;justify-content:flex-start;gap:8px;min-width:0}.editor:not(.is-h5) .playground-left-actions:empty{display:none}.editor:not(.is-h5) .playground-left-actions .round-btn{color:#444;background:#f1f1ef;border:0;border-radius:10px;width:38px;height:37px;font-size:18px}.editor:not(.is-h5) .playground-left-actions .context-action,.editor:not(.is-h5) .playground-left-actions .clear-btn{color:#444;background:#efece6;border:0;border-radius:12px;height:48px;padding:0 14px;font-size:11px;font-weight:700}.editor:not(.is-h5) .playground-edits-strip{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#1c1d2347 transparent;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;max-width:100%;margin:0;padding:6px 2px 10px;display:flex;overflow:auto hidden}.editor:not(.is-h5) .playground-edits-strip::-webkit-scrollbar{height:5px;display:block}.editor:not(.is-h5) .playground-edits-strip::-webkit-scrollbar-thumb{background:#1c1d2338;border-radius:999px}.editor:not(.is-h5) .playground-edits-strip::-webkit-scrollbar-track{background:0 0}.editor:not(.is-h5) .playground-edit-chip{scroll-snap-align:start;flex:0 0 200px;width:200px;min-width:200px;max-width:200px;height:68px;min-height:68px;max-height:68px}.editor:not(.is-h5) .chip-thumb-wrapper{flex:0 0 52px;width:52px;min-width:52px;height:52px;min-height:52px;overflow:visible}.editor:not(.is-h5) .chip-thumb-wrapper img{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.editor:not(.is-h5) .playground-right-actions{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.editor:not(.is-h5) .model-chip,.editor:not(.is-h5) .model-select{text-align:left;min-width:154px;transition:border-color .2s,box-shadow .2s,transform .2s;height:48px!important;color:var(--ink)!important;background:linear-gradient(#fff,#f7f7f5)!important;border:1px solid #e2e2df!important;border-radius:14px!important;align-items:center!important;gap:10px!important;padding:6px 12px!important;display:flex!important;box-shadow:0 2px 7px #17181d0a!important}.editor:not(.is-h5) .model-chip:hover,.editor:not(.is-h5) .model-select:hover{transform:translateY(-1px);border-color:#c9c9c5!important;box-shadow:0 5px 16px #17181d14!important}.editor:not(.is-h5) .model-chip.open,.editor:not(.is-h5) .model-select.open{border-color:#9989f2!important;box-shadow:0 0 0 3px #765cff1f!important}.editor:not(.is-h5) .model-icon{color:#fff;background:linear-gradient(135deg,#765cff,#a769ec);border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;display:grid;box-shadow:0 5px 12px #7455f23d}.editor:not(.is-h5) .model-copy{flex-direction:column;flex:1;min-width:0;display:flex}.editor:not(.is-h5) .model-copy small{color:#999aa0;margin-bottom:4px;font-size:8px;line-height:1}.editor:not(.is-h5) .model-copy b{color:#25262a;font-size:11px;line-height:1}.editor:not(.is-h5) .model-chip>span:last-child,.editor:not(.is-h5) .model-caret{color:#0000;background:0 0;border-bottom:1.5px solid #73747a;border-right:1.5px solid #73747a;width:8px;height:8px;font-size:0;transition:transform .25s;transform:rotate(45deg)translateY(-2px)}.editor:not(.is-h5) .model-chip.open>span:last-child{transform:rotate(225deg)translate(-1px,-1px)}.editor:not(.is-h5) .send-btn.dark-circle,.editor:not(.is-h5) .generate-btn{justify-content:space-between;align-items:center;gap:12px;min-width:132px;transition:transform .18s,box-shadow .18s;color:#fff!important;background:linear-gradient(135deg,#5267ff,#825fff)!important;border:0!important;border-radius:12px!important;height:48px!important;padding:0 5px 0 17px!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 6px 16px #5864ff4d!important}.editor:not(.is-h5) .send-btn.dark-circle:not(.ready){opacity:.55}.editor:not(.is-h5) .send-btn.dark-circle.ready:hover,.editor:not(.is-h5) .generate-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5864ff66!important}.editor:not(.is-h5) .generate-btn span{font-size:11px;font-weight:700}.editor:not(.is-h5) .generate-btn b{background:#fff3;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:grid}.editor:not(.is-h5) .model-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #14141914;border-radius:16px;width:270px;padding:7px;bottom:58px;left:auto;right:0;box-shadow:0 18px 45px #1e1f2829}.editor:not(.is-h5) .model-menu button{text-align:left;background:0 0;border:0;border-radius:11px;width:100%;padding:10px;transition:background .16s}.editor:not(.is-h5) .model-menu button:hover{background:#f4f3f8}.editor:not(.is-h5) .model-menu button.active{background:#f3f1ff}.editor:not(.is-h5) .model-menu button small{color:#999aa0;margin-top:3px;font-size:8px;display:block}.editor:not(.is-h5) .toast{background:#22242b;border-radius:11px;padding:11px 16px;font-size:11px;top:88px}@media (width<=1100px){.editor:not(.is-h5).advanced-open{--layers-panel-w:300px}.editor:not(.is-h5) .layers-strip.is-side{width:300px!important}}.editor.is-h5 .prompt-card.playground-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px max(14px, env(safe-area-inset-right,0px)) 12px max(14px, env(safe-area-inset-left,0px))!important;box-shadow:none!important;background:#fffffffa!important;border:0!important;border-radius:0!important}.editor.is-h5 .h5-dock-head{align-items:center;margin:0 0 10px;display:flex}.editor.is-h5 .h5-dock-head .mode-tag,.editor.is-h5 .global-prompt-label span{color:#6574ff;letter-spacing:.01em;background:#eef0ff;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.editor.is-h5 .global-prompt-label{margin:0 0 8px}.editor.is-h5 .prompt-field{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.editor.is-h5 .prompt-card.playground-card .prompt-field textarea,.editor.is-h5 .prompt-card.playground-card textarea{resize:none;width:100%;max-height:96px;margin:0;display:block;height:auto!important;min-height:52px!important;box-shadow:none!important;color:#25262a!important;background:0 0!important;border:0!important;outline:none!important;padding:0!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important}.editor.is-h5 .prompt-card.playground-card textarea::placeholder{color:#a3a4a9;font-weight:500}.editor.is-h5 .prompt-field .playground-bottom,.editor.is-h5 .prompt-field-actions,.editor.is-h5 .prompt-card.playground-card .playground-bottom{border-top:1px solid #ecece8!important;flex-flow:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;min-height:0!important;margin:12px 0 0!important;padding:12px 0 0!important;display:flex!important}.editor.is-h5 .playground-left-actions,.editor.is-h5 .playground-right-actions{align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;display:flex!important}.editor.is-h5 .playground-left-actions{flex:none!important;justify-content:flex-start!important}.editor.is-h5 .playground-left-actions:empty{display:none!important}.editor.is-h5 .playground-right-actions{flex:none!important;justify-content:stretch!important}.editor.is-h5 .playground-left-actions .clear-btn,.editor.is-h5 .playground-left-actions .context-action{white-space:nowrap;color:#444!important;background:#f1f1ef!important;border:0!important;border-radius:10px!important;height:36px!important;padding:0 12px!important;font-size:12px!important;font-weight:700!important}.editor.is-h5 .model-chip,.editor.is-h5 .model-select,.editor.is-h5 .prompt-card.playground-card .model-chip{text-align:left;min-width:0!important;max-width:none!important;height:44px!important;box-shadow:none!important;color:#25262a!important;background:linear-gradient(#fff,#f7f7f5)!important;border:1px solid #e2e2df!important;border-radius:12px!important;flex:auto!important;align-items:center!important;gap:8px!important;padding:0 10px!important;display:inline-flex!important}.editor.is-h5 .model-icon{color:#fff;background:linear-gradient(135deg,#765cff,#a769ec);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.editor.is-h5 .model-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.editor.is-h5 .model-copy small{display:none}.editor.is-h5 .model-copy b{text-overflow:ellipsis;white-space:nowrap;color:#25262a;font-size:12px;font-weight:700;line-height:1.1;overflow:hidden}.editor.is-h5 .model-caret{color:#0000;background:0 0;border-bottom:1.5px solid #73747a;border-right:1.5px solid #73747a;flex:none;width:7px;height:7px;margin-right:2px;font-size:0;transform:rotate(45deg)translateY(-1px)}.editor.is-h5 .send-btn.dark-circle,.editor.is-h5 .generate-btn,.editor.is-h5 .prompt-card.playground-card .send-btn.dark-circle{opacity:1;color:#fff!important;background:linear-gradient(135deg,#5267ff,#825fff)!important;border:0!important;border-radius:12px!important;flex:none!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important;height:44px!important;padding:0 6px 0 12px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 6px 16px #5864ff47!important}.editor.is-h5 .send-btn.dark-circle:not(.ready){opacity:.55}.editor.is-h5 .generate-btn span{white-space:nowrap;font-size:12px;font-weight:700}.editor.is-h5 .generate-btn b{background:#fff3;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;line-height:1;display:grid}.editor.is-h5 .playground-edits-strip{-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:100%;overflow-x:auto}.editor.is-h5 .h5-pending-edits{background:#f7f7f5;border:1px solid #ecece8;border-radius:14px;margin:0 0 10px;padding:0;overflow:hidden}.editor.is-h5 .h5-pending-edits-head{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:8px 10px;display:flex}.editor.is-h5 .h5-pending-edits-head>span{color:#5c5d63;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.editor.is-h5 .h5-pending-edits-head b{color:#fff;background:#6574ff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-grid}.editor.is-h5 .h5-pending-caret{border-bottom:1.6px solid #73747a;border-right:1.6px solid #73747a;width:7px;height:7px;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.editor.is-h5 .h5-pending-edits.is-open .h5-pending-caret{transform:rotate(225deg)translate(-1px,-1px)}.editor.is-h5 .h5-pending-edits-body{padding:0 8px 8px}.editor.is-h5 .h5-pending-edits-actions{justify-content:flex-end;margin-bottom:6px;display:flex}.editor.is-h5 .h5-pending-clear{color:#444;background:#efece6;border:0;border-radius:8px;height:28px;padding:0 10px;font-size:11px;font-weight:700}.editor.is-h5 .playground-edits-strip.is-h5-pending{gap:8px;margin:0;padding:0}.editor.is-h5 .floating-dock.h5-dock,.editor.is-h5 .floating-dock.dock-bottom{overflow:visible!important}.editor.is-h5 .floating-dock.dock-aware .prompt-card.playground-card,.editor.is-h5 .floating-dock.h5-dock .prompt-card.playground-card,.editor.is-h5 .floating-dock.dock-bottom .prompt-card.playground-card{width:100%!important;max-width:none!important;padding:14px max(14px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px))!important;box-shadow:none!important;background:#fffffffa!important;border:0!important;border-radius:0!important;margin:0!important;overflow:visible!important}.editor.is-h5 .floating-dock.dock-aware.h5-dock,.editor.is-h5 .floating-dock.dock-aware.dock-bottom{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;gap:0!important;margin:0!important;padding:0!important;bottom:0!important;left:0!important;right:0!important}.editor.is-h5 .layers-strip,.editor.is-h5 .layers-strip.is-dock{box-shadow:none!important;border-radius:0!important;margin-left:0!important;margin-right:0!important}.editor.is-h5 .model-menu{z-index:120;pointer-events:auto;width:auto;max-height:min(42vh,210px);margin:0;position:absolute;bottom:100px;left:10px;right:10px}