.image-detail-dialog{position:fixed;inset:0;z-index:100;display:grid;grid-template:78px minmax(0,1fr) / minmax(0,1fr) minmax(292px,320px);color:#f8fafc;background:#17171b}.canvas-asset-detail{display:inline-flex;height:30px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;margin-left:-8px;padding:0 10px;color:#ddd6fe;background:#8b5cf624;font-size:12px;font-weight:850;cursor:pointer}.canvas-asset-detail:hover{color:#fff;background:#8b5cf647}.toolbar-reset-wrap{position:relative}.toolbar-reset-wrap .small-icon-button:disabled{cursor:not-allowed;opacity:.35}.toolbar-reset-confirm{position:absolute;top:calc(100% + 12px);left:-8px;z-index:80;width:244px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px;color:#f8fafc;background:#1f1d27fa;box-shadow:0 18px 48px #0000007a}.toolbar-reset-confirm:before{position:absolute;top:-5px;left:21px;width:10px;height:10px;background:#1f1d27fa;content:"";transform:rotate(45deg)}.toolbar-reset-confirm strong{display:block;font-size:14px}.toolbar-reset-confirm p{margin:7px 0 13px;color:#cbd5e1ad;font-size:12px;line-height:1.45}.toolbar-reset-confirm>div{display:flex;justify-content:flex-end;gap:8px}.toolbar-reset-confirm button{min-height:32px;border:0;border-radius:8px;padding:0 11px;color:#e2e8f0d1;background:#ffffff12;font-size:12px;font-weight:800;cursor:pointer}.toolbar-reset-confirm .toolbar-reset-confirm-primary{color:#fff;background:#7c3aed}.image-detail-header{grid-column:1 / -1;display:flex;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.08);padding:0 24px;background:#18181c}.image-detail-exit,.image-detail-zoom,.image-detail-zoom button,.image-detail-link,.image-detail-dimension button{display:inline-flex;align-items:center;justify-content:center}.image-detail-exit{gap:8px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 12px;color:#f8fafc;background:#ffffff0f;font-weight:800;cursor:pointer}.image-detail-exit kbd{border-radius:6px;padding:3px 6px;color:#e2e8f0ad;background:#ffffff14;font-size:11px}.image-detail-zoom{height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff0f}.image-detail-zoom button{width:48px;height:100%;border:0;color:#f8fafc;background:transparent;cursor:pointer}.image-detail-zoom span{min-width:76px;text-align:center;font-weight:800}.image-detail-preview{min-width:0;min-height:0;padding:24px;background:#2d2d31}.image-detail-preview-scroll{display:flex;width:100%;height:100%;overflow:auto;align-items:safe center;justify-content:safe center}.image-detail-preview img{display:block;max-width:none;height:auto;-o-object-fit:contain;object-fit:contain;box-shadow:0 18px 56px #00000047}.image-detail-sidebar{display:flex;min-height:0;flex-direction:column;gap:28px;border-left:1px solid rgba(255,255,255,.08);padding:34px 28px 28px;background:#1f1f23}.image-detail-eyebrow{margin:0 0 8px;color:#a78bfa;font-size:13px;font-weight:900}.image-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-detail-reset{display:inline-flex;height:30px;align-items:center;gap:5px;border:1px solid rgba(139,92,246,.68);border-radius:8px;padding:0 9px;color:#c4b5fd;background:#8b5cf62e;font-size:12px;font-weight:800;cursor:pointer}.image-detail-reset:hover{border-color:#a78bfaf0;color:#fff;background:#8b5cf652}.image-detail-sidebar h2{margin:0;font-size:24px}.image-detail-description{margin:10px 0 0;color:#cbd5e1ad;font-size:13px;line-height:1.6}.image-detail-size-editor{position:relative;display:grid;grid-template-columns:1fr 42px;gap:16px 10px}.image-detail-dimension{display:grid;gap:8px;font-size:13px;font-weight:800}.image-detail-dimension>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:10px}.image-detail-dimension input{min-width:0;height:50px;border:0;padding:0 14px;color:#f8fafc;outline:none;background:#08080b6b;font-size:18px;font-weight:750}.image-detail-dimension input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.image-detail-dimension button{border:0;border-left:1px solid rgba(255,255,255,.12);color:#f8fafc;background:#ffffff12;cursor:pointer}.image-detail-dimension button:hover,.image-detail-zoom button:hover,.image-detail-exit:hover{background:#ffffff1f}.image-detail-link{align-self:end;width:42px;height:50px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#e2e8f0a3;background:#ffffff0f;cursor:pointer}.image-detail-link.is-active{border-color:#8b5cf6a6;color:#c4b5fd;background:#8b5cf62e}.image-detail-unit{position:absolute;right:0;bottom:-25px;color:#cbd5e194;font-size:12px;font-weight:800}.image-detail-ratio-note{color:#cbd5e194;font-size:12px}.image-detail-apply-wrap{position:relative;margin-top:auto}.image-detail-apply{width:100%;min-height:52px;border:0;border-radius:12px;color:#fff;background:#7c3aed;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 14px 30px #7c3aed47}.image-detail-apply:hover{background:#8b5cf6}.image-detail-apply-confirm{position:absolute;right:0;bottom:calc(100% + 12px);width:252px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px;color:#f8fafc;background:#1f1d27fc;box-shadow:0 18px 48px #0000007a}.image-detail-apply-confirm:after{position:absolute;right:28px;bottom:-5px;width:10px;height:10px;background:#1f1d27fc;content:"";transform:rotate(45deg)}.image-detail-apply-confirm strong{display:block;font-size:14px}.image-detail-apply-confirm p{margin:7px 0 13px;color:#cbd5e1ad;font-size:12px;line-height:1.45}.image-detail-apply-confirm>div{display:flex;justify-content:flex-end;gap:8px}.image-detail-apply-confirm button{min-height:32px;border:0;border-radius:8px;padding:0 11px;color:#e2e8f0d1;background:#ffffff12;font-size:12px;font-weight:800;cursor:pointer}.image-detail-apply-confirm .image-detail-confirm-primary{color:#fff;background:#7c3aed}@media(max-width:820px){.image-detail-dialog{grid-template:78px minmax(0,1fr) auto / 1fr}.image-detail-header{grid-column:1}.image-detail-preview{padding:14px}.image-detail-sidebar{max-height:42vh;border-top:1px solid rgba(255,255,255,.08);border-left:0;padding:20px}.image-detail-description,.image-detail-ratio-note{display:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-5{left:1.25rem}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-\[128px\]{top:128px}.top-\[86px\]{top:86px}.z-10{z-index:10}.z-20{z-index:20}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-24{height:6rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[68px\]{height:68px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[520px\]{min-width:520px}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-violet-400\/30{border-color:#a78bfa4d}.border-white\/10{border-color:#ffffff1a}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-canvas{--tw-bg-opacity: 1;background-color:rgb(23 26 31 / var(--tw-bg-opacity, 1))}.bg-panel\/95{background-color:#202026f2}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-white\/10{background-color:#ffffff1a}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.tracking-normal{letter-spacing:0em}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-50{--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.text-violet-100{--tw-text-opacity: 1;color:rgb(237 233 254 / var(--tw-text-opacity, 1))}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#171a1f}button,textarea,input{font:inherit}:root{--left-dock-width: 202px;--right-panel-width: clamp(340px, 26vw, 460px);--panel-gap: 34px}.app-shell-left-collapsed{--left-dock-width: 42px}.app-shell-right-collapsed{--right-panel-width: 42px}.right-panel{width:var(--right-panel-width)}.left-dock{width:var(--left-dock-width)}.prompt-form{left:calc(var(--left-dock-width) + 128px);right:calc(var(--right-panel-width) + var(--panel-gap));bottom:20px}.prompt-form-collapsed{left:50%;right:auto;bottom:12px;min-width:0;transform:translate(-50%)}.canvas-grid{background-image:radial-gradient(circle,rgba(255,255,255,.24) 1.25px,transparent 1.25px);background-position:0 0;background-size:44px 44px}.canvas-selection-toolbar{position:absolute;left:clamp(250px,22vw,420px);top:78px;z-index:30;display:inline-flex;width:-moz-max-content;width:max-content;max-width:calc(100vw - var(--right-panel-width) - 300px);min-height:44px;align-items:center;gap:6px;overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 6px;background:#232328f0;box-shadow:0 16px 42px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-edit-action{display:inline-flex;height:34px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:0 10px;color:#f8fafceb;background:transparent;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.canvas-edit-action:hover{background:#ffffff14}.canvas-edit-action:disabled{cursor:wait;opacity:.58}.canvas-edit-action-muted{color:#e2e8f0b8}.canvas-edit-spacer{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;color:#f8fafc;background:transparent;cursor:pointer}.small-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;color:#f8fafc;background:transparent;cursor:pointer}.toolbar-pill{display:flex;align-items:center;gap:6px;min-width:282px;height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#25252df0;box-shadow:0 16px 40px #00000052}.canvas-asset-info{display:inline-flex;min-width:210px;height:46px;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 16px;color:#e2e8f0e6;background:#25252df0;box-shadow:0 16px 40px #00000052;font-size:13px;font-weight:700;white-space:nowrap}.canvas-asset-info span+span{border-left:1px solid rgba(255,255,255,.12);padding-left:10px}.canvas-asset-info-floating{position:fixed;top:22px;left:50%;z-index:45;transform:translate(-50%)}.toolbar-tooltip{position:relative}.toolbar-tooltip:after{position:absolute;z-index:50;bottom:-38px;left:50%;width:-moz-max-content;width:max-content;max-width:220px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#f8fafc;background:#18181ffa;box-shadow:0 8px 24px #00000047;content:attr(data-tooltip);font-size:12px;line-height:16px;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.toolbar-tooltip:hover:after,.toolbar-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.project-title-editor{display:inline-flex;min-width:230px;align-items:center;gap:8px}.project-title-view,.project-title-input{display:inline-flex;height:46px;min-width:220px;max-width:min(380px,32vw);align-items:center;border:1px solid transparent;border-radius:8px;color:#e2e8f0;background:transparent;font-size:17px;font-weight:800}.project-title-view{justify-content:space-between;gap:18px;padding:0 14px;cursor:pointer}.project-title-view svg{color:#e2e8f0ad;opacity:0;transition:opacity .16s ease}.project-title-view:hover{border-color:#ffffff14;background:#ffffff14}.project-title-view:hover svg{opacity:1}.project-title-view span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-input{outline:none;padding:0 14px;border-color:#ffffff1f;background:#ffffff1a}.project-title-input:focus{border-color:#a78bfad1}.project-overview{display:flex;height:100%;flex-direction:column;overflow:hidden;padding:36px 28px 28px;background:radial-gradient(circle at 12% 10%,rgba(139,92,246,.14),transparent 26%),#17181e}.project-overview-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:88px}.project-overview-header h1{position:relative;margin:2px 0 0;width:-moz-max-content;width:max-content;color:#f8fafc;font-size:30px;font-weight:950;line-height:1.2;letter-spacing:0}.project-overview-actions{display:flex;align-items:center;gap:10px}.project-overview-header h1:after{position:absolute;left:0;bottom:-12px;width:144px;height:7px;border-radius:999px;background:linear-gradient(90deg,#a78bfa,#f0abfc);content:""}.project-overview-collapse{border:0;color:#f8fafcc7;background:transparent;font-size:18px;font-weight:800;cursor:pointer}.project-grid{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:repeat(4,minmax(220px,1fr));align-content:start;gap:26px;overflow-y:auto;padding:10px 0 28px}.project-card{position:relative;height:148px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#f8fafc;background:#2a2b31;box-shadow:inset 0 1px #ffffff0a}.project-card-menu-open{z-index:12;overflow:visible}.project-card-create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-color:#ffffff1a;background:linear-gradient(135deg,#ffffff0d,#fff0),#222329;color:#f8fafcad;font-size:17px;font-weight:900;cursor:pointer}.project-card-create:hover,.project-card-existing:hover{border-color:#a78bfa70;transform:translateY(-1px)}.project-card-open{display:block;width:100%;height:100%;border:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.project-card-preview{display:flex;height:102px;overflow:hidden;align-items:center;justify-content:center;color:#f8fafc61;background:#2b2c32}.project-card-preview-image{background:#111318}.project-card-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-card-meta{position:absolute;left:0;right:0;bottom:0;height:46px;border-top:1px solid rgba(255,255,255,.06);padding:8px 42px 8px 12px;background:#202127}.project-card-title{overflow:hidden;color:#f8fafc;font-size:17px;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.project-card-subline{display:flex;justify-content:space-between;gap:10px;margin-top:8px;overflow:hidden;color:#94a3b8ad;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.project-card-menu{position:absolute;right:8px;bottom:18px;z-index:2;display:inline-flex;width:30px;height:24px;align-items:center;justify-content:center;border:0;color:#f8fafcdb;background:transparent;cursor:pointer}.project-card-menu:hover{color:#fff}.project-menu{position:absolute;right:8px;top:calc(100% - 20px);z-index:24;width:128px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 0;background:#2b2b2d;box-shadow:0 18px 48px #00000061}.project-menu-item{display:flex;width:100%;height:36px;align-items:center;border:0;padding:0 18px;color:#f8fafceb;background:transparent;font-size:17px;font-weight:850;line-height:1;text-align:left;cursor:pointer}.project-menu-item:hover:not(:disabled){background:#ffffff14}.project-menu-item-disabled{color:#94a3b885;cursor:not-allowed}.project-modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#06070aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-delete-modal,.project-cover-modal{width:min(830px,92vw);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;color:#f8fafc;background:#15161a;box-shadow:0 34px 90px #00000094}.project-delete-modal{width:min(581px,88vw);border-radius:20px}.project-delete-modal header{border-bottom:1px solid rgba(255,255,255,.07);padding:24px 20px;font-size:20px;font-weight:950;line-height:1;text-align:center}.project-delete-modal p{margin:0;padding:24px 24px 20px;color:#f8fafce0;font-size:16px;font-weight:850;line-height:1.45}.project-delete-modal>div{display:flex;justify-content:flex-end;gap:12px;padding:14px 22px 22px}.project-delete-cancel,.project-delete-confirm{display:inline-flex;min-width:158px;height:46px;align-items:center;justify-content:center;border-radius:12px;font-size:17px;font-weight:950;cursor:pointer}.project-delete-cancel{border:2px solid rgba(139,92,246,.95);color:#f8fafc;background:transparent}.project-delete-confirm{border:0;color:#fff;background:#e53935}.project-cover-modal{width:min(680px,92vw);padding:22px}.project-cover-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-cover-modal h2{margin:0;font-size:24px;font-weight:950}.project-cover-upload{display:flex;height:84px;align-items:center;justify-content:center;gap:12px;border:1px dashed rgba(167,139,250,.58);border-radius:14px;color:#f8fafc;background:#8b5cf61f;font-size:17px;font-weight:850;cursor:pointer}.project-cover-upload input{display:none}.project-cover-picker-title{margin:22px 0 12px;color:#e2e8f0c7;font-size:15px;font-weight:850}.project-cover-grid{display:grid;max-height:min(360px,44vh);grid-template-columns:repeat(4,minmax(96px,1fr));gap:12px;overflow-y:auto;padding-right:4px}.project-cover-option{aspect-ratio:1 / 1;overflow:hidden;border:2px solid transparent;border-radius:10px;padding:0;background:#ffffff0f;cursor:pointer}.project-cover-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-cover-option:hover,.project-cover-option-active{border-color:#a78bfaf2}.project-cover-empty{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 18px;color:#cbd5e1b8;background:#ffffff0a;font-size:15px;font-weight:750;text-align:center}.project-overview-toast{position:absolute;left:50%;bottom:24px;max-width:min(520px,86vw);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 22px;color:#f8fafc;background:#1b1c22f5;box-shadow:0 18px 44px #0000006b;font-size:14px;font-weight:800;transform:translate(-50%)}@media(max-width:1180px){.project-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media(max-width:820px){.project-overview{padding:24px 16px}.project-overview-header{padding-bottom:48px}.project-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:16px}.project-card-subline{flex-direction:column;gap:5px}}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;min-width:112px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f8fafc;background:#25252df0;font-size:16px;font-weight:700;cursor:pointer}.vertical-tool{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:12px;color:#f8fafc;background:transparent;cursor:pointer}.vertical-tool:hover,.vertical-tool-active{background:#8b5cf6}.panel-collapse-toggle,.prompt-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;color:#f8fafcb8;background:#ffffff1f;cursor:pointer}.panel-collapse-toggle:hover,.prompt-collapse-toggle:hover{color:#f8fafc;background:#8b5cf6c7}.panel-collapse-toggle{position:absolute;top:50%;z-index:3;width:28px;height:48px;transform:translateY(-50%)}.panel-collapse-toggle-left{right:-15px;border-radius:0 999px 999px 0}.panel-collapse-toggle-right{left:-15px;border-radius:999px 0 0 999px}.prompt-collapse-toggle{position:absolute;left:50%;top:-18px;z-index:4;width:54px;height:28px;border-radius:999px;transform:translate(-50%);box-shadow:0 12px 32px #00000052}.prompt-form-collapsed .prompt-collapse-toggle{position:relative;left:auto;top:auto;transform:none}.prompt-toast{position:absolute;left:50%;bottom:calc(100% + 16px);z-index:5;max-width:min(520px,86vw);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:13px 24px;color:#f8fafc;background:#1b1c22f5;box-shadow:0 18px 44px #0000006b;font-size:15px;font-weight:800;line-height:1.35;text-align:center;transform:translate(-50%);pointer-events:none}.left-dock-is-collapsed,.right-panel-is-collapsed{align-items:center;justify-content:center;overflow:visible}.prompt-shell{min-height:152px;padding:18px 18px 14px;border:1px solid rgba(139,92,246,.8);border-radius:20px;background:#1b1c22f5;box-shadow:0 24px 70px #0000006b,inset 0 0 0 1px #ffffff0a}.prompt-shell-dragging{border-color:#a78bfa;background:#252034fa}.prompt-input{display:block;width:100%;min-height:54px;resize:none;border:0;outline:none;color:#f8fafc;background:transparent;font-size:16px;line-height:1.42}.prompt-input::-moz-placeholder{color:#e2e8f07a}.prompt-input::placeholder{color:#e2e8f07a}.reference-strip{display:inline-flex;min-width:0;max-width:min(34vw,420px);align-items:center;gap:5px;overflow-x:auto;padding:2px 2px 6px}.reference-card{position:relative;flex:0 0 auto}.reference-thumb{position:relative;display:block;width:41px;height:41px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:0;background:#ffffff0f;cursor:pointer}.reference-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reference-index{position:absolute;bottom:0;left:0;min-width:15px;height:15px;padding:0 4px;border-radius:0 6px 0 0;color:#111827;background:#ffffffeb;font-size:10px;font-weight:900;line-height:15px}.reference-replace,.reference-remove{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;border:0;color:#f8fafc;opacity:0;cursor:pointer;transition:opacity .14s ease,background .14s ease}.reference-replace{inset:0;margin:auto;width:22px;height:22px;border-radius:999px;background:#0f172aad}.reference-remove{right:-5px;top:-5px;width:17px;height:17px;border-radius:999px;background:#ffffffe0;color:#334155}.reference-card:hover .reference-replace,.reference-card:hover .reference-remove{opacity:1}.reference-card:hover .reference-thumb img{filter:brightness(.62)}.reference-replace:hover{background:#8b5cf6eb}.reference-remove:hover{color:#fff;background:#f43f5eeb}.reference-preview{position:absolute;left:50%;bottom:calc(100% + 18px);z-index:40;display:none;width:min(360px,48vw);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 22px 60px #00000073;transform:translate(-50%)}.reference-card:hover .reference-preview{display:block}.reference-preview-title{position:absolute;left:14px;top:10px;z-index:1;color:#111827;font-size:16px;font-weight:900}.reference-preview img{display:block;width:100%;max-height:420px;-o-object-fit:contain;object-fit:contain}.upload-button,.option-chip,.generate-button,.record-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.12);color:#f8fafc;background:#ffffff0f;cursor:pointer}.upload-button{width:41px;height:39px;flex-direction:column;gap:3px;border-radius:9px;font-size:10px;font-weight:700}.upload-button svg{width:15px;height:15px}.option-chip{height:27px;gap:5px;padding:0 9px;border-radius:7px;font-size:10px;font-weight:650;color:#f8fafcd1}.option-chip svg{width:12px;height:12px}.prompt-actions{display:flex;flex:0 0 auto;align-items:flex-end;gap:10px}.clear-composer-wrap{position:relative}.clear-composer-button{display:inline-flex;height:34px;align-items:center;justify-content:center;gap:5px;margin-bottom:2px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 10px;color:#f8fafccc;background:#ffffff0f;font-size:12px;font-weight:750;cursor:pointer}.clear-composer-button:hover:not(:disabled){color:#fff;background:#f43f5e2e}.clear-composer-button:disabled{cursor:not-allowed;opacity:.36}.clear-confirm-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:70;width:176px;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px;color:#f8fafc;background:#1b1c22fa;box-shadow:0 20px 54px #00000075}.clear-confirm-title{margin-bottom:9px;font-size:12px;font-weight:850;line-height:1.35}.clear-confirm-actions{display:flex;justify-content:flex-end;gap:7px}.clear-confirm-actions button{height:27px;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:0 9px;color:#f8fafcdb;background:#ffffff0f;font-size:12px;font-weight:750;cursor:pointer}.clear-confirm-actions .clear-confirm-danger{color:#fff;border-color:#f43f5e66;background:#f43f5e47}.size-setting-anchor{position:relative}.size-setting-popover{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:50;width:min(360px,70vw);border-radius:16px;padding:10px;color:#f8fafc;background:#37373bfa;box-shadow:0 28px 86px #0000007a;transform:translate(-50%)}.size-setting-title{margin:0 0 7px;color:#e2e8f0ad;font-size:12px;font-weight:900}.quality-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin-bottom:10px;border-radius:12px;padding:4px;background:#1c1c20d1}.quality-option{min-height:34px;border:0;border-radius:9px;color:#e2e8f099;background:transparent;font-size:12px;font-weight:900;cursor:pointer}.quality-option-active{color:#fff;background:#7c3aed47;box-shadow:inset 0 0 0 1px #8b5cf6f2}.aspect-grid{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:6px;border-radius:12px;padding:8px;background:#1c1c20d1}.aspect-option{display:flex;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:9px;color:#e2e8f0db;background:transparent;font-size:11px;font-weight:900;cursor:pointer}.aspect-option-active{color:#fff;background:#7c3aed47;box-shadow:inset 0 0 0 1px #8b5cf6f2}.aspect-icon{display:block;width:23px;height:17px;border:2px solid rgba(226,232,240,.46);border-radius:5px}.aspect-option-active .aspect-icon{border-color:#f8fafc}.aspect-icon-auto{width:18px;height:18px;border:0;border-radius:0;background:linear-gradient(135deg,#c4b5fd,#7c3aed);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.aspect-icon-1-1{width:20px;height:20px}.aspect-icon-4-3,.aspect-icon-3-2,.aspect-icon-5-4{width:25px;height:18px}.aspect-icon-3-4,.aspect-icon-2-3,.aspect-icon-4-5{width:17px;height:24px}.aspect-icon-16-9,.aspect-icon-21-9{width:31px;height:14px}.aspect-icon-9-16{width:13px;height:30px}.generate-button{width:88px;height:88px;flex-direction:column;border-color:#8b5cf6e6;border-radius:16px;background:linear-gradient(180deg,#8b5cf67a,#ffffff24);font-size:15px;font-weight:800;box-shadow:0 0 28px #8b5cf652}.generate-button-running{position:relative}.generate-button-running:hover{border-color:#f87171e6;background:linear-gradient(180deg,#ef444475,#ffffff24);box-shadow:0 0 28px #ef444447}.generate-icon-stop,.generate-label-stop,.generate-button-running:hover .generate-icon-active,.generate-button-running:hover .generate-label-active{display:none}.generate-button-running:hover .generate-icon-stop,.generate-button-running:hover .generate-label-stop{display:inline-flex}.generate-button:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.48}.panel-tab{min-width:102px;height:50px;border:0;border-radius:13px;color:#e2e8f08c;background:transparent;font-size:16px;font-weight:800;cursor:pointer}.panel-tab-active{border:2px solid #8b5cf6;color:#f8fafc;background:#8b5cf61a}.dock-tab{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;color:#e2e8f0ad;background:transparent;cursor:pointer}.dock-tab-active{color:#f8fafc;background:#8b5cf6db}.conversation-row{display:flex;align-items:center;gap:8px;width:100%;height:38px;border:1px solid transparent;border-radius:10px;padding:0 7px 0 10px;color:#e2e8f0bd;background:transparent;font-size:13px;font-weight:650;cursor:pointer}.conversation-row button{border:0;color:inherit;background:transparent;cursor:pointer}.conversation-row:hover,.conversation-row-active{border-color:#8b5cf65c;color:#f8fafc;background:#8b5cf61f}.conversation-delete{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;color:#e2e8f094}.conversation-delete:hover{color:#fecdd3;background:#f43f5e26}.asset-thumb{aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0;background:#ffffff0f;cursor:pointer}.asset-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dock-empty{border:1px dashed rgba(255,255,255,.12);border-radius:14px;padding:18px 12px;color:#e2e8f08c;font-size:13px;text-align:center}.conversation-title-input{min-width:0;flex:1;border:0;outline:none;color:#f8fafc;background:transparent;font-size:17px;font-weight:800}.empty-record{margin-top:28px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:22px;background:#ffffff0a}.record-item{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.chat-message{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:#ffffff0a}.chat-message-user{border-color:#8b5cf647;background:#8b5cf61a}.chat-message-assistant{background:#0f172a52}.chat-image{width:100%;aspect-ratio:1;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#ffffff0f}.creation-record-card{border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 20px}.creation-record-card-pending{border:1px solid rgba(139,92,246,.22);border-radius:16px;padding:12px;background:#8b5cf614}.reference-strip{display:flex;flex-wrap:wrap;gap:8px}.reference-preview-button{position:relative;display:inline-flex;width:46px;height:46px;overflow:hidden;border:0;border-radius:10px;padding:0;background:#ffffff12;cursor:pointer}.reference-preview-button img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reference-preview-eye{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f8fafc;background:#0f172a9e;opacity:0;transition:opacity .15s ease}.reference-preview-button:hover .reference-preview-eye{opacity:1}.creation-result-media{position:relative;display:block;width:min(172px,58%);margin-top:14px;cursor:grab}.creation-result-media:active{cursor:grabbing}.creation-result-image{display:block;width:100%;max-height:240px;border-radius:12px;-o-object-fit:contain;object-fit:contain;background:#fff}.creation-result-actions{position:absolute;display:flex;gap:4px;border-radius:12px;padding:5px;background:#24242ca8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease}.creation-result-media:hover .creation-result-actions,.creation-result-actions:focus-within{opacity:1;transform:translateY(0)}.creation-result-actions-top{right:10px;top:10px}.creation-result-actions-bottom{bottom:10px;left:10px}.result-action-button{position:relative;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:9px;color:#f8fafc;background:transparent;cursor:pointer}.result-action-button:after{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:5;min-width:-moz-max-content;min-width:max-content;border-radius:10px;padding:9px 13px;color:#f8fafc;background:#24242cf5;box-shadow:0 12px 28px #00000061;content:attr(data-tooltip);font-size:15px;font-weight:800;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%) translateY(2px);transition:opacity .05s ease,transform .05s ease}.result-action-button:before{position:absolute;left:50%;bottom:calc(100% + 4px);z-index:5;width:10px;height:10px;background:#24242cf5;content:"";opacity:0;pointer-events:none;transform:translate(-50%) rotate(45deg);transition:opacity .05s ease}.result-action-button:hover:after,.result-action-button:hover:before,.result-action-button:focus-visible:after,.result-action-button:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.result-action-button:hover:before,.result-action-button:focus-visible:before{transform:translate(-50%) rotate(45deg)}.result-action-button:hover,.result-action-button-active{background:#ffffff29}.result-action-button-active{color:#fde68a}.creation-result-placeholder{display:flex;width:min(172px,58%);min-height:150px;margin-top:14px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(139,92,246,.42);border-radius:12px;color:#e2e8f0b8;background:#8b5cf61a;font-size:13px;font-weight:700}.image-preview-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center}.image-preview-backdrop{position:absolute;inset:0;border:0;background:#020617b8;cursor:zoom-out}.image-preview-content{position:relative;z-index:1;max-width:min(78vw,960px);max-height:82vh;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0f172af5;box-shadow:0 30px 90px #0000008c}.image-preview-content img{display:block;max-width:min(78vw,960px);max-height:82vh;-o-object-fit:contain;object-fit:contain}.image-preview-close{position:absolute;right:12px;top:12px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#f8fafc;background:#0f172ad1;cursor:pointer}.generation-canvas-placeholder{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none}.generation-preview-box{display:flex;width:min(360px,32vw);min-height:260px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.55);border-radius:18px;background:linear-gradient(135deg,#8b5cf62e,#0f172ae0),#0f172aeb;box-shadow:0 24px 70px #00000061}.generation-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.14);border-top-color:#a78bfa;border-radius:999px;animation:generation-spin 1s linear infinite}.generation-spinner-small{width:28px;height:28px;border-width:2px}.mini-generation-preview{display:flex;width:72px;height:72px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.36);border-radius:12px;background:#8b5cf61a}@keyframes generation-spin{to{transform:rotate(360deg)}}.record-tag{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0b8;background:#ffffff0a;font-size:12px}.record-action{height:36px;padding:0 13px;border-radius:9px;color:#f8fafcc7;font-size:14px;font-weight:650}.app-shell-cutout-mode .canvas-stage{inset:0}.cutout-exit-button{position:fixed;left:22px;top:22px;z-index:45;display:inline-flex;height:46px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:0 14px;color:#f8fafc;background:#18181fdb;box-shadow:0 18px 48px #00000059;font-size:15px;font-weight:800;cursor:pointer}.cutout-exit-button:hover{border-color:#a78bfa8c;background:#262135eb}.cutout-exit-button kbd{height:24px;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:2px 7px;color:#e2e8f0b8;background:#ffffff12;font-size:12px}.cutout-panel{position:fixed;right:28px;top:50%;z-index:45;display:flex;width:min(360px,calc(100vw - 56px));flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px;background:linear-gradient(180deg,#1f1d27f5,#16161df5),#16161df5;box-shadow:0 24px 70px #00000073;transform:translateY(-50%)}.cutout-panel-header{display:flex;align-items:center;gap:12px;padding:2px 2px 8px;color:#f8fafc}.cutout-panel-header svg{color:#a78bfa}.cutout-panel-header h2{margin:0;font-size:20px;font-weight:900;line-height:1.2}.cutout-panel-header p{margin:4px 0 0;color:#cbd5e1b8;font-size:13px;line-height:1.4}.cutout-option{display:flex;min-height:76px;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;color:#f8fafc;background:#ffffff0b;text-align:left;cursor:pointer}.cutout-option:hover:not(:disabled){border-color:#8b5cf6cc;background:#8b5cf626}.cutout-option-active{border-color:#a78bfae6;background:#8b5cf638;box-shadow:inset 0 0 0 1px #c4b5fd38}.cutout-option:disabled{cursor:wait;opacity:.62}.cutout-option>svg{flex:0 0 auto;color:#c4b5fd}.cutout-option span{display:flex;min-width:0;flex-direction:column;gap:4px}.cutout-option strong{font-size:16px;font-weight:900;line-height:1.2}.cutout-option small{color:#cbd5e1ad;font-size:12px;font-weight:650;line-height:1.35}.cutout-option-disabled{opacity:.72}.cutout-variant-control{display:grid;gap:7px;color:#e2e8f0d6;font-size:12px;font-weight:800}.cutout-variant-control select{width:100%;border:1px solid rgba(167,139,250,.28);border-radius:8px;padding:9px 10px;color:#f8fafc;background:#0f172af0;font-size:13px;font-weight:760}.cutout-variant-control select:disabled{cursor:wait;opacity:.62}.cutout-panel-note{min-height:34px;border:1px solid rgba(167,139,250,.22);border-radius:12px;padding:9px 11px;color:#e2e8f0cc;background:#8b5cf614;font-size:13px;font-weight:750;line-height:1.35}.finish-panel{position:fixed;right:28px;top:50%;z-index:45;display:flex;width:min(304px,calc(100vw - 56px));max-height:calc(100vh - 48px);flex-direction:column;gap:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:13px;color:#f8fafc;background:linear-gradient(180deg,#1f1d27f7,#16161df7),#16161df7;box-shadow:0 24px 70px #00000073;transform:translateY(-50%)}.finish-panel-header{position:relative;display:flex;align-items:center;gap:9px;padding:0 34px 6px 0}.finish-panel-header svg{color:#a78bfa}.finish-panel-header h2{margin:0;font-size:17px;font-weight:900;line-height:1.2}.finish-panel-header p{margin:4px 0 0;color:#cbd5e1b8;font-size:12px;line-height:1.4}.finish-panel-close{position:absolute;right:0;top:0;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:999px;color:#e2e8f0c7;background:transparent;cursor:pointer}.finish-panel-close:hover{background:#ffffff14}.finish-reference-box{display:grid;gap:7px}.finish-section-title{color:#e2e8f0d6;font-size:13px;font-weight:900}.finish-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.finish-add-reference{display:grid;aspect-ratio:1;place-items:center;align-content:center;gap:4px;border:1px dashed rgba(203,213,225,.28);border-radius:10px;color:#e2e8f0ad;background:#ffffff0b;font-size:11px;font-weight:800;cursor:pointer}.finish-add-reference:hover:not(:disabled){border-color:#a78bfab8;color:#f8fafc;background:#8b5cf624}.finish-add-reference:disabled{cursor:wait;opacity:.62}.finish-reference-thumb{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;background:#ffffff0b}.finish-reference-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.finish-reference-thumb button{position:absolute;right:4px;top:4px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:0;border-radius:999px;color:#fff;background:#0f0f14c7;cursor:pointer;opacity:0;transition:opacity .14s ease}.finish-reference-thumb:hover button{opacity:1}.finish-selected-style-model{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(167,139,250,.38);border-radius:9px;padding:7px 8px;background:#7c3aed1f}.finish-selected-style-model>svg{color:#c4b5fd}.finish-selected-style-model>span{display:grid;min-width:0}.finish-selected-style-model strong,.finish-selected-style-model small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finish-selected-style-model strong{font-size:12px}.finish-selected-style-model small{color:#cbd5e1ad;font-size:10px}.finish-selected-style-model button{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:0;border-radius:6px;color:#e2e8f0b8;background:transparent;cursor:pointer}.finish-selected-style-model button:hover{background:#ffffff14}.finish-feedback{border:1px solid rgba(251,146,60,.46);border-radius:8px;padding:9px 10px;color:#fed7aa;background:#7c2d1233;font-size:12px;line-height:1.5}.style-model-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#050508b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.style-model-dialog,.style-model-update-dialog{position:relative;width:min(540px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#f8fafc;background:#1b1a21;box-shadow:0 28px 90px #00000094}.style-model-dialog{padding:18px}.style-model-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.style-model-dialog-header h2,.style-model-update-dialog h2{margin:0;font-size:19px;letter-spacing:0}.style-model-dialog-header p{margin:4px 0 0;color:#cbd5e1a3;font-size:12px}.style-model-dialog-header>button,.style-model-actions button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:7px;color:#e2e8f0c2;background:transparent;cursor:pointer}.style-model-dialog-header>button:hover,.style-model-actions button:hover{background:#ffffff14}.style-model-list{display:grid;gap:8px;padding-top:14px}.style-model-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:68px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.style-model-row-selected{border-color:#a78bfaad;background:#7c3aed21}.style-model-select{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:66px;border:0;padding:8px 4px 8px 9px;color:inherit;text-align:left;background:transparent;cursor:pointer}.style-model-previews{display:grid;width:48px;height:48px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;place-items:center;border-radius:6px;color:#c4b5fd;background:#7c3aed1f}.style-model-previews img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.style-model-previews img:only-child{grid-column:1 / -1}.style-model-copy{display:grid;min-width:0;gap:4px}.style-model-copy strong,.style-model-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-model-copy strong{font-size:13px}.style-model-copy small{color:#cbd5e1a6;font-size:11px}.style-model-copy input{width:100%;height:30px;border:1px solid rgba(167,139,250,.7);border-radius:6px;padding:0 8px;outline:none;color:#fff;background:#0a0a0ec7;font:inherit}.style-model-selected-icon{color:#c4b5fd}.style-model-actions{display:flex;gap:2px;padding-right:7px}.style-model-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;color:#cbd5e1a3;text-align:center}.style-model-empty strong{color:#f8fafce6}.style-model-empty span{font-size:12px}.style-model-delete-confirm{position:absolute;inset:50% auto auto 50%;z-index:2;display:grid;width:min(360px,calc(100% - 32px));gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:18px;background:#232229;box-shadow:0 20px 54px #00000094;transform:translate(-50%,-50%)}.style-model-delete-confirm>span{color:#cbd5e1b3;font-size:12px;line-height:1.5}.style-model-delete-confirm>div,.style-model-update-actions{display:flex;justify-content:flex-end;gap:8px}.style-model-delete-confirm button,.style-model-update-actions button{min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:0 13px;color:#f8fafce6;background:#ffffff0d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.style-model-delete-confirm .style-model-danger{border-color:#f8717173;background:#dc2626d1}.style-model-update-dialog{display:grid;width:min(480px,calc(100vw - 32px));gap:12px;padding:22px}.style-model-update-dialog>svg{color:#a78bfa}.style-model-update-dialog p{margin:0;color:#cbd5e1b8;font-size:13px;line-height:1.55}.style-model-update-dialog label{display:grid;gap:6px;font-size:12px;font-weight:800}.style-model-update-dialog input{height:38px;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:0 10px;outline:none;color:#fff;background:#08080c99;font:inherit}.style-model-update-actions{flex-wrap:wrap;padding-top:4px}.style-model-update-actions .style-model-primary{border-color:#a78bfaa3;background:#7c3aed}.style-model-delete-confirm button:disabled,.style-model-update-actions button:disabled{cursor:wait;opacity:.55}.finish-toggle-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:0 11px;background:#ffffff0b;font-size:13px;font-weight:850}.finish-toggle-row-active{border-color:#a78bfa8c;background:#8b5cf624}.finish-toggle-row input{width:42px;height:24px;accent-color:#8b5cf6}.finish-weight-control{display:grid;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:10px;background:#ffffff0b}.finish-weight-control>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900}.finish-weight-info{position:relative;display:inline-flex;color:#cbd5e1ad}.finish-weight-info>span{position:absolute;left:-16px;bottom:24px;display:none;width:260px;border-radius:10px;padding:10px 12px;color:#f8fafce6;background:#3f3f46fa;box-shadow:0 14px 34px #00000059;font-size:12px;font-weight:800;line-height:1.45}.finish-weight-info:hover>span{display:block}.finish-slider-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.finish-slider-row small{color:#e2e8f0cc;font-size:13px;font-weight:900}.finish-slider-row input{accent-color:#8b5cf6}.finish-option-group{display:grid;gap:8px}.finish-option-title{color:#f1f5f9f0;font-size:13px;font-weight:900}.finish-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0b}.finish-segment button{min-height:35px;border:0;border-right:1px solid rgba(255,255,255,.08);color:#e2e8f0c7;background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.finish-segment button:last-child{border-right:0}.finish-segment button:disabled{cursor:not-allowed;opacity:.42}.finish-segment .finish-segment-active{color:#fff;background:#7c3aed4d;box-shadow:inset 0 0 0 1px #a78bfac7}.finish-prompt-box{border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:10px;background:#ffffff0b}.finish-prompt-box textarea{width:100%;min-height:84px;resize:vertical;border:0;outline:none;color:#f8fafc;background:transparent;font-size:13px;font-weight:760;line-height:1.55}.finish-prompt-box textarea::-moz-placeholder{color:#cbd5e180}.finish-prompt-box textarea::placeholder{color:#cbd5e180}.finish-prompt-controls{display:flex;justify-content:flex-start;padding-top:8px}.finish-size-anchor{position:relative}.finish-size-button{display:inline-flex;height:34px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:0 12px;color:#f8fafce0;background:#ffffff0e;font-size:12px;font-weight:850;cursor:pointer}.finish-size-popover{position:absolute;left:0;bottom:46px;z-index:60;width:292px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;background:#1c1c22fa;box-shadow:0 20px 54px #00000070}.finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish-cancel-button,.finish-generate-button{display:inline-flex;height:42px;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:14px;font-weight:900;cursor:pointer}.finish-cancel-button{border:1px solid rgba(255,255,255,.14);color:#f8fafce0;background:#ffffff0f}.finish-generate-button{border:0;color:#fff;background:#8b5cf6}.finish-generate-button:disabled{cursor:wait;opacity:.62}.upscale-panel{position:fixed;right:28px;top:50%;z-index:45;display:flex;width:min(350px,calc(100vw - 56px));max-height:calc(100vh - 48px);flex-direction:column;gap:22px;overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px;color:#f8fafc;background:#242428fa;box-shadow:0 24px 70px #0000007a;transform:translateY(-50%)}.upscale-panel-header{display:flex;align-items:flex-start;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.upscale-panel-header>svg{color:#a78bfa;margin-top:2px}.upscale-panel-header h2{margin:0;font-size:22px;font-weight:900}.upscale-panel-header p{margin:6px 0 0;color:#cbd5e1a8;font-size:12px;line-height:1.45}.upscale-option-group{display:grid;gap:10px}.upscale-option-title{color:#e2e8f0c7;font-size:14px;font-weight:900}.upscale-title-row{display:flex;align-items:center;justify-content:space-between}.upscale-value{min-width:34px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 8px;text-align:center;font-weight:900;background:#0a0a0e80}.upscale-size-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-radius:14px;padding:7px;background:#0c0c109e}.upscale-size-segment button{min-height:50px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#e2e8f0b3;background:#ffffff09;font-size:18px;font-weight:900;cursor:pointer}.upscale-size-segment button:disabled{cursor:wait;opacity:.6}.upscale-option-active{color:#fff!important;border-color:#a78bfab8!important;background:#8b5cf62e!important;box-shadow:inset 0 0 0 1px #a78bfa52}.upscale-detail-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-radius:14px;padding:14px;background:#0c0c109e;font-size:13px;font-weight:900}.upscale-detail-control input{width:100%;accent-color:#8b5cf6}.upscale-detail-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:0 36px;color:#cbd5e180;font-size:12px;text-align:center}.upscale-detail-labels .active{color:#fff;font-weight:900}.upscale-help{margin:0;color:#cbd5e18f;font-size:11px;line-height:1.45}.upscale-style-card{display:flex;min-height:58px;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;background:#ffffff09}.upscale-style-card>svg{color:#c4b5fd}.upscale-style-card span{display:grid;gap:2px}.upscale-style-card strong{font-size:15px}.upscale-style-card small{color:#cbd5e194;font-size:11px}.upscale-generate-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;color:#fff;background:linear-gradient(100deg,#7657f6,#b64ce6);font-size:15px;font-weight:900;cursor:pointer}.upscale-generate-button:disabled{cursor:wait;opacity:.62}.similarity-panel{position:fixed;right:28px;top:50%;z-index:45;display:flex;width:min(328px,calc(100vw - 56px));max-height:calc(100vh - 48px);flex-direction:column;gap:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:13px;color:#f8fafc;background:linear-gradient(180deg,#1f1d27f7,#16161df7),#16161df7;box-shadow:0 24px 70px #00000073;transform:translateY(-50%)}.similarity-help{margin:0;color:#cbd5e194;font-size:11px;line-height:1.4}.similarity-prompt-controls{display:flex;justify-content:flex-start;padding-top:6px}.similarity-count-segment{grid-template-columns:repeat(4,minmax(0,1fr))}.similarity-generate-button{width:100%;min-height:44px}.similarity-feedback{border:1px solid rgba(96,165,250,.4);border-radius:9px;padding:8px 9px;color:#bfdbfe;background:#1e40af29;font-size:11px;font-weight:700;line-height:1.45}.inpaint-panel{position:fixed;right:28px;top:50%;z-index:45;display:flex;width:min(328px,calc(100vw - 56px));max-height:calc(100vh - 48px);flex-direction:column;gap:11px;overflow-y:auto;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:13px;color:#f8fafc;background:linear-gradient(180deg,#1f1d27f7,#16161df7);box-shadow:0 24px 70px #00000073;transform:translateY(-50%)}.inpaint-tools,.inpaint-region-actions{display:flex;gap:7px}.inpaint-tools button,.inpaint-region-actions button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:0 10px;color:#e2e8f0d1;background:#ffffff0b;font-size:12px;font-weight:800;cursor:pointer}.inpaint-tools button:last-child{margin-left:auto;padding:0 9px}.inpaint-tools button:disabled,.inpaint-region-actions button:disabled{cursor:wait;opacity:.48}.inpaint-tools .inpaint-tool-active{border-color:#818cf8c2;color:#fff;background:#6366f13b}.inpaint-size{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;color:#e2e8f0b8;font-size:12px;font-weight:800}.inpaint-size input{width:100%;accent-color:#818cf8}.inpaint-size strong{min-width:26px;color:#fff;text-align:right}.inpaint-size input:disabled{cursor:not-allowed;opacity:.38}.inpaint-region-list{display:flex;flex-wrap:wrap;gap:8px}.inpaint-region-chip,.inpaint-region-add{display:grid;width:54px;min-height:52px;place-items:center;gap:3px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 4px;color:#f1f5f9b8;background:#ffffff09;font-size:10px;font-weight:760;text-align:center;cursor:pointer}.inpaint-region-chip i{display:block;width:26px;height:26px;border-radius:7px;box-shadow:0 0 0 2px #ffffff24}.inpaint-region-chip>span{white-space:nowrap}.inpaint-region-add{border-style:dashed;color:#cbd5e1ad}.inpaint-region-add svg{margin-bottom:-2px}.inpaint-region-add:disabled{cursor:wait;opacity:.48}.inpaint-region-chip-active{border-color:#818cf8bd;background:#6366f126;color:#fff}.inpaint-region-actions{flex-wrap:wrap}.inpaint-title-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px;vertical-align:1px}.inpaint-style-picker{display:inline-flex;width:100%;min-height:36px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(167,139,250,.34);border-radius:10px;color:#ede9fef0;background:#8b5cf61a;font-size:12px;font-weight:850;cursor:pointer}.inpaint-style-picker:disabled{cursor:wait;opacity:.55}.inpaint-style-hint{margin:0;color:#cbd5e18c;font-size:11px;line-height:1.4}.inpaint-scope-control{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:3px;border-radius:9px;background:#ffffff0b}.inpaint-scope-control button{min-height:29px;border:0;border-radius:7px;color:#cbd5e1a8;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.inpaint-scope-control button:disabled{cursor:wait;opacity:.5}.inpaint-scope-control .inpaint-scope-active{color:#fff;background:#6366f147;box-shadow:inset 0 0 0 1px #818cf873}.inpaint-policy-summary{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(52,211,153,.2);border-radius:9px;padding:7px 9px;color:#ecfdf5e6;background:#10b98112;font-size:11px}.inpaint-policy-summary span{font-weight:850}.inpaint-policy-summary small{color:#a7f3d09e;text-align:right}.inpaint-policy-pending{border-color:#818cf82e;color:#c7d2feb8;background:#6366f10f}.cutout-picker-cursor,.cutout-picker-cursor canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='32' viewBox='0 0 44 32' fill='none'%3E%3Cg stroke='%23a78bfa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='8' r='3.4'/%3E%3Ccircle cx='7' cy='24' r='3.4'/%3E%3Cpath d='M9.5 10.5 19 20'/%3E%3Cpath d='M9.5 21.5 19 12'/%3E%3Cpath d='M18.5 12.5 30 4'/%3E%3Cpath d='M18.5 19.5 30 28'/%3E%3C/g%3E%3Cg stroke='%2322d3ee' stroke-width='1.26' stroke-linecap='round'%3E%3Cpath d='M32 13.2v5.6'/%3E%3Cpath d='M29.2 16h5.6'/%3E%3C/g%3E%3Ccircle cx='32' cy='16' r='1.47' fill='%23a78bfa' stroke='%23ffffff' stroke-width='0.7'/%3E%3C/svg%3E") 32 16,crosshair!important}.cutout-working-cursor-hint{position:fixed;z-index:80;max-width:178px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 10px;color:#f8fafc;background:#0f172af0;box-shadow:0 14px 34px #0000005c;font-size:12px;font-weight:850;line-height:1.3;pointer-events:none;white-space:nowrap}@media(max-width:900px){.cutout-panel{inset:auto 16px 16px;width:auto;transform:none}.cutout-exit-button{left:16px;top:16px}.similarity-panel,.inpaint-panel{inset:auto 16px 16px;width:auto;max-height:min(760px,calc(100vh - 82px));transform:none}}.auth-screen,.auth-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 25% 10%,rgba(136,83,255,.24),transparent 34%),#111217;color:#f8fafc;z-index:1000}.auth-modal-backdrop{background:#05060cc2}.auth-card{display:grid;gap:14px;width:min(390px,calc(100vw - 40px));padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#1b1d25;box-shadow:0 28px 80px #00000073}.auth-card h1{margin:0;font-size:24px}.auth-card strong{color:#c4a7ff}.auth-card label{display:grid;gap:7px;font-size:13px;color:#cbd5e1}.auth-card input{min-height:40px;border:1px solid #3d4150;border-radius:8px;padding:0 11px;color:#f8fafc;background:#12141b}.auth-card button{min-height:42px;border:0;border-radius:8px;color:#fff;background:#7c4dff;font-weight:700;cursor:pointer}.auth-card button:disabled{opacity:.5;cursor:not-allowed}.auth-error{margin:0;color:#fda4af;font-size:13px}.account-system-button{display:inline-flex;min-height:38px;align-items:center;gap:7px;border:1px solid rgba(196,167,255,.35);border-radius:10px;padding:0 12px;color:#ede9fe;background:#7c4dff29;font-size:13px;font-weight:800;cursor:pointer}.account-system-button:hover{background:#7c4dff4d}.account-modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:#05060cb8}.account-system-dialog{display:grid;gap:16px;width:min(680px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;color:#e2e8f0;background:#1b1d25;box-shadow:0 28px 80px #00000080}.account-system-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-system-dialog h2,.account-system-dialog h3{margin:0;color:#f8fafc}.account-system-dialog h2{font-size:22px}.account-system-dialog h3{font-size:14px}.account-dialog-kicker{display:inline-flex;align-items:center;gap:6px;color:#c4a7ff;font-size:12px;font-weight:800}.account-current-user{display:flex;align-items:center;gap:11px;border:1px solid rgba(167,139,250,.24);border-radius:12px;padding:12px;background:#7c4dff14}.account-current-user>div{display:grid;gap:3px}.account-current-user span{color:#aab2c3;font-size:12px}.account-role{margin-left:auto;border-radius:99px;padding:4px 8px;color:#ddd6fe!important;background:#7c4dff33;font-weight:800}.account-password-form,.account-admin-create,.account-user-list{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.account-password-form{grid-template-columns:1fr 1fr auto;align-items:end}.account-password-form h3{grid-column:1 / -1}.account-system-dialog input{min-width:0;min-height:38px;border:1px solid #3d4150;border-radius:8px;padding:0 10px;color:#f8fafc;background:#12141b}.account-system-dialog button{min-height:38px;border:0;border-radius:8px;padding:0 12px;color:#fff;background:#7c4dff;font-weight:800;cursor:pointer}.account-system-dialog button:disabled{opacity:.5;cursor:not-allowed}.account-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.account-form-grid button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.account-user-list{max-height:270px;overflow:auto}.account-user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px}.account-user-row>div:first-child{display:grid;gap:3px}.account-user-row span{color:#aab2c3;font-size:12px}.account-reset-row{display:flex;gap:7px}.account-reset-row input{width:178px}.account-system-message{margin:0;color:#c4b5fd;font-size:13px}.account-sign-out{justify-self:start;display:inline-flex;align-items:center;gap:7px;background:transparent!important;box-shadow:inset 0 0 0 1px #ffffff26}@media(max-width:820px){.account-password-form,.account-form-grid{grid-template-columns:1fr}.account-user-row{align-items:stretch;flex-direction:column}.account-reset-row input{width:auto;flex:1}}