.editor-app{background:var(--color-workspace);min-width:1024px;min-height:700px;overflow:hidden}.topbar{z-index:var(--z-topbar);border-bottom:1px solid var(--color-divider);height:72px;padding:0 var(--space-6);background:var(--color-topbar);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:relative}.topbar__section{align-items:center;gap:var(--space-2);min-width:0;display:flex}.topbar__section--right{justify-content:flex-end}.topbar__brand{margin-right:var(--space-4);font-family:var(--font-editorial);font-size:var(--font-size-brand);font-weight:400;line-height:var(--line-height-brand)}.topbar__divider{width:1px;height:24px;margin:0 var(--space-1);background:var(--color-divider)}.split-button{display:inline-flex}.split-button .ui-button{border-radius:0}.split-button .ui-button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.split-button .ui-button:last-child{border-left-color:var(--color-divider);border-radius:0 var(--radius-md) var(--radius-md) 0;width:34px;min-width:34px;padding:0}.split-button--primary .ui-button:last-child{border-left-color:#21170c38}.topbar__document{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:160px;max-width:min(34vw,480px);display:flex}.topbar__filename{align-items:center;gap:var(--space-2);max-width:100%;font-size:var(--font-size-label);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:inline-flex;overflow:hidden}.topbar__dirty-dot{background:var(--color-accent);border-radius:50%;flex:none;width:5px;height:5px}.topbar__dimensions,.topbar__placeholder{color:var(--color-text-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:var(--line-height-caption)}.topbar svg{width:18px;height:18px}.editor-workspace{background:radial-gradient(circle at 50% 42%, #ffffff06, transparent 42%), var(--color-workspace);height:calc(100vh - 72px);min-height:628px;position:relative;overflow:hidden}.render-canvas{z-index:var(--z-canvas);inset:var(--space-6);touch-action:none;width:calc(100% - 48px);height:calc(100% - 48px);position:absolute}.editor-app--loaded .render-canvas{cursor:default;width:calc(100% - 420px);height:calc(100% - 298px);bottom:274px;right:396px}.editor-app--loaded .render-canvas:active{cursor:grabbing}.canvas-tool-pill{z-index:var(--z-floating-controls);align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);max-width:calc(100% - 48px);height:52px;padding:5px var(--space-2);background:var(--color-surface);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:absolute;bottom:198px;left:calc(50% - 186px);transform:translate(-50%)}.canvas-tool-pill .ui-button{min-height:40px;padding-right:var(--space-3);padding-left:var(--space-3)}.canvas-tool-pill .ui-icon-button{padding:0}.canvas-tool-pill__zoom{font-variant-numeric:tabular-nums;min-width:72px}.canvas-tool-pill__zoom svg,.canvas-tool-pill .ui-button svg{width:16px;height:16px}.canvas-tool-pill__divider{width:1px;height:24px;margin:0 var(--space-1);background:var(--color-divider)}.canvas-tool-pill--crop{justify-content:center;min-width:500px}.canvas-tool-pill__measurement{min-width:92px;color:var(--color-text-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;text-align:center}.crop-aspect select{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:112px;height:40px;padding:0 34px 0 var(--space-3);color:var(--color-text);background:var(--color-surface-raised);font:inherit}.crop-overlay{z-index:var(--z-canvas-overlay);top:var(--space-6);bottom:274px;right:396px;left:var(--space-6);touch-action:none;position:absolute;overflow:hidden}.crop-overlay__image-frame{border:1px solid var(--color-border);position:absolute}.crop-overlay__scrim{background:var(--color-scrim);position:absolute}.crop-selection{border:1px solid var(--color-text);cursor:move;outline:none;position:absolute}.crop-grid{pointer-events:none;background:#ffffff61;position:absolute}.crop-move-handle{z-index:1;border-radius:var(--radius-pill);cursor:move;background:0 0;border:0;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-move-handle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;background:#00000047}.crop-grid--vertical{width:1px;top:0;bottom:0}.crop-grid--horizontal{height:1px;left:0;right:0}.crop-grid--one.crop-grid--vertical{left:33.333%}.crop-grid--two.crop-grid--vertical{left:66.666%}.crop-grid--one.crop-grid--horizontal{top:33.333%;left:0}.crop-grid--two.crop-grid--horizontal{top:66.666%;left:0}.crop-handle{z-index:2;cursor:nwse-resize;background:0 0;border:0;width:18px;height:18px;position:absolute}.crop-handle:after{border:1px solid var(--color-text-on-accent);background:var(--color-accent);content:"";border-radius:50%;position:absolute;inset:5px;box-shadow:0 1px 4px #00000080}.crop-handle:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.crop-handle--nw{top:-9px;left:-9px}.crop-handle--ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle--sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle--se{bottom:-9px;right:-9px}.crop-overlay__size{border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-micro);font-variant-numeric:tabular-nums;background:#000000b8;padding:4px 7px;position:absolute;transform:translateY(calc(-100% - 8px))}.source-comparison-label{z-index:var(--z-toast);top:var(--space-10);left:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-caption);font-weight:600;position:absolute}.dialog-overlay{z-index:var(--z-dialog);animation:dialog-overlay-in var(--duration-standard) var(--ease-standard);background:#000000a8;position:fixed;inset:0}.dialog-content{z-index:calc(var(--z-dialog) + 1);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(480px,100vw - 48px);color:var(--color-text);background:var(--color-surface-raised);box-shadow:var(--shadow-dialog);animation:dialog-content-in var(--duration-emphasis) var(--ease-standard);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);border-bottom:1px solid var(--color-divider);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.dialog-title,.dialog-description{margin:0}.dialog-title{font-size:var(--font-size-title);line-height:var(--line-height-title)}.dialog-description{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-caption)}.dialog-body{padding:var(--space-5)}.dialog-footer{justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--color-divider);padding:var(--space-4) var(--space-5);display:flex}.dimension-fields{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);display:grid}.field{gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-label);flex-direction:column;display:flex}.field__input-with-unit{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-workspace);align-items:center;height:44px;display:flex}.field__input-with-unit:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.field__input-with-unit input{width:100%;min-width:0;padding:0 0 0 var(--space-3);color:var(--color-text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0}.field__input-with-unit>span{padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-caption)}.field>select{border:1px solid var(--color-border);border-radius:var(--radius-md);height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-workspace)}.aspect-lock{margin-bottom:0}.aspect-lock[aria-pressed=true]{color:var(--color-accent);background:var(--color-accent-soft)}.resize-summary{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.field-error,.field-help{min-height:20px;margin:var(--space-3) 0 0;font-size:var(--font-size-caption)}.field-error{color:var(--color-error)}.field-help{color:var(--color-text-muted)}.export-options{align-items:start;gap:var(--space-5);grid-template-columns:144px minmax(0,1fr);min-height:86px;display:grid}.export-quality>span{justify-content:space-between;display:flex}.export-quality output{color:var(--color-text);font-variant-numeric:tabular-nums}.export-quality input[type=range]{width:100%;accent-color:var(--color-accent)}.export-lossless{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:26px 0 0}.export-summary{margin:var(--space-4) 0 0;border-top:1px solid var(--color-divider);gap:0;display:grid}.export-summary div{border-bottom:1px solid var(--color-divider);grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:42px;display:grid}.export-summary dt,.export-summary dd{font-size:var(--font-size-caption);margin:0}.export-summary dt{color:var(--color-text-muted)}.export-summary dd{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-success,.export-progress{align-items:center;gap:var(--space-2);min-height:40px;margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:var(--color-workspace);font-size:var(--font-size-caption);display:flex}.export-success svg{width:18px;color:var(--color-text-secondary)}.replacement-message{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.replacement-message svg{width:22px;color:var(--color-warning)}.replacement-message p{color:var(--color-text-secondary);margin:0}.replacement-message strong{color:var(--color-text)}.mcp-diagnostic{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.mcp-diagnostic>svg{width:22px;color:var(--color-text-muted)}.mcp-diagnostic--ready>svg{color:var(--color-mcp)}.mcp-diagnostic--error>svg{color:var(--color-error)}.mcp-diagnostic strong,.mcp-diagnostic p{margin:0}.mcp-diagnostic p{margin-top:var(--space-1);color:var(--color-text-secondary)}.mcp-diagnostic__summary{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:1fr 1fr;display:grid}.mcp-diagnostic__summary div{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-workspace)}.mcp-diagnostic__summary dt,.mcp-diagnostic__summary dd{font-size:var(--font-size-caption);margin:0}.mcp-diagnostic__summary dt{color:var(--color-text-muted)}.mcp-diagnostic__summary dd{margin-top:var(--space-1);color:var(--color-text);font-variant-numeric:tabular-nums}.mcp-tool-list{margin-top:var(--space-5)}.mcp-tool-list>span{color:var(--color-text-secondary);font-size:var(--font-size-label)}.mcp-tool-list ul{gap:var(--space-1) var(--space-3);max-height:180px;margin:var(--space-2) 0 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-workspace);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid;overflow:auto}.mcp-tool-list li{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-action-stack{z-index:var(--z-toast);bottom:198px;left:var(--space-12);gap:var(--space-2);flex-direction:column;width:min(380px,100% - 96px);display:flex;position:absolute}.agent-action-toast{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;min-height:54px;padding:6px 6px 6px var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.agent-action-toast__icon{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-accent);background:var(--color-accent-soft);place-content:center;display:grid}.agent-action-toast__icon svg{width:17px}.agent-action-toast>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.agent-action-toast strong{font-size:var(--font-size-label);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.agent-action-toast small{color:var(--color-text-muted);font-size:var(--font-size-micro)}@keyframes dialog-overlay-in{0%{opacity:0}}@keyframes dialog-content-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}}.inspector-frame{z-index:var(--z-floating-controls);top:var(--space-8);flex-direction:column;width:344px;max-height:calc(100% - 224px);display:flex;position:absolute;right:28px;overflow:hidden}.inspector-frame__tabs{border-bottom:1px solid var(--color-divider);flex:none;grid-template-columns:repeat(3,1fr);height:66px;display:grid}.inspector-frame__tab{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;font-weight:500;display:flex;position:relative}.inspector-frame__tab svg{stroke-width:1.5px;width:19px;height:19px}.inspector-frame__tab--active{color:var(--color-accent)}.inspector-frame__tab--active:after{right:var(--space-4);bottom:-1px;left:var(--space-4);background:var(--color-accent);content:"";height:1px;position:absolute}.inspector-frame__content{gap:var(--space-3);min-height:0;padding:var(--space-5);flex-direction:column;display:flex;overflow:auto}.ui-button.inspector-frame__close{z-index:1;top:var(--space-3);right:var(--space-3);display:none;position:absolute}.adjustment{justify-content:center;gap:var(--space-2);flex-direction:column;min-height:52px;display:flex}.adjustment--expanded{justify-content:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-divider);min-height:160px;padding-bottom:var(--space-5)}.adjustment__header{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.adjustment__label{width:max-content;color:var(--color-text-secondary);font-size:var(--font-size-label);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.adjustment--agent-changed .adjustment__label{border-radius:var(--radius-sm);background:var(--color-accent-soft);animation:agent-control-flash .6s var(--ease-standard)}@keyframes agent-control-flash{0%{box-shadow:0 0 0 5px var(--color-accent-soft)}to{box-shadow:0 0 #0000}}.adjustment__label:hover{color:var(--color-text)}.adjustment-value{border-radius:var(--radius-sm);min-width:52px;padding:2px var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-label);font-variant-numeric:tabular-nums;text-align:right;cursor:text;background:0 0;border:0}.adjustment-value:hover,.adjustment-value:focus{color:var(--color-text);background:var(--color-surface-hover)}.adjustment-value--expanded{width:150px;margin-left:calc(-1 * var(--space-1));padding:0 var(--space-1);color:var(--color-text);font-family:var(--font-editorial);font-size:var(--font-size-display-value);font-weight:400;line-height:var(--line-height-display-value);text-align:left}.adjustment--expanded .adjustment__header{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.adjustment-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:28px;display:flex;position:relative}.adjustment-slider__track{border-radius:var(--radius-pill);background:var(--color-slider-track);flex:1;height:4px;position:relative;overflow:hidden}.adjustment-slider__range{background:var(--color-accent);height:100%;position:absolute}.adjustment-slider__thumb{border:2px solid var(--color-surface-raised);background:var(--color-slider-thumb);cursor:grab;width:18px;height:18px;transition:box-shadow var(--duration-instant);border-radius:50%;display:block;box-shadow:0 1px 4px #0006}.adjustment-slider__thumb:hover{box-shadow:0 0 0 5px var(--color-accent-soft), 0 1px 4px #0006}.adjustment-slider__thumb:active{cursor:grabbing}.adjustment-slider__thumb:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.adjustment__references{color:var(--color-text-muted);font-size:var(--font-size-micro);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;display:flex}.adjustment-list{flex-direction:column;display:flex}.ui-button.inspector-launcher{z-index:var(--z-floating-controls);top:var(--space-5);right:var(--space-5);display:none;position:absolute}.preset-dock{z-index:var(--z-floating-controls);right:var(--space-12);bottom:18px;left:var(--space-12);height:156px;padding:var(--space-3);position:absolute;overflow:hidden}.preset-dock__scroller{gap:var(--space-3);scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;grid-auto-columns:152px;grid-auto-flow:column;justify-content:center;align-items:center;height:100%;display:grid;overflow:auto hidden}.preset-tile{gap:var(--space-1);min-width:0;height:112px;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-caption);text-align:center;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-rows:minmax(0,1fr) 20px;margin:0;padding:0;display:grid}.preset-tile__image{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-height:0;position:relative;overflow:hidden}.preset-tile__image img{object-fit:cover;width:100%;height:100%}.preset-tile__image>span{background:linear-gradient(110deg, transparent 30%, #ffffff09, transparent 70%), var(--color-surface-raised);background-size:220% 100%;width:100%;height:100%;animation:1.2s linear infinite thumbnail-loading;display:block}.preset-tile--selected .preset-tile__image{border:2px solid var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent-soft)}.preset-tile--selected>span:last-child{color:var(--color-accent)}.preset-tile:hover{color:var(--color-text);transform:translateY(-2px)}@keyframes thumbnail-loading{to{background-position:-220% 0}}.empty-state{z-index:var(--z-canvas-overlay);place-content:center;gap:var(--space-5);padding:var(--space-8);text-align:center;display:grid;position:absolute;inset:0}.drop-target{justify-content:center;align-items:center;gap:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);width:min(600px,100vw - 64px);min-height:320px;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:#1012158a;flex-direction:column;display:flex}.drop-target--active{border-color:var(--color-accent);background:var(--color-accent-soft)}.drop-target__icon{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-text-secondary);background:var(--color-surface-raised);place-content:center;display:grid}.drop-target__icon svg{stroke-width:1.5px;width:28px;height:28px}.drop-target h1,.drop-target p{margin:0}.drop-target h1{font-size:var(--font-size-title);line-height:var(--line-height-title)}.drop-target p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-caption)}.drop-target__privacy{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption);display:inline-flex}.drop-target__privacy svg{width:14px;height:14px;color:var(--color-accent)}.empty-state__mcp{max-width:560px;color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body);margin:0 auto}.operation-status{z-index:var(--z-toast);top:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);min-width:180px;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:var(--shadow-floating);font-size:var(--font-size-caption);display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.operation-status__line{border-radius:var(--radius-pill);background:var(--color-slider-track);width:28px;height:2px;overflow:hidden}.operation-status__line:after{border-radius:inherit;background:var(--color-accent);width:14px;height:100%;animation:progress-slide .9s var(--ease-standard) infinite alternate;content:"";display:block}.error-notice{z-index:var(--z-toast);align-items:center;gap:var(--space-3);border:1px solid color-mix(in srgb, var(--color-error) 42%, transparent);border-radius:var(--radius-lg);max-width:min(560px,100vw - 48px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-error) 9%, var(--color-surface-raised));box-shadow:var(--shadow-floating);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:fixed;top:88px;left:50%;transform:translate(-50%)}.error-notice>svg{width:20px;color:var(--color-error)}.error-notice div{flex-direction:column;min-width:0;display:flex}.error-notice strong{font-size:var(--font-size-label)}.error-notice span{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.unsupported-state{z-index:calc(var(--z-dialog) + 1);padding:var(--space-8);background:var(--color-workspace);text-align:center;place-content:center;display:none;position:fixed;inset:0}.unsupported-state svg{width:32px;height:32px;margin:0 auto var(--space-4);color:var(--color-accent)}.unsupported-state h1,.unsupported-state p{margin:0}.unsupported-state p{margin-top:var(--space-2);color:var(--color-text-secondary)}@keyframes progress-slide{0%{transform:translate(-4px)}to{transform:translate(18px)}}@media (width<=1439px){.topbar{padding:0 var(--space-5)}.topbar__brand{margin-right:var(--space-2)}.editor-app--loaded .render-canvas{width:calc(100% - 384px);right:360px}.crop-overlay{right:360px}.inspector-frame{right:var(--space-5);width:320px}.preset-dock{right:var(--space-5);left:var(--space-5)}.preset-dock__scroller{grid-auto-columns:132px;justify-content:start}.canvas-tool-pill{left:calc(50% - 160px)}}@media (width<=1099px){.editor-app--loaded .render-canvas{right:var(--space-5);width:calc(100% - 44px)}.crop-overlay{right:var(--space-5)}.canvas-tool-pill{left:50%}.canvas-tool-pill__label:not(.canvas-tool-pill__label--keep),.inspector-frame{display:none}.inspector-frame--compact-open{top:var(--space-5);right:var(--space-5);width:320px;max-height:none;display:flex;bottom:190px}.inspector-frame--compact-open .inspector-frame__tabs{padding-right:44px}.inspector-frame--compact-open .inspector-frame__close,.ui-button.inspector-launcher{display:inline-flex}}@media (width<=1023px),(height<=699px){.unsupported-state{display:grid}}@media (prefers-reduced-motion:reduce){.dialog-content,.dialog-overlay,.operation-status__line:after,.preset-tile,.preset-tile__image>span{transition:none;animation:none}.preset-tile:hover{transform:none}}