:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f5f2ff;background:#090b10;font-synthesis:none;--purple: #CD4841;--purple-bright: #E16B64;--panel: rgba(20, 23, 31, .94);--line: rgba(255, 255, 255, .095);--muted: #8e94a3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,textarea{font:inherit}button{color:inherit}.app-shell{height:100%;min-width:900px;background:radial-gradient(circle at 58% -10%,#2b1817 0,#0b0e14 34%,#080a0e 72%)}.topbar{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#0c0f15f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10}.brand,.top-actions,.history-actions{display:flex;align-items:center}.brand{gap:12px;font-size:20px}.brand strong{letter-spacing:-.5px}.brand b{color:#d85b54;margin-left:5px}.brand-mark{width:31px;height:36px;position:relative}.brand-mark span{position:absolute;display:block;width:22px;height:19px;border-radius:7px 9px 9px 4px;background:linear-gradient(135deg,#e77a73,#a73530);box-shadow:0 0 22px #cd484159}.brand-mark span:first-child{left:1px;top:1px}.brand-mark span:last-child{left:1px;top:15px;width:15px;opacity:.76}.project-pill{margin-left:8px;font-size:11px;color:#aeb3c0;border:1px solid var(--line);background:#ffffff0a;padding:5px 9px;border-radius:99px}.history-actions{height:100%;gap:9px}.icon-text,.save-button{height:40px;border:0;background:transparent;padding:0 15px;border-radius:10px;cursor:pointer;font-weight:600}.icon-text:hover:not(:disabled),.save-button:hover{background:#ffffff0e}.icon-text:disabled{color:#565b66;cursor:not-allowed}.undo-icon{font-size:27px;vertical-align:-2px;margin-right:7px;font-weight:300}.top-divider{width:1px;height:30px;background:var(--line)}.top-actions{justify-content:flex-end;gap:12px}.save-button{color:#b7bdc8;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#47d998;box-shadow:0 0 0 4px #47d9981f}.status-dot.dirty{background:#f4b856;box-shadow:0 0 0 4px #f4b8561f}.output-actions{display:flex;align-items:stretch;border-radius:11px;overflow:hidden;box-shadow:0 10px 28px #9f332e38}.download-button,.send-button{height:44px;border:0;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease}.download-button{min-width:126px;padding:0 15px;background:linear-gradient(135deg,#d85b54,#b33e38);font-size:13px}.send-button{min-width:82px;padding:0 13px;border-left:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#b33e38,#8e2d29);font-size:13px}.download-button:hover:not(:disabled),.send-button:hover:not(:disabled){filter:brightness(1.1)}.download-button svg,.send-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.download-button:disabled,.send-button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}.workspace{height:calc(100% - 60px);display:grid;grid-template-columns:var(--left-panel-width, 280px) minmax(0,1fr) var(--right-panel-width, 320px);gap:0;padding:0}.panel{min-height:0;border:0;background:linear-gradient(145deg,#181c25fa,#0e1117fa);border-radius:0;box-shadow:inset 0 1px #ffffff06}.left-panel{position:relative;display:grid;grid-template-columns:62px 1fr;overflow:hidden;border-right:1px solid var(--line)}.panel-resizer{position:absolute;z-index:40;top:0;bottom:0;width:11px;padding:0;border:0;outline:0;background:transparent;cursor:col-resize;touch-action:none}.panel-resizer.left-resizer{right:0}.panel-resizer.right-resizer{left:0}.panel-resizer span{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:transparent;transition:background .16s ease,box-shadow .16s ease}.panel-resizer:hover span,.panel-resizer:focus-visible span,.resizing-panels .panel-resizer span{background:#d85b54;box-shadow:0 0 10px #d85b54bf}.panel-resizer:focus-visible{box-shadow:inset 0 0 0 1px #d85b5480}.workspace.resizing-panels,.workspace.resizing-panels *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.tool-rail{padding:10px 7px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:#080a0f80}.tool-button{min-height:57px;padding:7px 3px;border:1px solid transparent;border-radius:9px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:#c4c7d0}.tool-button:hover{background:#ffffff0a;color:#fff}.tool-button.active{color:#fff;border-color:#c3443e;background:linear-gradient(145deg,#cd484138,#9f332e21);box-shadow:0 0 0 1px #cd48411a inset,0 8px 25px #7827231f}.tool-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool-button span{font-size:11px;font-weight:650}.layers-section{min-width:0;min-height:0;display:flex;flex-direction:column;padding:15px 10px 10px;overflow:hidden}.template-library-panel{min-width:0;display:flex;flex-direction:column;padding:15px 10px 10px;overflow:hidden}.template-total{padding:5px 7px;border:1px solid rgba(205,72,65,.26);border-radius:99px;background:#cd484117;color:#e7aaa5;font-size:8px;font-weight:800}.template-search{height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.template-search:focus-within{border-color:#cd484194;box-shadow:0 0 0 3px #cd484114}.template-search svg{width:15px;flex:0 0 auto;fill:none;stroke:#777e8d;stroke-width:1.8}.template-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eef0f5;font-size:10px}.template-search input::placeholder{color:#626976}.template-categories{display:flex;gap:5px;padding-bottom:9px;overflow-x:auto;scrollbar-width:none}.template-categories::-webkit-scrollbar{display:none}.template-categories button{flex:0 0 auto;height:26px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#858c99;font-size:8px;cursor:pointer}.template-categories button.active{border-color:#cd48418a;background:#cd48412b;color:#fff}.template-scene-list{flex:1;min-height:0;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#3b3f4a transparent}.template-scene{margin-bottom:14px}.template-scene-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 7px}.template-scene-heading strong{font-size:10px;color:#d8dbe2}.template-scene-heading span{color:#6e7582;font-size:8px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.template-grid>button{min-width:0;padding:5px 5px 7px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;text-align:left;cursor:pointer;transition:.16s ease}.template-grid>button:hover:not(:disabled){border-color:#cd484185;background:#cd484114;transform:translateY(-1px)}.template-grid>button:disabled{cursor:wait;opacity:.7}.template-preview{position:relative;display:block;aspect-ratio:1;margin-bottom:6px;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,#f3f4f6,#d9dce2)}.template-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#d7d9df 25%,transparent 25%),linear-gradient(-45deg,#d7d9df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7d9df 75%),linear-gradient(-45deg,transparent 75%,#d7d9df 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;opacity:.45}.template-preview img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain}.template-preview i{position:absolute;z-index:2;top:4px;right:4px;padding:3px 4px;border-radius:4px;background:#cd4841;color:#fff;font:700 7px/1 sans-serif;font-style:normal;box-shadow:0 2px 7px #50141140}.template-preview em{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:#0d0f14b3;color:#fff;font-size:9px;font-style:normal}.template-grid b,.template-grid small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-grid b{color:#d8dbe3;font-size:9px;line-height:1.45}.template-grid small{margin-top:2px;color:#696f7c;font-size:7px}.template-state{padding:24px 8px;color:#777e8d;font-size:9px;line-height:1.6;text-align:center}.template-state.error{color:#efa39e}.template-state button{margin-left:4px;border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer}.template-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 2px 0;border-top:1px solid var(--line);color:#626977;font-size:7px}.template-foot button{height:24px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff09;color:#aeb3bd;font-size:8px;cursor:pointer}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 15px}.section-heading h2,.ai-heading h2{margin:3px 0 0;font-size:19px;letter-spacing:-.3px}.eyebrow{color:#777e8e;font-size:9px;font-weight:800;letter-spacing:1.5px}.round-button{width:34px;height:34px;border:1px solid var(--line);background:#ffffff09;border-radius:10px;cursor:pointer;font-size:23px;font-weight:300}.round-button:hover{background:#cd48412e;border-color:#cd484173}.hidden-input{display:none}.layer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}.layer-actions button{min-width:0;height:29px;padding:0 3px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#9299a8;font-size:9px;cursor:pointer}.layer-actions button:hover{color:#fff;border-color:#cd484173;background:#cd48411a}.selection-actions{display:grid;grid-template-columns:48px 48px 1fr;gap:5px;margin-bottom:10px}.selection-actions button{height:30px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#9198a7;font-size:9px;cursor:pointer}.selection-actions button:hover:not(:disabled){color:#fff;border-color:#cd484180}.selection-actions .merge-selection{color:#f4ddda;border-color:#cd48416b;background:linear-gradient(135deg,#cd48413d,#9f332e21)}.selection-actions .merge-selection b{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:4px;border-radius:9px;background:#ffffff24;font-size:8px}.selection-actions button:disabled{opacity:.38;cursor:not-allowed}.layer-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#4b505d transparent;padding-right:4px}.layer-list::-webkit-scrollbar{width:7px}.layer-list::-webkit-scrollbar-track{background:transparent}.layer-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:7px;background:#4b505d;background-clip:padding-box}.layer-list::-webkit-scrollbar-thumb:hover{background:#686e7d;background-clip:padding-box}.empty-layer-list{min-height:112px;display:grid;place-content:center;gap:6px;padding:18px;border:1px dashed rgba(205,72,65,.3);border-radius:11px;color:#7f8694;text-align:center;background:#cd484106}.empty-layer-list b{color:#aeb3bd;font-size:12px}.empty-layer-list span{font-size:9px}.layer-row{height:66px;flex:0 0 auto;display:grid;grid-template-columns:18px 20px 38px minmax(0,1fr) 46px;align-items:center;gap:4px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#ffffff07;cursor:pointer;transition:.18s ease}.layer-row:hover{background:#ffffff0c}.layer-row.selected{border-color:#cd4841;background:linear-gradient(110deg,#cd484126,#9f332e12);box-shadow:0 0 0 1px #cd48411a inset}.layer-row.mock{border-style:dashed}.layer-row.dragging{opacity:.35;transform:scale(.98)}.layer-row.drag-over{border-color:#e07a74;box-shadow:0 -3px #d95b54,0 0 22px #cd48412e}.selection-check{width:17px;height:17px;padding:0;display:grid;place-items:center;border:1px solid #515866;border-radius:5px;background:#ffffff06;color:transparent;cursor:pointer}.selection-check span{font-size:10px;font-weight:900}.selection-check.checked{color:#fff;border-color:#d85b54;background:linear-gradient(135deg,#dd655e,#a63833);box-shadow:0 0 0 3px #cd48411a}.visibility{width:20px;border:0;background:transparent;padding:2px;cursor:pointer;color:#d9dbe4}.visibility.off{color:#555b68}.visibility svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.layer-thumb{width:38px;height:46px;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#54201d,#c95650);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800}.layer-thumb img{width:100%;height:100%;object-fit:cover}.layer-info{min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden}.layer-info strong{max-width:100%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer-info input{width:100%;min-width:0;height:25px;padding:0 6px;outline:0;border:1px solid #D15A53;border-radius:5px;background:#10131a;color:#fff;font-size:12px;box-shadow:0 0 0 3px #cd48411a}.layer-info small{overflow:hidden;color:#777e8d;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.drag-handle{grid-column:5;grid-row:1;justify-self:end;padding-right:5px;color:#626978;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.layer-controls{grid-column:5;grid-row:1;display:none;justify-self:end;gap:0;padding:2px;border-radius:6px;background:#20242e;box-shadow:-7px 0 10px #181c25d1}.layer-row:hover .layer-controls,.layer-row.selected .layer-controls{display:flex}.layer-row:hover .drag-handle,.layer-row.selected .drag-handle{visibility:hidden}.layer-controls button{width:15px;height:24px;border:0;background:transparent;color:#a7acb7;cursor:pointer;border-radius:4px;padding:0;font-size:11px}.layer-controls button:hover{background:#ffffff14;color:#fff}.layers-foot{flex:0 0 auto;margin-top:0;padding:10px 2px 1px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;color:#656c7a;font-size:8px;white-space:nowrap}.stage-area{min-width:0;min-height:0;border:0;border-radius:0;position:relative;overflow:hidden;background-color:#090c11;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}.stage-area:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 50%,rgba(4,6,9,.44) 100%)}.stage-topline{position:relative;z-index:2;height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#717887;font-size:11px;background:linear-gradient(#11151c,#0c0f14b8);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:8px}.breadcrumb input{width:104px;border:0;outline:0;background:transparent;color:#858c9b;font:inherit;padding:3px 0}.breadcrumb input:focus{color:#fff;border-bottom:1px solid #CD4841}.breadcrumb strong{color:#b9bdc8}.breadcrumb b{font-weight:400;color:#454b57}.canvas-meta{display:flex;align-items:center;gap:12px}.guide-toolbar{display:flex;align-items:center;gap:4px;padding-left:9px;border-left:1px solid rgba(255,255,255,.1)}.guide-toolbar button{height:26px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#7c8391;font-size:9px;cursor:pointer}.guide-toolbar button:hover:not(:disabled),.guide-toolbar button.active{color:#f6e4e2;border-color:#cd484157;background:#cd484121}.guide-toolbar button:disabled{opacity:.35;cursor:not-allowed}.guide-toolbar label{position:relative;width:27px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff09;cursor:pointer;overflow:hidden}.guide-toolbar label:hover{border-color:#ffffff3d}.guide-toolbar label i{width:12px;height:12px;border:2px solid #f4f5f8;border-radius:50%;box-shadow:0 0 0 1px #00000073}.guide-toolbar label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.canvas-wrap{position:absolute;z-index:1;inset:44px 0 0;display:grid;place-items:center;padding:30px 34px 74px;overflow:auto}.artboard{position:relative;width:min(calc(100% - 4px),calc((100vh - 210px) * var(--canvas-ratio)));aspect-ratio:var(--canvas-ratio);container-type:size;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 32px 80px #00000080,0 0 0 1px #fff3;transform:translate(var(--pan-x, 0),var(--pan-y, 0)) scale(var(--zoom));transform-origin:center;transition:transform .18s ease}.empty-canvas-state{position:absolute;z-index:4;left:50%;top:50%;width:min(360px,68%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;padding:28px 24px;border:1px dashed rgba(205,72,65,.38);border-radius:18px;background:#fff9f8e6;color:#75504e;text-align:center;box-shadow:0 18px 50px #4a1a161a}.empty-canvas-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d75d56,#a93833);color:#fff;font-size:25px;line-height:1;box-shadow:0 9px 20px #cd484140}.empty-canvas-state strong{color:#4b302e;font-size:16px}.empty-canvas-state small{color:#96706d;font-size:10px}.empty-canvas-state button{height:32px;margin-top:4px;padding:0 16px;border:0;border-radius:8px;background:#cd4841;color:#fff;font-weight:700;font-size:11px;cursor:pointer;box-shadow:0 7px 15px #cd484138}.empty-canvas-state button:hover{background:#b83e38}.artboard.brush-cursor,.artboard.brush-cursor *{cursor:none!important;touch-action:none}.artboard.inpaint-cursor,.artboard.inpaint-cursor *,.artboard.segment-cursor,.artboard.segment-cursor *{cursor:crosshair!important;touch-action:none}.artboard.hand-cursor,.artboard.hand-cursor *{cursor:grab!important;touch-action:none;-webkit-user-select:none;user-select:none}.artboard.hand-cursor.is-panning,.artboard.hand-cursor.is-panning *{cursor:grabbing!important}.artboard.is-panning{transition:none}.canvas-ruler{position:absolute;z-index:60;color:#e0e5efad;background:linear-gradient(180deg,#11151cf0,#11151cc2);box-shadow:0 1px #ffffff1f,0 3px 10px #0003;-webkit-user-select:none;user-select:none;touch-action:none}.horizontal-ruler{top:0;left:20px;right:0;height:20px;cursor:crosshair}.vertical-ruler{top:20px;left:0;bottom:0;width:20px;cursor:crosshair;background:linear-gradient(90deg,#11151cf0,#11151cc2);box-shadow:1px 0 #ffffff1f,3px 0 10px #0003}.canvas-ruler span{position:absolute;pointer-events:none}.horizontal-ruler span{top:0;bottom:0;width:1px;border-left:1px solid rgba(218,225,237,.42)}.horizontal-ruler span:after{content:"";position:absolute;left:4px;bottom:0;height:5px;border-left:1px solid rgba(218,225,237,.25)}.vertical-ruler span{left:0;right:0;height:1px;border-top:1px solid rgba(218,225,237,.42)}.vertical-ruler span:after{content:"";position:absolute;right:0;top:4px;width:5px;border-top:1px solid rgba(218,225,237,.25)}.canvas-ruler b{position:absolute;font-size:6px;line-height:1;font-weight:500}.horizontal-ruler b{left:3px;top:3px}.vertical-ruler b{left:3px;top:3px;writing-mode:vertical-rl}.ruler-corner{position:absolute;z-index:61;left:0;top:0;width:20px;height:20px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle,#cd4841 0 2px,#171b23 3px)}.canvas-guide{position:absolute;z-index:52;display:block;margin:0;padding:0;border:0;border-radius:0;background:var(--guide-color);color:#fff;box-shadow:0 0 0 1px #0000003b;touch-action:none}.canvas-guide:before{content:"";position:absolute}.canvas-guide.vertical{top:0;bottom:0;width:1px;transform:translate(-50%);cursor:ew-resize}.canvas-guide.vertical:before{inset:0 -5px}.canvas-guide.horizontal{left:0;right:0;height:1px;transform:translateY(-50%);cursor:ns-resize}.canvas-guide.horizontal:before{inset:-5px 0}.canvas-guide.selected{box-shadow:0 0 0 1px #fff,0 0 9px var(--guide-color)}.canvas-guide span{position:absolute;display:none;padding:3px 5px;border:1px solid color-mix(in srgb,var(--guide-color) 65%,white);border-radius:4px;background:#0c0f15eb;color:#fff;font-size:7px;line-height:1;white-space:nowrap;box-shadow:0 3px 10px #0000004d}.canvas-guide.selected span,.canvas-guide:hover span{display:block}.canvas-guide.vertical span{top:23px;left:4px}.canvas-guide.horizontal span{top:4px;left:23px}.artboard.brush-cursor .canvas-ruler{cursor:crosshair!important}.artboard.brush-cursor .canvas-guide.vertical{cursor:ew-resize!important}.artboard.brush-cursor .canvas-guide.horizontal{cursor:ns-resize!important}.canvas-layer{position:absolute;-webkit-user-select:none;user-select:none;backface-visibility:hidden}.image-layer{object-fit:fill;cursor:grab;-webkit-user-drag:none;touch-action:none}.text-layer{touch-action:none}.canvas-layer.canvas-dragging,.selection-box.canvas-dragging{will-change:translate,transform;transition:none!important}.artboard.is-layer-dragging,.artboard.is-layer-dragging .canvas-layer{cursor:grabbing!important}.artboard.is-layer-dragging .canvas-layer:not(.canvas-dragging){pointer-events:none}.effect-layer{pointer-events:auto}.effect-shadow{background:radial-gradient(ellipse,#190a2fa1,#190a2f00 70%);filter:blur(7px)}.effect-vignette{background:radial-gradient(circle at center,transparent 24%,color-mix(in srgb,var(--effect-color, #090611) 9%,transparent) 58%,color-mix(in srgb,var(--effect-color, #090611) 96%,transparent) 100%)}.effect-soft-glow{background:radial-gradient(circle at 32% 23%,color-mix(in srgb,var(--effect-color, #d9b8ff) 88%,white) 0%,color-mix(in srgb,var(--effect-color, #d9b8ff) 44%,transparent) 40%,transparent 72%);mix-blend-mode:screen}.effect-warm-film{background:linear-gradient(135deg,color-mix(in srgb,var(--effect-color, #ff9b73) 78%,transparent),#cd5f7b52 53%,#4f2b919e);mix-blend-mode:soft-light}.effect-grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.text-layer{display:block;color:#fff;font-weight:800;white-space:pre-wrap;overflow:visible;cursor:move;text-shadow:none}.text-layer.is-text-editing{cursor:text;-webkit-user-select:text;user-select:text;outline:1px solid #65d8ff;outline-offset:2px;caret-color:currentColor}.drawing-layer{inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;isolation:isolate}.inpaint-mask-overlay{position:absolute;z-index:43;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.75))}.inpaint-floating-actions{position:absolute;z-index:70;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:#11141bf2;box-shadow:0 10px 30px #00000073;white-space:nowrap}.inpaint-floating-actions span{padding:0 6px;color:#ffb1cc;font-size:9px}.inpaint-floating-actions button{height:29px;padding:0 10px;border:0;border-radius:6px;background:#ffffff12;color:#cdd0d8;font-size:9px;cursor:pointer}.inpaint-floating-actions button.primary{color:#fff;background:linear-gradient(135deg,#e16b64,#cd4841)}.inpaint-floating-actions button:disabled{opacity:.4;cursor:not-allowed}.segment-overlay{position:absolute;z-index:46;overflow:visible;pointer-events:none}.segment-mask-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.46;filter:sepia(1) saturate(8) hue-rotate(250deg);mix-blend-mode:screen}.locked-subject-overlay{position:absolute;z-index:44;pointer-events:none}.locked-subject-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.22;filter:sepia(1) saturate(7) hue-rotate(112deg);mix-blend-mode:screen}.locked-subject-overlay>span{position:absolute;left:7px;top:7px;padding:4px 7px;border:1px solid rgba(84,214,200,.42);border-radius:6px;background:#0c1b1cdb;color:#b9f8ef;font-size:8px;white-space:nowrap;box-shadow:0 5px 16px #00000047}.segment-point{position:absolute;width:18px;height:18px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#23bf78;color:#fff;font:800 12px/1 sans-serif;box-shadow:0 2px 8px #0000008c,0 0 0 2px #23bf7861}.segment-point.negative{background:#ff4f68;box-shadow:0 2px 8px #0000008c,0 0 0 2px #ff4f685c}.segment-floating-hint{position:absolute;z-index:69;top:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0f1219eb;color:#939aa8;font-size:8px;pointer-events:none;box-shadow:0 7px 22px #00000059;white-space:nowrap}.segment-floating-hint b{color:#f6dfdd;font-size:9px}.segment-floating-hint.locked{border-color:#54d6c86b;background:#0c1b1cf0}.segment-floating-hint.locked b{color:#b9f8ef}.live-brush-cursor{position:absolute;z-index:45;min-width:3px;min-height:3px;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.95);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px #000000b8,0 2px 8px #00000059}.live-brush-cursor i{position:absolute;inset:50% auto auto 50%;width:2px;height:2px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3}.live-brush-cursor.eraser{border-style:dashed;border-color:#ffbfd4;background:#ff6b9d14}.live-brush-cursor.mosaic{border-color:#8eeeff;background:repeating-conic-gradient(rgba(101,216,255,.2) 0 25%,transparent 0 50%) 50% / 7px 7px;box-shadow:0 0 0 1px #000000b8,0 0 13px #65d8ff5c}.selection-box{position:absolute;border:1.5px solid #D95B54;pointer-events:none;box-shadow:0 0 0 1px #00000026}.handle{position:absolute;width:15px;height:15px;padding:0;border:2px solid #CD4841;border-radius:2px;background:#fff;box-shadow:0 1px 4px #00000059;pointer-events:auto}.handle.tl{left:-8px;top:-8px;cursor:nwse-resize}.handle.tr{right:-8px;top:-8px;cursor:nesw-resize}.handle.bl{left:-8px;bottom:-8px;cursor:nesw-resize}.handle.br{right:-8px;bottom:-8px;cursor:nwse-resize}.rotation-line{position:absolute;left:50%;top:-28px;width:1px;height:27px;background:#d95b54;transform:translate(-50%)}.rotate-handle{position:absolute;pointer-events:auto;left:50%;top:-39px;width:15px;height:15px;padding:0;border:2px solid #CD4841;border-radius:50%;background:#fff;transform:translate(-50%);cursor:grab;box-shadow:0 2px 8px #00000059}.rotate-handle:active{cursor:grabbing;background:#d9c7ff}.selection-name{position:absolute;top:-27px;left:-1px;color:#fff;background:#a83a35;font-size:10px;padding:4px 8px;border-radius:5px 5px 5px 0;white-space:nowrap}.crop-overlay{position:absolute;z-index:30;pointer-events:none}.crop-window{position:absolute;pointer-events:auto;cursor:move;touch-action:none;border:2px solid #E77A73;box-shadow:0 0 0 999px #0000007a,0 0 24px #cd484142}.crop-grid{position:absolute;pointer-events:none;background:#ffffff52}.crop-grid-v{top:0;bottom:0;width:1px}.crop-grid-h{left:0;right:0;height:1px}.crop-grid-v.one{left:33.333%}.crop-grid-v.two{left:66.666%}.crop-grid-h.one{top:33.333%}.crop-grid-h.two{top:66.666%}.crop-handle{position:absolute;width:15px;height:15px;padding:0;border:2px solid #CD4841;border-radius:3px;background:#fff;box-shadow:0 2px 6px #0006;pointer-events:auto}.crop-handle.tl{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle.tr{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle.bl{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle.br{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-floating-actions{position:absolute;left:50%;top:calc(100% + 13px);transform:translate(-50%);display:flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#11141bf5;box-shadow:0 10px 28px #0006;pointer-events:auto;white-space:nowrap}.crop-floating-actions button{height:28px;padding:0 12px;border:0;border-radius:6px;background:#ffffff0f;color:#c4c8d2;font-size:10px;cursor:pointer}.crop-floating-actions button.primary{color:#fff;background:linear-gradient(135deg,#d65b54,#a63833)}.zoom-bar{position:absolute;z-index:4;left:50%;bottom:17px;transform:translate(-50%);height:48px;display:flex;align-items:center;padding:0 6px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#181c25eb;box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.zoom-bar button{width:39px;height:36px;border:0;border-radius:8px;cursor:pointer;background:transparent;font-size:19px}.zoom-bar button:hover{background:#ffffff0f}.zoom-bar button.hand-tool.active{color:#fff;background:linear-gradient(135deg,#cd48417a,#65d8ff33);box-shadow:inset 0 0 0 1px #e16b6466}.zoom-bar select{width:72px;height:34px;padding:0 7px;border:0;outline:0;border-radius:7px;background:#0003;color:#eef0f6;text-align:center;font-size:12px;font-weight:700;cursor:pointer}.zoom-bar select:focus{box-shadow:inset 0 0 0 1px #cd48418c}.zoom-bar select option{color:#eef0f6;background:#1b1f28}.zoom-divider{width:1px;height:26px;background:var(--line);margin:0 2px}.right-panel{position:relative;padding:17px 14px;overflow:auto;border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#3b3f4a transparent}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:#0000002e}.panel-tabs button{height:31px;border:0;border-radius:7px;background:transparent;color:#737b89;font-size:11px;cursor:pointer}.panel-tabs button.active{color:#fff;background:linear-gradient(135deg,#cd484154,#9f332e33);box-shadow:inset 0 0 0 1px #9766ff42}.ai-heading{display:grid;grid-template-columns:37px 1fr auto;align-items:center;margin-bottom:16px}.prompt-edit-card{margin:12px 0;padding:12px;border:1px solid rgba(205,72,65,.35);border-radius:13px;background:linear-gradient(145deg,#cd48411a,#ffffff06)}.prompt-edit-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.prompt-edit-heading>span{display:flex;flex-direction:column;gap:2px}.prompt-edit-heading b{color:#f1d2d0;font-size:11px}.prompt-edit-heading small{color:#828896;font-size:8px}.prompt-edit-heading>i{padding:3px 5px;border-radius:4px;background:#cd484133;color:#efa7a2;font:700 7px/1 sans-serif;font-style:normal}.prompt-edit-card textarea{box-sizing:border-box;width:100%;min-height:76px;padding:9px 10px;resize:vertical;border:1px solid rgba(255,255,255,.13);border-radius:9px;outline:none;background:#090a0e80;color:#e9eaed;font:10px/1.5 inherit}.prompt-edit-card textarea:focus{border-color:#cd4841b8;box-shadow:0 0 0 2px #cd48411a}.prompt-edit-card textarea:disabled{opacity:.65}.prompt-suggestions{display:flex;gap:5px;margin-top:7px;overflow-x:auto;scrollbar-width:thin}.prompt-suggestions button{flex:0 0 auto;max-width:185px;padding:5px 7px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff09;color:#818896;font-size:7px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.prompt-suggestions button:hover{color:#e7b8b4;border-color:#cd484161}.prompt-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.prompt-edit-footer small{color:#6f7684;font-size:7px;line-height:1.4}.prompt-edit-footer button{flex:0 0 auto;min-width:86px;height:29px;border:0;border-radius:7px;background:linear-gradient(135deg,#d85b54,#ae3733);color:#fff;font-size:9px;font-weight:700;cursor:pointer}.prompt-edit-footer button:disabled{cursor:not-allowed;opacity:.5}.ai-symbol{color:#e16b64;font-size:31px;text-shadow:0 0 20px rgba(225,107,100,.45)}.mock-chip{font-size:9px;font-weight:800;color:#e7aaa5;background:#cd48411f;border:1px solid rgba(205,72,65,.25);padding:5px 7px;border-radius:99px}.target-card{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 13px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff06}.target-card>span{font-size:10px;color:#777e8d}.target-card strong{font-size:11px;display:flex;align-items:center;gap:7px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-card i{width:7px;height:7px;border-radius:50%;background:#d85b54;box-shadow:0 0 0 4px #cd48411f}.locked-selection-card{margin:-2px 0 12px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid rgba(84,214,200,.3);border-radius:10px;background:#54d6c811}.locked-selection-card>span{min-width:0;display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:7px}.locked-selection-card>span>i{grid-row:1 / 3;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#54d6c824;color:#83e5d9;font-size:10px;font-style:normal}.locked-selection-card b{color:#c5f6ef;font-size:9px}.locked-selection-card small{overflow:hidden;color:#6e9c98;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.locked-selection-card>div{display:flex;flex-direction:column;gap:4px}.locked-selection-card button{height:23px;padding:0 7px;border:1px solid rgba(84,214,200,.22);border-radius:5px;background:#54d6c812;color:#aee8e1;font-size:7px;cursor:pointer;white-space:nowrap}.locked-selection-card button:last-child{border-color:#ffffff14;background:#ffffff06;color:#777e8b}.ai-distinction-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(84,214,200,.18);border-radius:10px;background:linear-gradient(135deg,#54d6c80f,#cd48410e)}.ai-distinction-note>span{display:flex;flex-direction:column;gap:2px}.ai-distinction-note b{color:#d6dce5;font-size:9px}.ai-distinction-note small{color:#747c8b;font-size:7px}.ai-distinction-note>i{width:1px;height:26px;background:#ffffff1a}.ai-output-settings{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 2px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#ffffff06}.ai-output-settings>span{min-width:0;display:flex;flex-direction:column;gap:2px}.ai-output-settings b{color:#cdd1da;font-size:10px}.ai-output-settings small{color:#6f7684;font-size:7px;white-space:nowrap}.ai-output-settings>div{display:flex;gap:4px}.ai-output-settings button{width:36px;height:27px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff09;color:#858c99;font-size:9px;cursor:pointer}.ai-output-settings button.active{border-color:#cf554f;color:#fff;background:#cd484138}.ai-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.ai-actions-grid button{position:relative;height:51px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#ffffff0b,#ffffff04);border-radius:13px;cursor:pointer;font-size:12px;font-weight:650}.ai-actions-grid button:hover:not(:disabled){border-color:#cd48418c;background:#cd48411c;transform:translateY(-1px)}.ai-actions-grid button:disabled{cursor:wait;opacity:.72}.ai-actions-grid button.active{border-color:#cd4841b8;background:linear-gradient(145deg,#cd484129,#cd48411a)}.ai-actions-grid button.action-wide{grid-column:1 / -1}.ai-actions-grid b{margin-left:auto;font-size:7px;color:#e6a5a0;border:1px solid rgba(205,72,65,.3);padding:3px 5px;border-radius:4px}.action-icon{width:23px;height:23px;display:grid;place-items:center;color:#f1cecb}.action-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ai-actions-toggle{width:100%;height:34px;margin:-5px 0 14px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff06;color:#8f96a4;font-size:9px;cursor:pointer}.ai-actions-toggle:hover{border-color:#cd48416b;color:#e9b7b3;background:#cd484112}.ai-actions-toggle i{font-size:13px;font-style:normal;transition:transform .18s ease}.ai-actions-toggle i.expanded{transform:rotate(180deg)}.notice-card{display:flex;gap:9px;align-items:flex-start;margin:13px 0 16px;padding:10px 11px;border:1px solid rgba(205,72,65,.19);border-radius:10px;background:#cd48410f}.notice-icon{flex:0 0 auto;width:17px;height:17px;display:grid;place-items:center;border:1px solid #C96A64;color:#e6a5a0;border-radius:50%;font-size:10px;font-weight:800}.notice-card p{margin:0;color:#878e9c;font-size:9px;line-height:1.55}.notice-card strong{color:#e9b9b5;display:block;margin-bottom:2px}.inpaint-panel-card{margin:-3px 0 14px;padding:13px;border:1px solid rgba(205,72,65,.28);border-radius:12px;background:linear-gradient(145deg,#cd484114,#cd48410f)}.inpaint-panel-card>strong{color:#ffd5e3;font-size:12px}.inpaint-panel-card>p{margin:6px 0 12px;color:#969caa;font-size:9px;line-height:1.6}.inpaint-panel-card .inpaint-error{margin:10px 0;padding:8px;border:1px solid rgba(255,89,111,.3);border-radius:7px;background:#ff465f17;color:#ffb7c2}.relight-panel-card{border-color:#ffbc5957;background:linear-gradient(145deg,#ffbc5917,#cd48410e)}.relight-panel-card>strong{color:#ffe0ad}.relight-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.relight-directions button{height:31px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09;color:#969daa;font-size:8px;cursor:pointer}.relight-directions button:hover,.relight-directions button.active{border-color:#ffbc599e;color:#ffe0ad;background:#ffbc591f}.segment-counts{display:flex;gap:12px;margin:-2px 0 11px;color:#9198a6;font-size:8px}.segment-counts span{display:flex;align-items:center;gap:5px}.segment-counts i{width:7px;height:7px;border-radius:50%;background:#23bf78}.segment-counts i.negative{background:#ff4f68}.replacement-color{margin:0 0 12px}.replacement-color>span{display:block;margin-bottom:7px;color:#9ca2ae;font-size:9px}.replacement-color>div{display:flex;align-items:center;gap:7px}.replacement-color>div button,.replacement-color>div label{position:relative;width:25px;height:25px;padding:0;border:2px solid #3e4450;border-radius:50%;cursor:pointer;box-shadow:0 1px 5px #0000004d}.replacement-color>div button.active{border-color:#dd7a74;box-shadow:0 0 0 3px #cd484129}.replacement-color>div label{display:grid;place-items:center;border-style:dashed;color:#b9c0cc;background:#222630}.replacement-color>div label input{position:absolute;inset:0;opacity:0;cursor:pointer}.replacement-upload{width:100%;height:52px;margin-top:10px;padding:5px 8px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;overflow:hidden;border:1px dashed rgba(205,72,65,.38);border-radius:9px;background:#cd48410e;color:#afb5c0;text-align:left;cursor:pointer}.replacement-upload:hover,.replacement-upload.selected{border-style:solid;border-color:#cd4841a6;background:#cd48411c}.replacement-upload img{width:40px;height:40px;border-radius:6px;object-fit:cover}.replacement-upload>span{min-width:0;display:flex;flex-direction:column;gap:3px}.replacement-upload b{overflow:hidden;color:#ddd4f3;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.replacement-upload small{color:#777f8e;font-size:7px}.replacement-upload i{color:#e08a84;font-size:8px;font-style:normal}.replacement-clean-toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid rgba(84,214,200,.2);border-radius:8px;background:#54d6c80e;cursor:pointer}.replacement-clean-toggle input{width:14px;height:14px;accent-color:#54d6c8}.replacement-clean-toggle>span{display:flex;flex-direction:column;gap:2px}.replacement-clean-toggle b{color:#c7eae5;font-size:8px}.replacement-clean-toggle small{color:#727e89;font-size:7px}.mask-refine-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-3px 0 11px}.mask-refine-actions button{height:28px;border:1px solid rgba(205,72,65,.27);border-radius:7px;background:#cd484114;color:#dca7a3;font-size:8px;cursor:pointer}.mask-refine-actions button:disabled{opacity:.4}.auto-segment-button{width:100%;height:32px;margin:0 0 7px;border:1px solid rgba(84,214,200,.35);border-radius:7px;background:linear-gradient(135deg,#54d6c821,#cd48411a);color:#baf4eb;font-size:9px;font-weight:700;cursor:pointer}.auto-segment-button:hover:not(:disabled){border-color:#54d6c8b3;background:linear-gradient(135deg,#54d6c830,#cd484126)}.auto-segment-button:disabled{opacity:.45;cursor:wait}.segment-primary-actions{display:grid;grid-template-columns:auto auto minmax(90px,1fr);gap:6px}.segment-primary-actions button{min-width:0;height:31px;padding:0 8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0b;color:#aab0bb;font-size:8px;cursor:pointer;white-space:nowrap}.segment-primary-actions button.primary{border:0;color:#fff;background:linear-gradient(135deg,#e16b64,#cd4841)}.segment-primary-actions button:disabled{opacity:.4;cursor:not-allowed}.segment-primary-actions.four{grid-template-columns:auto auto minmax(82px,1fr) minmax(78px,1fr)}.segment-primary-actions button.lock-subject{background:linear-gradient(135deg,#399e95,#287a73)}.reference-section{border-top:1px solid var(--line);padding-top:15px}.reference-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reference-title strong{font-size:12px}.reference-title button{border:0;background:transparent;color:#777e8d;font-size:9px;cursor:pointer}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ref-card{aspect-ratio:1.05;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;cursor:pointer;background-color:#231932;background-image:url(/product.svg);background-size:75%;background-repeat:no-repeat;background-position:center}.ref-card:hover{border-color:#cd4841}.ref-card:before{content:"";position:absolute;inset:0;z-index:0}.ref-one:before{background-color:#b4b4b4;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;opacity:.45}.ref-two:before{background:linear-gradient(135deg,#f5c5ff66,#43237226)}.ref-three:before{background:linear-gradient(145deg,#ffb28961,#501f5433)}.ref-card span{position:absolute;z-index:2;left:7px;bottom:6px;font-size:8px;background:#08090dad;padding:3px 5px;border-radius:4px}.properties-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 2px 18px}.properties-heading h2{margin:3px 0 0;font-size:19px}.properties-heading>span{color:#777e8d;font-size:10px}.preset-library{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.collage-builder{display:flex;flex-direction:column;gap:17px}.collage-section{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.collage-heading{display:flex;align-items:center;justify-content:space-between}.collage-heading>div{display:flex;align-items:center;gap:9px}.collage-heading>div>b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#f0c9c5;background:#cd48412e;font-size:9px}.collage-heading span{display:flex;flex-direction:column;gap:2px}.collage-heading strong{font-size:11px}.collage-heading small{color:#707786;font-size:8px}.collage-heading>button{height:27px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff09;color:#9fa5b2;font-size:8px;cursor:pointer}.collage-heading>button:hover{border-color:#cd48418c;color:#fff}.collage-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:184px;overflow:auto;padding-right:2px;scrollbar-width:thin}.collage-sources button{position:relative;min-width:0;height:77px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#17141f;cursor:pointer}.collage-sources button.active{border-color:#d55b54;box-shadow:0 0 0 2px #cd484124 inset}.collage-sources img{width:100%;height:100%;object-fit:cover;opacity:.72}.collage-sources button.active img{opacity:1}.collage-sources span{position:absolute;z-index:2;left:5px;right:22px;bottom:5px;overflow:hidden;color:#fff;font-size:8px;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000}.collage-sources i{position:absolute;z-index:2;right:5px;top:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#0b0c11c2;color:#aeb4c0;font-size:8px;font-style:normal}.collage-sources button.active i{color:#fff;background:#a83a35}.collage-layouts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.collage-layouts button{min-width:0;height:91px;padding:6px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;color:#afb4c0;cursor:pointer}.collage-layouts button:hover,.collage-layouts button.active{border-color:#cb514b;background:#cd48411a}.collage-layouts button.active{box-shadow:inset 0 0 0 1px #cd484126}.layout-preview{position:relative;width:100%;height:49px;overflow:hidden;border-radius:5px;background:#fff}.layout-preview i,.collage-live-preview i{position:absolute;overflow:hidden;box-sizing:border-box;font-style:normal}.layout-preview i img,.collage-live-preview i img{width:100%;height:100%;display:block;object-fit:cover;border-radius:var(--tile-radius);background:#ece9f1}.layout-preview i em,.collage-live-preview i em{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--tile-radius);background:linear-gradient(145deg,#e77a73,#7a2925);color:#ffffffc2;font-size:8px;font-style:normal}.background-black{background:#111018!important}.background-white{background:#fff!important}.background-transparent{background-color:#d4d4d8!important;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%)!important;background-size:12px 12px!important;background-position:0 0,0 6px,6px -6px,-6px 0!important}.collage-layouts b{width:100%;overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.collage-layouts small{color:#686f7e;font-size:7px}.collage-live-preview{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#fff;box-shadow:0 10px 24px #0003}.collage-live-preview>span{position:absolute;z-index:3;left:8px;bottom:7px;padding:4px 7px;border-radius:5px;background:#0a0b10b8;color:#eee;font-size:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collage-adjustments{gap:13px}.collage-backgrounds{display:flex;align-items:center;gap:6px}.collage-backgrounds>span{margin-right:auto;color:#858c9b;font-size:9px}.collage-backgrounds button{height:29px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#878e9c;font-size:8px;cursor:pointer}.collage-backgrounds button.active{color:#fff;border-color:#cb514b;background:#cd48411f}.collage-backgrounds i{width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.22)}.collage-backgrounds i.white{background:#fff}.collage-backgrounds i.black{background:#111018}.collage-backgrounds i.transparent{background-color:#ccc;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.create-collage-button{height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#d65a53,#a63631);color:#fff;font-size:13px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #fff3,0 10px 26px #9f332e33}.create-collage-button span{margin-right:8px;font-size:17px}.create-collage-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.preset-section{display:flex;flex-direction:column;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--line)}.preset-heading{display:flex;justify-content:space-between;align-items:flex-end}.preset-heading h3{margin:3px 0 0;font-size:12px}.preset-heading>span{color:#686f7d;font-size:8px}.effect-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.effect-preset-grid button{height:55px;padding:6px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#ffffff06;cursor:pointer}.effect-preset-grid button:hover{border-color:#cd48418c;background:#cd484114;transform:translateY(-1px)}.effect-preset-grid button.active,.font-preset-grid button.active{border-color:#d15a53;background:#cd484124;box-shadow:inset 0 0 0 1px #cd484124}.effect-preset-grid i{width:42px;height:41px;border-radius:7px;background-color:#2d2243}.effect-preset-grid span{min-width:0;display:flex;flex-direction:column;gap:3px}.effect-preset-grid b{font-size:10px;white-space:nowrap}.effect-preset-grid small{color:#727987;font-size:8px}.effect-preset-grid .preview-vignette i{background:radial-gradient(circle,#9d7fd0 8%,#4b386c 44%,#090611)}.effect-preset-grid .preview-soft-glow i{background:radial-gradient(circle at 32% 28%,#f5e8ff,#a06ee3 35%,#21172f 76%)}.effect-preset-grid .preview-warm-film i{background:linear-gradient(135deg,#ffb07f,#b6517d 52%,#3f286d)}.effect-preset-grid .preview-grain i{background-color:#312a3c;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.font-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.font-preset-grid button{min-width:0;height:56px;padding:7px 9px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;cursor:pointer;overflow:hidden}.font-preset-grid button:hover{border-color:#cd48418c;background:#cd484114}.font-preset-grid strong{max-width:100%;color:#eee9fa;font-size:15px;white-space:nowrap}.font-preset-grid span{color:#747b89;font-size:8px}.font-library,.font-select-wrap{position:relative}.font-select-trigger{width:100%;height:52px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d7d9df;border-radius:9px;background:#fff;color:#20232b;cursor:pointer;box-shadow:0 4px 13px #00000029}.font-select-trigger:hover,.font-select-trigger.open{border-color:#cb554f;box-shadow:0 0 0 3px #cd48411f,0 5px 16px #0000002e}.font-select-trigger:disabled{cursor:wait;opacity:.72}.font-select-trigger span{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.font-select-trigger small{color:#8a8e98;font-size:8px}.font-select-trigger b{max-width:230px;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.font-select-trigger>i{color:#a4443f;font-size:18px;font-style:normal;transition:transform .18s ease}.font-select-trigger.open>i{transform:rotate(180deg)}.font-select-menu{position:absolute;z-index:90;top:calc(100% + 6px);left:0;right:0;padding:9px;border:1px solid #d9dbe1;border-radius:11px;background:#fff;box-shadow:0 18px 45px #00000061}.font-toolbar{display:flex;flex-direction:column;gap:7px}.font-toolbar input{width:100%;height:34px;padding:0 10px;border:1px solid #d8dbe2;outline:0;border-radius:8px;background:#f7f8fa;color:#222631;font-size:10px}.font-toolbar input:focus{border-color:#cd4841a6}.font-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.font-toolbar button{height:27px;border:1px solid #dfe1e6;border-radius:6px;background:#f7f8fa;color:#727783;font-size:8px;cursor:pointer}.font-toolbar button.active{border-color:#cb554f;background:#faeceb;color:#99352f}.font-option-list{max-height:310px;margin-top:8px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#c5c8d0 transparent}.font-option-list>button{width:100%;min-width:0;height:58px;padding:7px 9px;display:grid;grid-template-columns:112px minmax(0,1fr) 15px;align-items:center;gap:9px;overflow:hidden;text-align:left;border:0;border-bottom:1px solid #eceef2;background:#fff;color:#252934;cursor:pointer}.font-option-list>button:hover,.font-option-list>button.active{background:#f3edff}.font-option-list>button:disabled{cursor:wait;opacity:.62}.font-option-list img{width:108px;height:30px;display:block;object-fit:contain;object-position:left center}.font-option-list span{min-width:0;display:flex;flex-direction:column;gap:3px}.font-option-list b{overflow:hidden;color:#343844;font-size:9px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.font-option-list small{color:#9599a3;font-size:7px}.font-option-list>button>i{color:#a33a35;font-size:11px;font-style:normal;font-weight:900}.font-library-state{grid-column:1 / -1;margin:8px 0;padding:12px;border:1px dashed var(--line);border-radius:8px;color:#777e8d;font-size:9px;text-align:center}.font-select-menu .font-library-state{color:#747984;border-color:#d9dce3}.font-select-menu .font-library-state.error{color:#d94c65;border-color:#d94c654d}.font-library-state button{margin-left:6px;border:0;background:transparent;color:#e4a09b;font-size:9px;cursor:pointer}.properties-form{display:flex;flex-direction:column;gap:14px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span,.range-field>span{color:#858c9b;font-size:10px}.field input,.field textarea{width:100%;min-width:0;height:37px;border:1px solid var(--line);outline:0;border-radius:8px;background:#ffffff09;color:#eef0f6;padding:0 10px}.field textarea{height:72px;resize:vertical;padding-top:9px}.field input:focus,.field textarea:focus{border-color:#cd4841a6}.field input[type=color]{padding:4px;cursor:pointer}.range-field{display:flex;flex-direction:column;gap:8px}.range-field>span{display:flex;justify-content:space-between}.range-field b{color:#d3c6f6;font-weight:600}.range-field input[type=range]{width:100%;accent-color:#CD4841;cursor:pointer}.property-section{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.property-section h3{margin:0;font-size:12px}.brush-settings{padding-top:0;border-top:0}.brush-title{display:flex;align-items:flex-end;justify-content:space-between}.brush-title h3{margin-top:3px}.brush-title>span{color:#6e7584;font-size:8px}.brush-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#0000002b}.brush-mode-switch.three{grid-template-columns:repeat(3,1fr)}.brush-mode-switch button{height:33px;border:0;border-radius:6px;background:transparent;color:#7f8695;font-size:10px;cursor:pointer}.brush-mode-switch button.active{color:#fff;background:linear-gradient(135deg,#cd48415c,#9f332e33);box-shadow:inset 0 0 0 1px #cd484140}.mosaic-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mosaic-style-grid button{min-width:0;padding:5px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;color:#8a909d;cursor:pointer;text-align:left}.mosaic-style-grid button:hover,.mosaic-style-grid button.active{border-color:#65d8ff80;background:#65d8ff12;color:#effcff}.mosaic-style-grid i{display:block;height:38px;margin-bottom:6px;border-radius:6px;background-color:#6f7787}.mosaic-style-grid i.classic{background-image:linear-gradient(90deg,rgba(255,255,255,.18) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.18) 50%,transparent 50%);background-size:10px 10px}.mosaic-style-grid i.blur{background:radial-gradient(circle at 32% 32%,#d2c2ff,transparent 27%),radial-gradient(circle at 68% 60%,#65d8ff,transparent 33%),#51436e;filter:blur(2px)}.mosaic-style-grid i.pattern{background-position:center;background-size:cover}.mosaic-style-grid span{display:block;min-width:0}.mosaic-style-grid b,.mosaic-style-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosaic-style-grid b{font-size:9px}.mosaic-style-grid small{margin-top:2px;color:#666e7c;font-size:7px}.pattern-library{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#00000026}.pattern-library-title{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid var(--line)}.pattern-library-title strong{font-size:9px}.pattern-library-title span{color:#656d7b;font-size:8px}.pattern-grid{max-height:148px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px;scrollbar-width:thin;scrollbar-color:#454b58 transparent}.pattern-grid button{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:1px solid transparent;border-radius:7px;background:#20242d;cursor:pointer}.pattern-grid button:hover,.pattern-grid button.active{border-color:#65d8ff;box-shadow:0 0 0 2px #65d8ff21}.pattern-grid img{width:100%;height:100%;display:block;object-fit:cover}.pattern-grid button span{position:absolute;right:2px;bottom:2px;display:none;width:13px;height:13px;border-radius:50%;place-items:center;background:#65d8ff;color:#071016;font-size:8px;font-weight:900}.pattern-grid button.active span{display:grid}.brush-colors{display:flex;align-items:center;gap:8px}.brush-colors>button,.brush-colors label{position:relative;width:27px;height:27px;flex:0 0 auto;border:2px solid #242936;border-radius:50%;cursor:pointer;box-shadow:0 2px 7px #00000040}.brush-colors>button.active{border-color:#e16b64;box-shadow:0 0 0 3px #cd48412b}.brush-colors label{display:grid;place-items:center;overflow:hidden;border-style:dashed;color:#aeb3c0;background:#ffffff09}.brush-colors label input{position:absolute;inset:0;opacity:0;cursor:pointer}.brush-colors label span{font-size:17px}.brush-preview{min-height:64px;display:flex;align-items:center;gap:13px;padding:10px 12px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background-color:#ffffff06;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:12px 12px}.brush-preview>span{flex:0 0 auto;max-width:72px;max-height:72px;border-radius:50%;box-shadow:0 0 0 1px #ffffff40,0 3px 10px #0000004d}.brush-preview>span.mosaic.classic{background:linear-gradient(90deg,#788394 50%,#a0aabc 50%),linear-gradient(#9aa4b5 50%,#626d7f 50%);background-blend-mode:multiply;background-size:9px 9px}.brush-preview>span.mosaic.blur{background:radial-gradient(circle at 30% 30%,#d6c8ff,transparent 34%),radial-gradient(circle at 70% 65%,#65d8ff,transparent 38%),#62547d;filter:blur(3px)}.brush-preview>span.eraser{border:1.5px dashed #ff9fbd;background:#ff6b9d14!important}.brush-preview p{margin:0;color:#858c9a;font-size:9px;line-height:1.5}.property-hint{margin:0;color:#747b89;font-size:10px;line-height:1.55}.property-buttons{display:flex;gap:8px;flex-wrap:wrap}.property-buttons button{min-height:34px;flex:1;border:1px solid var(--line);border-radius:8px;background:#ffffff09;color:#b5bac5;font-size:10px;cursor:pointer}.property-buttons button:hover{color:#fff;border-color:#cd484180}.property-buttons button.primary{background:#a83a35;border-color:#cd4841;color:#fff}.property-buttons button.danger{color:#ff9393}.empty-properties{padding:55px 20px;color:#707785;text-align:center;font-size:11px}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:#04060ab8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.reference-modal{width:min(520px,calc(100vw - 40px));padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#171b23;box-shadow:0 30px 80px #0000008c}.modal-heading{display:flex;justify-content:space-between;align-items:center}.modal-heading h2{margin:4px 0 0}.modal-heading>button{width:34px;height:34px;border:0;border-radius:8px;background:#ffffff0d;cursor:pointer;font-size:20px}.reference-modal>p{color:#858c9a;font-size:11px}.modal-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.modal-presets button{min-height:105px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;text-align:left;padding:13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#cd48412e,#ffffff05);cursor:pointer}.modal-presets button:hover{border-color:#cd4841;transform:translateY(-2px)}.modal-presets b{font-size:12px}.modal-presets span{color:#858c9a;font-size:9px;line-height:1.45}.toast-message{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%);min-height:44px;display:flex;align-items:center;gap:9px;padding:0 17px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#1b1f28f2;box-shadow:0 16px 45px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px}.image-context-menu{position:fixed;z-index:120;width:238px;max-height:min(520px,calc(100vh - 24px));padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#161921fa;color:#e8ebf2;box-shadow:0 20px 55px #00000085,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-context-heading{padding:7px 9px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}.image-context-heading span{color:#777e8d;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.image-context-heading strong{overflow:hidden;color:#f4f5f8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.image-context-menu button{width:100%;border:0;color:#d9dde6;background:transparent;cursor:pointer}.image-context-menu button:hover:not(:disabled){background:#ffffff13;color:#fff}.image-context-menu button:disabled{cursor:wait;opacity:.5}.context-replace{min-height:48px;padding:7px 9px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;border-radius:8px!important;text-align:left}.context-replace>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.context-replace b{font-size:11px}.context-replace small{color:#747b89;font-size:8px}.context-replace kbd{min-width:20px;padding:2px 5px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#7e8593;background:#ffffff09;font:8px/1.4 sans-serif;text-align:center}.context-icon,.context-ai-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#cd484121;color:#ef958f;font-size:15px}.context-divider{display:flex;align-items:center;gap:8px;margin:5px 7px 3px;color:#676e7c;font-size:8px}.context-divider:after{content:"";height:1px;flex:1;background:#ffffff14}.context-ai-list{max-height:min(354px,calc(100vh - 154px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b505d transparent}.context-ai-list button{min-height:34px;padding:4px 8px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border-radius:7px;text-align:left}.context-ai-list .context-ai-icon{width:23px;height:23px;font-size:10px}.context-ai-list button>span:nth-child(2){overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.context-ai-list button>small{padding:2px 4px;border:1px solid rgba(205,72,65,.24);border-radius:4px;color:#c9817c;font-size:7px;white-space:nowrap}.toast-message span{color:#66e0a7}.toast-enter-active,.toast-leave-active{transition:.22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media(max-width:1380px){.left-panel{grid-template-columns:58px 1fr}.tool-button{min-height:54px}.tool-button svg{width:21px}.right-panel{padding-inline:12px}}@media(max-width:1120px){html,body,#app{overflow:auto}.app-shell{min-width:760px;min-height:720px}.workspace{grid-template-columns:230px minmax(0,1fr)}.panel-resizer{display:none}.right-panel{position:fixed;z-index:25;right:0;top:60px;bottom:0;width:320px;box-shadow:0 25px 70px #0000008c;transform:translate(calc(100% - 26px));transition:transform .2s ease}.right-panel:focus-within,.right-panel:hover{transform:translate(0)}.right-panel:before{content:"AI / 属性";position:absolute;right:100%;top:12px;padding:10px 7px;writing-mode:vertical-rl;border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;background:#171b23;color:#e5aca7;font-size:10px}}@media(max-width:760px){html,body,#app{overflow:hidden}.app-shell{min-width:0;min-height:620px}.topbar{height:62px;grid-template-columns:auto 1fr auto;padding:0 12px;gap:8px}.brand{font-size:17px}.brand-mark{transform:scale(.86);transform-origin:left center;width:27px}.project-pill,.save-button{display:none}.history-actions{justify-self:center}.icon-text{padding:0 8px;font-size:11px}.undo-icon{font-size:20px;margin-right:3px}.download-button,.send-button{min-width:48px;height:39px;padding:0 10px;font-size:0}.workspace{display:block;height:calc(100% - 62px);padding:7px}.stage-area{height:100%}.left-panel{position:fixed;z-index:30;left:7px;top:69px;bottom:7px;width:340px;grid-template-columns:70px 1fr;box-shadow:0 25px 70px #0009;transform:translate(calc(-100% + 26px));transition:transform .2s ease}.left-panel:hover,.left-panel:focus-within{transform:translate(0)}.left-panel:after{content:"工具 / 图层";position:absolute;left:100%;top:10px;padding:10px 7px;writing-mode:vertical-rl;border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;background:#171b23;color:#e5aca7;font-size:10px}.right-panel{top:69px;bottom:7px;right:7px;width:330px}.artboard{width:min(calc(100% - 4px),calc((100vh - 210px) * var(--canvas-ratio)))}}@media(max-height:760px){.topbar{height:60px}.workspace{height:calc(100% - 60px)}.tool-button{min-height:59px}.right-panel{padding-top:15px}.ai-actions-grid button{height:44px}.notice-card{margin-block:9px 11px}}