@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf6ff;font-synthesis:none;text-rendering:optimizelegibility;--shell:#05070d;--canvas:#080b12;--panel:#0c111ceb;--panel-solid:#0c111c;--panel-raised:#111827;--line:#9fb5d724;--line-strong:#9fb5d73d;--text:#edf6ff;--muted:#8f9bad;--faint:#667286;--cyan:#5cecfe;--violet:#8b6cff;--pink:#ff5d8f;--danger:#ff6b86;--shadow:0 24px 72px #0000007a;background:#05070d;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--shell);min-width:320px}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--cyan) 80%, white);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{isolation:isolate;background:radial-gradient(circle at 52% 108%, #5cecfe0d, transparent 34%), var(--canvas);width:100%;height:100dvh;position:relative;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.top-bar{z-index:60;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:18px;left:22px;right:22px}.top-bar>*{pointer-events:auto}.task-menu{position:relative}.task-menu-trigger{min-width:190px;height:48px;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);cursor:pointer;background:#080b12c2;border-radius:15px;align-items:center;gap:11px;padding:6px 13px 6px 7px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:0 10px 30px #00000038}.task-menu-trigger:hover{background:#0c111cdb;border-color:#5cecfe47;transform:translateY(-1px)}.brand-orb{color:#071016;background:linear-gradient(145deg, #d9fbff, var(--cyan) 50%, #8b6cff 115%);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 0 20px #5cecfe2e}.brand-orb:after{content:"";background:linear-gradient(90deg,#0000 35%,#ffffffc7,#0000 65%);animation:5.5s ease-in-out infinite brand-sheen;position:absolute;inset:-50%;transform:rotate(25deg)translate(-75%)}@keyframes brand-sheen{0%,68%,to{transform:rotate(25deg)translate(-75%)}82%{transform:rotate(25deg)translate(75%)}}.task-menu-title{text-align:left;min-width:0;margin-right:auto;display:grid}.task-menu-title small{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.1}.task-menu-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:2px;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.top-actions{align-items:center;gap:8px;display:flex}.top-action-button,.top-icon-button,.icon-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#080b12b8;justify-content:center;align-items:center;height:42px;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.top-action-button{color:#b7c2d4;border-radius:13px;gap:8px;padding:0 13px;font-size:12px}.top-action-button small{color:#081119;background:var(--cyan);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:800;display:grid}.top-icon-button,.icon-button{color:#aeb9ca;border-radius:13px;width:42px;padding:0}.top-action-button:hover,.top-icon-button:hover,.icon-button:hover{color:var(--text);background:#111827e0;border-color:#5cecfe4d}.task-switcher{z-index:80;border:1px solid var(--line-strong);width:min(360px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#0a0e17f5;border-radius:19px;padding:10px;animation:.16s ease-out pop-in;position:absolute;top:calc(100% + 10px);left:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}}.task-switcher>header{color:#c7d1df;justify-content:space-between;padding:10px 10px 12px;font-size:12px;font-weight:600;display:flex}.task-switcher>header small{color:var(--faint);font-weight:500}.task-switcher-list{gap:4px;max-height:320px;display:grid;overflow:auto}.task-switcher-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.task-switcher-list>button:hover{background:#ffffff09}.task-switcher-list>button.is-active{background:#5cecfe12;border-color:#5cecfe2b}.task-switcher-thumb{width:42px;height:42px;color:var(--faint);border:1px solid var(--line);background:#080c14;border-radius:10px;place-items:center;display:grid;overflow:hidden}.task-switcher-thumb img{object-fit:cover;width:100%;height:100%}.task-switcher-list>button>span:nth-child(2){min-width:0;display:grid}.task-switcher-list strong{color:#dfe8f5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.task-switcher-list small{color:var(--faint);margin-top:3px;font-size:10px}.task-status-mark{background:#566173;border-radius:99px;width:7px;height:7px}.task-status-mark.is-generating{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.task-status-mark.is-error{background:var(--pink)}.task-status-mark.is-editing{background:#7b8ba3}.task-switcher-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:8px;padding-top:8px;display:grid}.task-switcher-actions button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.task-switcher-actions button:hover{color:var(--text);background:#ffffff0a}.task-switcher-actions button:last-child:hover{color:var(--danger)}.canvas-region{background:var(--canvas);position:absolute;inset:0;overflow:hidden}.canvas-ambient{pointer-events:none;background:radial-gradient(circle at 50% 46%,#425c8412,#0000 34%),radial-gradient(circle at 10% 10%,#8b6cff06,#0000 25%),radial-gradient(circle at 90% 82%,#5cecfe06,#0000 28%);position:absolute;inset:-10%}.canvas-grid{pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#8f9bad3d .65px,#0000 .75px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 12%,#0000 78%);mask-image:radial-gradient(#000 12%,#0000 78%)}.canvas-region.is-dragging:after{z-index:55;content:"释放以添加到画布";color:var(--cyan);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.06em;background:#050910c7;border:1px dashed #5cecfe8c;border-radius:24px;place-items:center;font-size:14px;display:grid;position:absolute;inset:14px}.image-stage,.ai-processing-canvas,.ai-processing-canvas-surface{position:absolute;inset:0}.ai-processing-canvas-surface,.ai-processing-canvas-surface .canvas-container{width:100%!important;height:100%!important}.ai-processing-canvas-surface canvas{width:100%;height:100%}.canvas-alignment-overlay{z-index:16;pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-selection-outline,.canvas-selection-corner,.canvas-alignment-guide,.canvas-spacing-guide,.canvas-spacing-tick{fill:none;vector-effect:non-scaling-stroke;shape-rendering:geometricprecision}.canvas-selection-outline{stroke:#65edffb8;stroke-width:.8px;filter:drop-shadow(0 0 3px #5cecfe38)}.canvas-selection-corner{stroke:#79efff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #5cecfe57)}.canvas-alignment-guide{stroke:#5bebffeb;stroke-width:1px;stroke-dasharray:5 4;filter:drop-shadow(0 0 2px #5cecfe47);transition:opacity .14s ease-in;animation:.1s ease-out both canvas-guide-in}.canvas-alignment-guide.is-viewport{stroke-dasharray:2 5;stroke:#74f0ffc2}.canvas-spacing-guide,.canvas-spacing-tick{stroke:#a684fff2;stroke-width:1px;filter:drop-shadow(0 0 2px #8b6cff4d);transition:opacity .14s ease-in;animation:.1s ease-out both canvas-guide-in}.canvas-spacing-label{fill:#c9baff;stroke:#070a11eb;stroke-width:3px;paint-order:stroke fill;letter-spacing:.02em;font-family:SFMono-Regular,Cascadia Code,monospace;font-size:9px;font-weight:600;transition:opacity .14s ease-in;animation:.1s ease-out both canvas-guide-in}.canvas-alignment-overlay.is-exiting-guides .canvas-alignment-guide,.canvas-alignment-overlay.is-exiting-guides .canvas-spacing-guide,.canvas-alignment-overlay.is-exiting-guides .canvas-spacing-tick,.canvas-alignment-overlay.is-exiting-guides .canvas-spacing-label{opacity:0}@keyframes canvas-guide-in{0%{opacity:0}to{opacity:1}}.ai-processing-canvas-status,.ai-processing-canvas-error{z-index:10;border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b12cc;border-radius:10px;padding:9px 12px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-processing-canvas-error{color:#ff91a5;border-color:#ff5d8f42}.canvas-image-context-menu{z-index:48;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#090d15f5;border:1px solid #8fa2be33;border-radius:10px;width:144px;padding:4px;animation:.1s ease-out both canvas-context-menu-in;position:absolute;box-shadow:0 16px 42px #0000006b,inset 0 1px #ffffff06}.canvas-image-context-menu button{color:#dbe7f5;cursor:pointer;background:0 0;border:0;border-radius:7px;outline:none;align-items:center;width:100%;height:30px;padding:0 8px;font-size:11px;display:flex}.canvas-image-context-menu button svg{color:var(--cyan);margin-right:8px}.canvas-image-context-menu button+button{margin-top:2px}.canvas-image-context-menu button.has-separator{border-top:1px solid #8fa2be1c;border-radius:2px 2px 7px 7px}.canvas-image-context-menu button.is-composite-copy svg{color:#a58cff}.canvas-image-context-menu button:hover,.canvas-image-context-menu button:focus-visible{color:#f3fbff;background:#5cecfe16;box-shadow:inset 0 0 0 1px #5cecfe1a}.canvas-image-context-menu button:disabled{color:#687588;box-shadow:none;cursor:not-allowed;background:0 0}.canvas-image-context-menu button:disabled svg{color:#607083}.canvas-copy-feedback{z-index:90;top:max(82px, calc(env(safe-area-inset-top) + 70px));color:#c8f8ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e16f0;border:1px solid #5cecfe33;border-radius:9px;padding:8px 11px;font-size:10px;animation:.14s ease-out both canvas-copy-feedback-in;position:fixed;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000057}.canvas-copy-feedback.is-error{color:#ffd2da;border-color:#ff5d8f3d}@keyframes canvas-context-menu-in{0%{opacity:0;transform:translateY(-3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes canvas-copy-feedback-in{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.ai-processing-scan-layer{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ai-processing-image-scan{isolation:isolate;background:radial-gradient(circle at 50% 48%,#5cecfe14,#0000 60%),linear-gradient(#5cecfe05,#8b6cff14);border:1px solid #74f0ff80;animation:2.25s ease-in-out infinite processing-frame-pulse;position:absolute;overflow:hidden;box-shadow:inset 0 0 42px #5cecfe1a,0 0 16px #5cecfe33,0 0 34px #8b6cff1f}.ai-processing-image-scan:after{content:"";z-index:0;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 36%,#5cecfe05 43%,#d5fbff29 50%,#8b6cff14 56%,#0000 64%);animation:3.4s ease-in-out infinite processing-sheen;position:absolute;inset:-20% -55%;transform:translate(-55%)}.ai-processing-scan-line{z-index:1;background:linear-gradient(90deg,#0000 2%,#5cecfe59 13%,#dffcff 48%,#9d83fff2 72%,#0000 98%);height:2px;animation:2.25s cubic-bezier(.42,0,.2,1) infinite scan-line;position:absolute;inset-inline:0;box-shadow:0 0 5px #e6fdfff2,0 0 16px #5cecfee6,0 0 34px #8b6cff99}.ai-processing-scan-line:before{content:"";filter:blur(5px);mix-blend-mode:screen;background:linear-gradient(#0000,#5cecfe09 28%,#5cecfe33 50%,#8b6cff12 72%,#0000);position:absolute;inset:-24px 0}@keyframes scan-line{0%{opacity:0;top:2%}10%{opacity:1}82%{opacity:.9}to{opacity:0;top:98%}}@keyframes processing-frame-pulse{0%,to{border-color:#5cecfe61}50%{border-color:#b5f7ffb8}}@keyframes processing-sheen{0%,18%{opacity:0;transform:translate(-55%)}35%{opacity:.85}72%{opacity:.5}88%,to{opacity:0;transform:translate(55%)}}.ai-canvas-zoom-controls{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b12b8;border-radius:12px;align-items:center;padding:4px;display:flex;position:absolute;bottom:126px;right:24px;box-shadow:0 10px 28px #0003}.ai-canvas-zoom-controls button{min-width:31px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:flex}.ai-canvas-zoom-controls button:hover{color:var(--text);background:#ffffff0d}.empty-composition{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(520px,100% - 40px);display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.canvas-reveal-effect{z-index:-1;pointer-events:none;width:560px;height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-halo{filter:blur(24px);background:radial-gradient(circle at 45% 45%,#5cecfe16,#0000 34%),radial-gradient(circle at 62% 58%,#8b6cff14,#0000 42%);border-radius:50%;animation:5s ease-in-out infinite halo-breathe;position:absolute;inset:8%}.reveal-dots{opacity:.7;background-image:radial-gradient(circle,#5cecfe80 .8px,#0000 1px);background-size:17px 17px;animation:9s linear infinite dots-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000bf 32%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#000000bf 32%,#0000 72%)}.reveal-ring{border:1px solid #5cecfe1c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-ring-one{width:230px;height:230px;animation:4s ease-out infinite ring-pulse}.reveal-ring-two{border-color:#8b6cff14;width:330px;height:330px;animation:4s ease-out 2s infinite ring-pulse}@keyframes halo-breathe{50%{opacity:.72;transform:scale(1.07)}}@keyframes dots-drift{to{background-position:17px 17px}}@keyframes ring-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}35%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.empty-upload-target{color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0a0f18ad;border:1px solid #5cecfe33;border-radius:18px;align-items:center;gap:15px;padding:10px 18px 10px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 18px 55px #00000042,inset 0 1px #ffffff06}.empty-upload-target:hover{border-color:#5cecfe73;transform:translateY(-2px);box-shadow:0 18px 60px #00000052,0 0 26px #5cecfe0f}.empty-upload-icon{width:52px;height:52px;color:var(--cyan);background:linear-gradient(145deg,#5cecfe17,#8b6cff14);border:1px solid #5cecfe2e;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 24px #5cecfe0a}.empty-upload-target>span:last-child{text-align:left;gap:3px;display:grid}.empty-upload-target small{color:var(--muted);letter-spacing:.06em;font-size:10px}.empty-upload-target strong{letter-spacing:-.02em;font-family:Manrope,PingFang SC,sans-serif;font-size:18px;font-weight:600}.empty-composition>p{color:var(--faint);margin:18px 0 0;font-size:11px}.empty-secondary-upload{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;margin-top:12px;padding:7px 10px;font-size:11px;display:inline-flex}.empty-secondary-upload:hover{color:var(--cyan);background:#5cecfe0d}.generation-energy{z-index:20;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.generation-energy svg{filter:drop-shadow(0 0 8px #5cecfe59);width:100%;height:100%}.generation-energy path{fill:none;stroke:url(#energy-gradient);stroke-width:1.15px;stroke-dasharray:8 14;vector-effect:non-scaling-stroke;animation:4s linear infinite energy-flow}.generation-energy path:nth-child(3){opacity:.65;animation-duration:5.8s;animation-direction:reverse}.generation-energy path:nth-child(4){opacity:.4;animation-duration:7s}.energy-core{filter:blur(10px);background:radial-gradient(circle,#5cecfe0b,#8b6cff05 38%,#0000 70%);border-radius:50%;width:38vw;max-width:580px;height:38vw;max-height:580px;animation:3.3s ease-in-out infinite energy-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes energy-flow{to{stroke-dashoffset:-88px}}@keyframes energy-breathe{50%{opacity:.45;transform:translate(-50%,-50%)scale(1.12)}}.prompt-dock-wrap{z-index:50;bottom:max(20px, env(safe-area-inset-bottom));width:min(760px,100vw - 40px);position:fixed;left:50%;transform:translate(-50%)}.clean-prompt-wrap{pointer-events:none;justify-items:center;transition:width .18s cubic-bezier(.2,.8,.2,1);display:grid}.clean-prompt-wrap>*{pointer-events:auto}.clean-prompt-wrap.is-collapsed{width:92px}.clean-prompt-wrap.is-expanded{width:min(700px,100vw - 40px)}.clean-prompt-wrap .glowing-border{width:100%}.prompt-dock.clean-prompt-dock{grid-template-columns:1fr 40px;min-height:58px;padding:9px 10px 9px 15px}.clean-prompt-toggle{z-index:3;color:#79effce0;cursor:pointer;background:linear-gradient(#131c2af5,#080d16f0);border:1px solid #5cecfe61;border-radius:999px;place-items:center;width:76px;height:22px;padding:0;animation:3.2s ease-in-out infinite clean-prompt-breathe;display:grid;box-shadow:0 8px 24px #00000061,0 0 20px #5cecfe14,inset 0 1px #ffffff0f}.clean-prompt-toggle:hover{color:#d7fbff;border-color:#5cecfeb3;box-shadow:0 8px 26px #0000006b,0 0 25px #5cecfe29}.clean-prompt-wrap.is-collapsed .clean-prompt-toggle{position:relative}.clean-prompt-wrap.is-expanded .clean-prompt-toggle{animation:none;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(180deg)}.clean-mode-exit{color:#7d899b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#080c14ad;border:1px solid #9fb5d71c;border-radius:8px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:9px;display:inline-flex;position:absolute;top:-31px;right:7px}.clean-mode-exit:hover{color:#c7d4e4;background:#0d131ee0;border-color:#9fb5d738}.clean-mode-busy-status{color:#718097;width:max-content;font-size:9px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes clean-prompt-breathe{0%,to{border-color:#5cecfe47;box-shadow:0 8px 24px #00000061,0 0 12px #5cecfe09}50%{border-color:#5cecfe85;box-shadow:0 8px 26px #0000006b,0 0 24px #5cecfe21}}.glowing-border{background:linear-gradient(110deg,#5cecfe47,#9fb5d71f 35%,#8b6cff45 68%,#ff5d8f2e);border-radius:20px;padding:1px;display:block;position:relative;overflow:visible;box-shadow:0 22px 70px #0000006b,0 0 28px #5cecfe06}.glowing-border:before{z-index:-1;content:"";opacity:.16;background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));filter:blur(22px);border-radius:28px;transition:opacity .18s;position:absolute;inset:-12px}.glowing-border:focus-within:before{opacity:.3}.prompt-dock{-webkit-backdrop-filter:blur(26px)saturate(125%);backdrop-filter:blur(26px)saturate(125%);background:#0a0e17f5;border-radius:19px;grid-template-columns:38px auto 1fr 40px;align-items:end;gap:5px;min-height:62px;padding:10px;display:grid}.prompt-dock.is-busy{background:#090e17fa}.prompt-add-button,.send-button{cursor:pointer;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;display:grid}.prompt-add-button{color:#b5c1d2;border:1px solid var(--line);background:#ffffff09}.prompt-add-button:hover{color:var(--cyan);border-color:#5cecfe47}.prompt-dock textarea{resize:none;width:100%;min-height:38px;max-height:128px;color:var(--text);background:0 0;border:0;outline:0;padding:9px 7px 7px;font-size:13px;line-height:1.55}.prompt-dock textarea::placeholder{color:#5f6b7e}.send-button{color:#061018;background:linear-gradient(145deg, #cbf9ff, var(--cyan));border:0;box-shadow:0 6px 20px #5cecfe29}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #5cecfe3d}.send-button:disabled{color:#606c7d;box-shadow:none;background:#ffffff0e}.send-button>span{place-items:center;display:grid}.model-picker{align-self:end;position:relative}.model-picker-trigger{color:#8996a8;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:5px;height:38px;padding:0 8px;font-size:10px;display:flex}.model-picker-trigger:hover,.model-picker-trigger.is-open{color:#c2ccda;background:#ffffff0a}.model-picker-menu{border:1px solid var(--line-strong);width:330px;box-shadow:var(--shadow);background:#0a0e17fa;border-radius:17px;padding:9px;animation:.15s ease-out pop-in;position:absolute;bottom:calc(100% + 14px);left:-50px}.model-picker-list{outline:0;gap:8px;display:grid}.model-picker-group-header{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px 5px;font-size:9px;font-weight:700}.model-picker-options{gap:3px;display:grid}.model-picker-option{color:#b8c2d1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:8px 10px;display:flex}.model-picker-option:hover:not(:disabled){background:#ffffff0a}.model-picker-option.is-selected{color:var(--text);background:#5cecfe0e;border-color:#5cecfe24}.model-picker-option-copy{gap:2px;display:grid}.model-picker-option-copy strong{font-size:11px;font-weight:600}.model-picker-option-copy small{color:var(--faint);font-size:9px}.model-picker-settings{border-top:1px solid var(--line);gap:4px;margin-top:8px;padding-top:8px;display:flex}.model-picker-settings button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:9px;display:flex}.model-picker-settings button:hover{color:var(--text);background:#ffffff0a}.dock-meta{color:#4f5b6d;justify-content:space-between;padding:7px 5px 0;font-size:9px;display:flex}.prompt-inline-message{color:#d9a3ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#25101adb;border:1px solid #ff5d8f2b;border-radius:10px;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:0 auto 7px;padding:7px 10px;font-size:10px;display:flex;box-shadow:0 9px 24px #0003}.prompt-inline-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-inline-message button{color:#ffd4dc;cursor:pointer;background:#ffffff12;border:0;border-radius:6px;align-items:center;gap:4px;margin-left:3px;padding:3px 5px;font-size:9px;display:flex}.drawer-backdrop,.dialog-backdrop{z-index:90;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02040880;border:0;padding:0;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.history-drawer{z-index:100;border:1px solid var(--line-strong);width:min(390px,100vw - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(120%);backdrop-filter:blur(28px)saturate(120%);background:#090d16f7;border-radius:22px;flex-direction:column;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:14px;bottom:14px;right:14px;transform:translate(calc(100% + 28px))}.history-drawer.is-open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:24px 22px 17px;display:flex}.drawer-header h2,.dialog-header h2{letter-spacing:-.02em;margin:0;font-family:Manrope,PingFang SC,sans-serif;font-size:19px;font-weight:600}.drawer-content{flex:1;min-height:0;padding:18px 20px 28px;overflow-y:auto}.history-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.history-empty-icon{width:48px;height:48px;color:var(--cyan);background:#5cecfe0b;border:1px solid #5cecfe24;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.history-empty strong{font-size:13px;font-weight:600}.history-empty p{max-width:220px;color:var(--faint);margin:7px 0 0;font-size:10px;line-height:1.6}.history-timeline{gap:4px;display:grid}.history-edit{grid-template-columns:28px 1fr;gap:10px;padding-bottom:22px;display:grid;position:relative}.history-edit:not(:last-child):before{content:"";background:linear-gradient(var(--line-strong), transparent);width:1px;position:absolute;top:28px;bottom:0;left:13px}.timeline-index{z-index:1;color:#728096;border:1px solid var(--line);background:#0b101a;border-radius:9px;place-items:center;width:28px;height:28px;font-family:Manrope,sans-serif;font-size:8px;font-weight:700;display:grid;position:relative}.history-entry-body{min-width:0}.history-prompt{padding:3px 0 10px}.history-prompt p{color:#d4ddeb;margin:0;font-size:12px;line-height:1.55}.history-prompt small{color:var(--faint);margin-top:5px;font-size:9px;display:block}.history-pending,.history-error,.history-result-removed{color:var(--muted);background:#ffffff06;border-radius:10px;align-items:center;gap:7px;margin:0;padding:9px 10px;font-size:10px;display:flex}.history-error{color:#eaa0ae;background:#ff5d8f0e;align-items:flex-start}.history-error p{flex:1;margin:0;line-height:1.45}.history-error button{color:#ffd2da;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.history-version-stack{gap:8px;display:grid}.history-image-card{border:1px solid var(--line);background:#080c14;border-radius:13px;overflow:hidden}.history-image-card.is-selected{border-color:#5cecfe4d}.history-image-card>button,.history-image-static{background:#070a10;border:0;width:100%;padding:0;display:block}.history-image-card>button{cursor:pointer}.history-image-card img{object-fit:cover;width:100%;max-height:230px;display:block}.history-image-meta{color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;display:flex}.history-image-meta span{align-items:center;gap:5px;display:flex}.history-image-meta button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.history-image-meta button:hover{color:var(--cyan);background:#5cecfe0d}.dialog-layer{z-index:120;place-items:center;display:grid;position:fixed;inset:0}.dialog-layer .dialog-backdrop{opacity:1;pointer-events:auto}.settings-dialog{z-index:121;border:1px solid var(--line-strong);width:min(480px,100vw - 28px);max-height:min(760px,100dvh - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0a0e17fb;border-radius:23px;animation:.18s ease-out dialog-in;position:relative;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;display:flex}.settings-dialog form,.task-delete-content{padding:20px 24px 24px}.provider-field{border:0;margin:0 0 20px;padding:0}.provider-field legend,.field>span:first-child{color:#a7b3c4;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.provider-switch{grid-template-columns:1fr 1fr;gap:7px;display:grid}.provider-switch button{color:var(--muted);border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff05;border-radius:12px;gap:3px;padding:11px 12px;display:grid}.provider-switch button.is-active{color:var(--text);background:#5cecfe0e;border-color:#5cecfe47}.provider-switch span{font-size:12px;font-weight:600}.provider-switch small{color:var(--faint);font-size:9px}.field{margin-bottom:15px;display:block}.field input{width:100%;height:43px;color:var(--text);border:1px solid var(--line);background:#04070cb8;border-radius:11px;outline:0;padding:0 12px;font-size:12px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:#5cecfe6b;box-shadow:0 0 0 3px #5cecfe0f}.field>small{color:var(--faint);margin-top:6px;font-size:9px;display:block}.key-input{display:block;position:relative}.key-input input{padding-right:44px}.key-input button{width:41px;height:41px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:1px;right:1px}.advanced-settings-trigger{width:100%;height:38px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;display:flex}.advanced-settings-trigger svg{transition:transform .16s}.advanced-settings-trigger.is-open svg{transform:rotate(180deg)}.advanced-settings-panel{border:1px solid var(--line);background:#ffffff05;border-radius:12px;margin-top:8px;padding:13px}.endpoint-preview{color:var(--faint);gap:5px;font-size:9px;display:grid}.endpoint-preview code{overflow-wrap:anywhere;color:#8090a7;font-size:9px}.form-error{color:#f0a0af;margin:12px 0 0;font-size:10px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.primary-button{color:#071017;background:var(--cyan);border:0}.secondary-button{color:var(--muted);border:1px solid var(--line);background:0 0}.danger-button{color:#ffdbe2;background:#ff5d8f1a;border:1px solid #ff5d8f38}.task-delete-content{text-align:center}.task-delete-icon{width:50px;height:50px;color:var(--danger);background:#ff5d8f0f;border:1px solid #ff5d8f2e;border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.task-delete-content>p{color:#bac5d4;margin:0;font-size:12px;line-height:1.6}.task-delete-content>small{color:#db8797;margin-top:8px;font-size:9px;display:block}.image-delete-toast{z-index:160;color:#c8d2df;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e17f2;border-radius:11px;align-items:center;gap:14px;padding:9px 10px 9px 13px;font-size:10px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:122px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0000004d}.image-delete-toast button{color:var(--cyan);cursor:pointer;background:#5cecfe12;border:0;border-radius:7px;padding:5px 7px;font-size:10px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}}.local-editor-layer{z-index:140;background:#070a10;flex-direction:column;display:flex;position:fixed;inset:0}.local-editor-header{border-bottom:1px solid var(--line);background:#080b12eb;justify-content:space-between;align-items:flex-start;padding:17px 22px;display:flex}.local-editor-header h2{margin:0;font-family:Manrope,sans-serif;font-size:17px;font-weight:600}.local-tool-body{flex:1;grid-template-rows:auto 1fr auto;min-height:0;display:grid}.local-tool-presets{border-bottom:1px solid var(--line);justify-content:center;gap:5px;padding:10px;display:flex}.local-tool-presets button,.local-tool-actions button,.local-segmented button{min-width:40px;height:32px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;display:inline-flex}.local-tool-presets button.is-active,.local-segmented button.is-active,.local-tool-actions button.is-primary{color:#061018;border-color:var(--cyan);background:var(--cyan)}.local-image-workarea{background-image:radial-gradient(circle,#8f9bad29 .6px,#0000 .7px);background-size:20px 20px;place-items:center;min-height:0;padding:22px;display:grid;overflow:hidden}.local-preview-image{border-radius:13px;max-width:100%;max-height:100%;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 20px 65px #0000008c}.local-preview-image>img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 190px);display:block}.crop-overlay,.blur-painter{position:absolute;inset:0}.crop-overlay{background:#0204089e}.crop-selection{border:1px solid var(--cyan);cursor:move;position:absolute;box-shadow:0 0 0 100vmax #02040899,0 0 18px #5cecfe1f}.crop-grid{background:linear-gradient(90deg,#0000 33.1%,#ffffff4d 33.3%,#0000 33.5% 66.4%,#ffffff4d 66.6%,#0000 66.8%),linear-gradient(#0000 33.1%,#ffffff4d 33.3%,#0000 33.5% 66.4%,#ffffff4d 66.6%,#0000 66.8%);position:absolute;inset:0}.crop-handle{border:2px solid var(--cyan);background:#061017;border-radius:2px;width:12px;height:12px;padding:0;position:absolute}.crop-handle.is-nw{top:-6px;left:-6px}.crop-handle.is-n{top:-6px;left:calc(50% - 6px)}.crop-handle.is-ne{top:-6px;right:-6px}.crop-handle.is-e{top:calc(50% - 6px);right:-6px}.crop-handle.is-se{bottom:-6px;right:-6px}.crop-handle.is-s{bottom:-6px;left:calc(50% - 6px)}.crop-handle.is-sw{bottom:-6px;left:-6px}.crop-handle.is-w{top:calc(50% - 6px);left:-6px}.blur-painter canvas{cursor:none;touch-action:none;width:100%;height:100%}.blur-brush-cursor{pointer-events:none;border:1px solid #fffc;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.local-tool-actions{border-top:1px solid var(--line);background:#090d15;justify-content:flex-end;align-items:center;gap:6px;padding:10px 16px;display:flex}.local-action-spacer{flex:1}.local-segmented{gap:3px;margin-right:auto;display:flex}.local-editor-notice,.local-editor-error,.local-editor-progress{z-index:145;border:1px solid var(--line);color:var(--muted);background:#101722;border-radius:9px;padding:8px 11px;font-size:10px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.local-editor-error{color:#ef9dad;border-color:#ff5d8f33}.local-editor-progress{align-items:center;gap:7px;display:flex}.local-confirm-backdrop{z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020408ad;place-items:center;display:grid;position:fixed;inset:0}.local-confirm-dialog{border:1px solid var(--line-strong);width:min(360px,100vw - 28px);box-shadow:var(--shadow);background:#0d131f;border-radius:18px;padding:22px}.local-confirm-dialog h3{margin:0;font-size:16px}.local-confirm-dialog>p:not(.eyebrow){color:var(--muted);font-size:11px}.local-confirm-dialog>div{justify-content:flex-end;gap:7px;margin-top:18px;display:flex}.local-confirm-dialog button{min-height:36px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;padding:0 12px}.local-confirm-dialog button.is-primary{color:#071017;border-color:var(--cyan);background:var(--cyan)}@media (width<=720px){.top-bar{top:max(10px, env(safe-area-inset-top));left:11px;right:11px}.task-menu-trigger{border-radius:13px;min-width:0;max-width:calc(100vw - 112px);height:44px}.brand-orb{border-radius:9px;width:30px;height:30px}.task-menu-title small{display:none}.task-menu-title strong{max-width:calc(100vw - 190px)}.top-action-button{width:42px;padding:0}.top-action-button>span{display:none}.top-action-button small{min-width:15px;height:15px;padding:0 3px;position:absolute;top:-4px;right:42px}.task-switcher{top:auto;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:22px;width:auto;max-height:72dvh;animation:.22s cubic-bezier(.2,.8,.2,1) sheet-in;position:fixed;left:8px}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.ai-canvas-zoom-controls{bottom:184px;right:12px}.ai-canvas-zoom-controls button:nth-child(2) span{display:none}.prompt-dock-wrap{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100vw - 20px)}.clean-prompt-wrap.is-collapsed{width:82px}.clean-prompt-wrap.is-expanded{width:calc(100vw - 20px)}.prompt-dock.clean-prompt-dock{grid-template-columns:1fr 38px;padding-left:12px}.prompt-dock{grid-template-columns:36px 36px 1fr 38px;min-height:58px;padding:9px}.prompt-add-button,.send-button{width:36px;height:36px}.model-picker-trigger{justify-content:center;width:36px;padding:0}.model-picker-trigger span,.model-picker-trigger svg:last-child{display:none}.model-picker-menu{width:min(330px,100vw - 38px);left:-45px}.dock-meta{justify-content:center}.dock-meta span:first-child{display:none}.empty-composition{top:45%}.canvas-reveal-effect{width:420px;height:350px}.empty-upload-target{gap:11px;padding-right:14px}.empty-upload-icon{width:46px;height:46px}.empty-upload-target strong{font-size:15px}.history-drawer{top:auto;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:24px;width:auto;height:min(78dvh,720px);left:8px;transform:translateY(calc(100% + 16px))}.history-drawer.is-open{transform:translateY(0)}.settings-dialog{width:calc(100vw - 16px);max-height:88dvh;margin-bottom:max(8px, env(safe-area-inset-bottom));border-radius:24px;align-self:end}.dialog-layer{align-items:end}.dialog-header{padding:20px 20px 16px}.settings-dialog form,.task-delete-content{padding:18px 20px 22px}.local-tool-presets{justify-content:flex-start;overflow-x:auto}.local-image-workarea{padding:12px}.local-tool-actions{justify-content:flex-start;overflow-x:auto}.local-action-spacer{min-width:8px}}@media (width<=420px){.prompt-dock{grid-template-columns:34px 34px 1fr 36px;gap:3px;padding:8px}.prompt-add-button,.send-button,.model-picker-trigger{width:34px;height:34px}.prompt-dock textarea{min-height:34px;padding-top:7px;font-size:12px}.ai-canvas-zoom-controls{bottom:176px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.generation-energy,.reveal-ring{display:none}}