*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font-family:inherit}:root{--sidebar-width:340px;--too-small-card-width:360px;--transition-speed:.2s;--border-radius-sm:6px;--border-radius-md:10px;--z-base:10;--z-mid:20;--z-sticky:25;--z-pinned:30;--z-overlay:40;--z-popover:50;--z-modal:500;--z-toast:600;--z-canvas-resize:7;--z-canvas-transform:8;--z-canvas-crop:9;--z-canvas-shapes:10;--text-xs:11px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-primary:#0f0f14;--color-text-primary:#eaeaf0;--color-text-secondary:#a8a8bb;--color-text-tertiary:#72728a;--primary-accent:#a5b4fc;--color-border:#2a2a3a;--header-surface-color:#14141c;--button-secondary-bg:#22222e;--danger-color:#ef4444;--backdrop-color:#0009}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-primary:#f1efe9;--color-text-primary:#1a1a22;--color-text-secondary:#51515c;--color-text-tertiary:#86868f;--primary-accent:#4f46e5;--color-border:#e3decf;--header-surface-color:#fff;--button-secondary-bg:#f4f1ea;--danger-color:#ef4444;--backdrop-color:#0000004d}:root{--color-button-grey:var(--color-button-grey-window);--color-knob:#fff;--color-accent-text:#fff;--tooltip-text:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--mac-radius-control:6px;--mac-radius-card:10px;--mac-radius-popover:10px;--mac-radius-menu-row:5px;--mac-radius-tabs:7px;--mac-radius-button-lg:7px;--mac-radius-sheet:14px;--mac-radius-tooltip:8px;--radius-panel:28px;--mac-panel-padding:12px;--layout-gap:12px;--mac-bar-height:64px;--mac-radius-bar:32px;--mac-bar-inset:12px;--mac-bar-padding-start:16px;--mac-bar-padding-end:24px;--mac-bar-footprint:calc(var(--mac-bar-height) + 2 * var(--mac-bar-inset));--mac-mark-size:32px;--mac-radius-mark:9px;--mac-icon-size-mark:18px;--mac-text-brand:.9375rem;--mac-line-brand:1.25rem;--mac-tile-size-bar:32px;--mac-caption-gap:3px;--mac-line-caption:.75rem;--zoom-bar-height:2.5rem;--zoom-bar-padding-start:.75rem;--mac-control-height:24px;--mac-row-height:36px;--mac-row-height-hint:58px;--mac-tabs-height:32px;--mac-tab-height:28px;--mac-tabs-padding:2px;--mac-button-padding:10px;--mac-button-height-lg:28px;--mac-button-padding-lg:14px;--mac-menu-row-height:24px;--mac-popover-padding:5px;--mac-box-width-number:48px;--mac-switch-width:36px;--mac-switch-height:16px;--mac-switch-knob-width:21px;--mac-switch-knob-height:14px;--mac-switch-inset:1px;--mac-radio-size:16px;--mac-radio-dot:5px;--mac-checkbox-size:16px;--mac-checkbox-radius:4px;--mac-checkbox-tick-width:9px;--mac-checkbox-tick-height:5px;--mac-checkbox-tick-stroke:2px;--mac-popup-capsule:20px;--mac-popup-gap:13px;--mac-popup-glyph:15px;--mac-sheet-padding-x:20px;--mac-sheet-padding-top:20px;--mac-sheet-padding-bottom:16px;--mac-sheet-gap:12px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-floor:.625rem;--font-size-xs:.75rem;--font-size-label:.8125rem;--font-size-ui:.875rem;--font-size-dialog-title:.9375rem;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-hint:.6875rem;--line-height-hint:.875rem;--font-size-title:1.0625rem;--line-height-title:1.375rem;--line-height-section:1.25rem;--line-height-subsection:1.125rem;--font-weight-regular:400;--font-weight-strong:600;--font-weight-bold:700;--content-max-width:44rem;--border-width:1px;--focus-ring-width:2px;--focus-ring-offset:2px;--target-min:1.5rem;--swatch-gap:.3125rem;--swatch-size:1.375rem;--shell-bar-height:3.75rem;--shell-bar-padding-x:1.375rem;--shell-sidebar-width:15rem;--shell-tabbar-height:3.5rem;--shell-pane-min:16.75rem;--shell-pane-max:25rem;--shell-demo-phone-width:22.5rem;--shell-demo-wide-width:40rem;--shell-demo-height:17.5rem;--touch-target:2.75rem;--icon-size:1rem;--icon-stroke:2;--icon-size-bar:1.25rem;--icon-size-tab:1.5rem;--mac-textarea-min-height:4.5rem;--toast-min-height:3.75rem;--toast-padding-x:1.375rem;--progress-height:.375rem;--progress-radius:.1875rem;--progress-value-width:2.125rem;--progress-demo-width:18.75rem;--icon-size-spinner-lg:1.5rem;--skeleton-height:.875rem;--badge-height:1.25rem;--tag-close-size:1.25rem;--data-inset:.75rem;--data-card-term-width:5rem;--tag-close-inset:.125rem;--tag-gap-min:.25rem;--form-gap-part:.375rem;--form-gap-field:.75rem;--split-box-2:2.25rem;--split-box-4:3.25rem;--slider-track-height:6px;--slider-thumb-width:20px;--slider-thumb-height:16px;--slider-width:100px;--field-width-number:3rem;--sidebar-section-header-height:2.25rem;--sidebar-section-tile-size:1.5rem;--sidebar-section-open-inset-x:.25rem;--sidebar-section-open-inset-y:.125rem;--sidebar-section-hover-mix:50%;--sidebar-section-hover-darken:4%;--sidebar-section-press-darken:12%;--mac-divider-inset:2.75rem;--mac-cluster-gap:1rem;--mac-row-padding:.375rem;--dialog-max-width:25rem;--dialog-narrow-width:22.5rem;--drawer-width:22.5rem;--sheet-max-height:90dvh;--sheet-title-height:3rem;--popover-gap:.25rem;--popover-body-y:.4375rem;--tooltip-max-width:16rem;--opacity-disabled:.45;--shadow-thumb:0 0 0 1px #00000014, 0 1px 2px #0000004d;--shadow-knob-inset:inset 0 0 0 1px var(--color-control-border), 0 1px 3px #00000059;--color-scrim:#00000080;--color-overlay-light:#fff;--color-overlay-dark:#111;--overlay-handle-size:.875rem;--overlay-handle-rotate-size:.75rem;--overlay-handle-ring:2px;--overlay-hit:1.75rem;--overlay-line-core:2px;--overlay-line-edge:1px;--overlay-stem-length:1.125rem;--overlay-stem-gap:.375rem;--motion-medium:.2s;--motion-slow:.22s;--motion-spin:1s;--motion-pulse:1.6s;--press-scale:.97;--z-top:100}[data-theme=light]{--color-window:#fff;--color-card:#f7f7f7;--color-sidebar:#e8e8e8;--color-surface:#fff;--color-divider:#efefef;--color-group-open-tint:#e1ebf7;--color-control-border:#858585;--color-text:#282828;--color-text-muted:#666;--color-hint:#898989;--color-button-grey-window:#ececec;--color-button-grey-card:#e4e4e4;--color-track-off:#e0e0e0;--color-field:#fff;--color-blue:#0070f4;--color-blue-selected:#0060d0;--color-focus:#0070f4;--color-link:#0060d0;--link-press-brightness:.88;--tooltip-bg:#262626;--color-danger:#b3261e;--color-danger-pressed:#8c1d18;--shadow-sm:0 1px 2px #00000014;--shadow-pop:0 0 0 1px #0000000f, 0 10px 32px #0000002e;--shadow-window:0 24px 60px #0000002e}[data-theme=dark]{--color-window:#2a2a2a;--color-card:#313131;--color-sidebar:#1c1c1c;--color-surface:#262626;--color-divider:#373737;--color-group-open-tint:#2a3b4e;--color-control-border:#8c8c8c;--color-text:#e6e6e6;--color-text-muted:#adadad;--color-hint:#a0a09d;--color-button-grey-window:#3a3a3a;--color-button-grey-card:#414141;--color-track-off:#454342;--color-field:#2a2a2a;--color-blue:#017aff;--color-blue-selected:#0a64d6;--color-focus:#5aa2ff;--color-link:#5aa2ff;--link-press-brightness:.95;--tooltip-bg:#4a4a4a;--color-danger:#f8968e;--color-danger-pressed:#ffb0a8;--shadow-sm:0 1px 2px #0006;--shadow-pop:0 0 0 1px #ffffff1a, 0 10px 32px #0000008c;--shadow-window:0 24px 60px #0000008c}.sidebar-sections,.preset-list,.blank-canvas-fields,.drop-zone{--color-button-grey:var(--color-button-grey-card)}.side-panel,.header,.ws-toolbar,.resolution-pill-holder,.modal-container,.preset-save-card,.toast{--color-button-grey:var(--color-button-grey-window)}:root{--app-height:100vh}html,body{height:var(--app-height,100vh);overflow:hidden}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5}#root{height:100%}button,input,select,textarea,a,[role=button]{touch-action:manipulation}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.topbar{box-sizing:border-box;align-items:center;gap:var(--space-md);block-size:var(--mac-bar-height);margin:var(--mac-bar-inset) var(--mac-bar-inset) 0;padding:0 var(--mac-bar-padding-end) 0 var(--mac-bar-padding-start);border-radius:var(--mac-radius-bar);background:var(--color-surface);color:var(--color-text);z-index:var(--z-pinned);flex-wrap:nowrap;flex:none;display:flex}.topbar-start{align-items:center;gap:var(--space-md);flex:none;display:flex}.brand{align-items:center;gap:var(--space-sm);font-size:var(--mac-text-brand);line-height:var(--mac-line-brand);font-weight:var(--font-weight-strong);white-space:nowrap;flex:none;margin:0;display:flex}.brand-link{align-items:center;gap:var(--space-sm);color:inherit;text-decoration:none;display:flex}.brand-mark{inline-size:var(--mac-mark-size);block-size:var(--mac-mark-size);border-radius:var(--mac-radius-mark);background:var(--color-text);color:var(--color-surface);justify-content:center;align-items:center;display:flex}@media (width<=519.98px){.brand-name{clip:rect(0, 0, 0, 0);block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}}.topbar-actions{align-items:flex-start;gap:var(--space-md);flex-wrap:nowrap;flex:none;margin-inline-start:auto;display:flex}.tile-cell{align-items:center;gap:var(--mac-caption-gap);flex-direction:column;display:flex}.tile-group{align-items:flex-start;gap:var(--space-sm);border:0;min-inline-size:0;margin:0;padding:0;display:flex}.tile-group>.tile-cell{min-inline-size:var(--mac-tile-size-bar);flex:none}.tile-caption{font-size:var(--font-size-floor);line-height:var(--mac-line-caption);font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap}.bar-tile{box-sizing:border-box;inline-size:var(--mac-tile-size-bar);block-size:var(--mac-tile-size-bar);border-radius:var(--radius-md);background:var(--color-button-grey);color:var(--color-text);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}@media (hover:hover){.bar-tile:hover:not(:disabled){filter:brightness(.96)}}.bar-tile:active:not(:disabled){transform:scale(var(--press-scale));filter:brightness(.88)}.bar-tile[aria-pressed=true]{background:var(--color-blue);color:var(--color-accent-text)}.bar-tile:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.app-layout{background-color:var(--color-sidebar);flex-direction:column;height:100%;display:flex;overflow:hidden}.app-layout[inert]{visibility:hidden}.too-small{box-sizing:border-box;padding:var(--space-md);background-color:var(--color-sidebar);color:var(--color-text);display:flex;position:fixed;inset:0;overflow:auto}.too-small-card{gap:var(--space-sm);box-sizing:border-box;width:100%;max-width:var(--too-small-card-width);padding:var(--space-lg);border-radius:var(--mac-radius-card);background-color:var(--color-card);text-align:center;flex-direction:column;margin:auto;display:flex}.too-small-heading{font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-strong);margin:0}.too-small-text{font-size:var(--font-size-ui);line-height:var(--line-height-section);color:var(--color-text-muted);margin:0}.too-small-measured{font-size:var(--font-size-label);line-height:var(--line-height-subsection);font-weight:var(--font-weight-strong)}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{box-sizing:border-box;width:calc(var(--sidebar-width) + 2 * var(--layout-gap));min-width:calc(var(--sidebar-width) + 2 * var(--layout-gap));height:100%;padding:var(--layout-gap);background-color:var(--color-sidebar);z-index:var(--z-overlay);color:var(--color-text-primary);flex-direction:column;flex-shrink:0;display:flex}.side-panel{box-sizing:border-box;min-block-size:0;padding:var(--mac-panel-padding);border-radius:var(--radius-panel);background:var(--color-surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-scroll{scrollbar-gutter:stable;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:hidden auto}.sidebar-content{flex-direction:column;flex:1;display:flex}.sidebar-sections{border-radius:var(--mac-radius-card);background:var(--color-card)}.sidebar-section-header{justify-content:space-between;align-items:center;gap:var(--space-sm);box-sizing:border-box;inline-size:100%;min-block-size:var(--sidebar-section-header-height);padding:var(--form-gap-part) calc(var(--space-sm) + var(--space-xs));color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection);font-weight:var(--font-weight-regular);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:0;display:flex;position:relative}.sidebar-section:first-child>.sidebar-section-header[data-open=false]{border-start-start-radius:var(--mac-radius-card);border-start-end-radius:var(--mac-radius-card)}.sidebar-section:last-child>.sidebar-section-header[data-open=false]{border-end-end-radius:var(--mac-radius-card);border-end-start-radius:var(--mac-radius-card)}.sidebar-section-header:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}@media (hover:hover){.sidebar-section-header[data-open=false]:hover{background-color:color-mix(in srgb, var(--color-group-open-tint) var(--sidebar-section-hover-mix), var(--color-card))}}.sidebar-section-header[data-open=false]:active{background-color:var(--color-group-open-tint)}.sidebar-section-header[data-open=true]{inline-size:calc(100% - 2 * var(--sidebar-section-open-inset-x));min-block-size:calc(var(--sidebar-section-header-height) - 2 * var(--sidebar-section-open-inset-y));margin:var(--sidebar-section-open-inset-y) var(--sidebar-section-open-inset-x);padding:calc(var(--form-gap-part) - var(--sidebar-section-open-inset-y)) calc(var(--space-sm) + var(--space-xs) - var(--sidebar-section-open-inset-x));border-radius:var(--mac-radius-control);background-color:var(--color-group-open-tint)}@media (hover:hover){.sidebar-section-header[data-open=true]:hover{background-color:color-mix(in srgb, black var(--sidebar-section-hover-darken), var(--color-group-open-tint))}}.sidebar-section-header[data-open=true]:active{background-color:color-mix(in srgb, black var(--sidebar-section-press-darken), var(--color-group-open-tint))}.sidebar-section[data-open=false]+.sidebar-section[data-open=false]>.sidebar-section-header:before{content:"";inset-block-start:0;inset-inline:var(--mac-divider-inset) calc(var(--space-sm) + var(--space-xs));block-size:var(--border-width);background:var(--color-divider);position:absolute}.sidebar-section-tile{inline-size:var(--sidebar-section-tile-size);block-size:var(--sidebar-section-tile-size);border-radius:var(--mac-radius-control);background-color:var(--color-button-grey);flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-section-header[data-open=true] .sidebar-section-tile{background-color:var(--color-window)}.sidebar-section-header>svg{color:var(--color-hint);transition:transform var(--motion-medium) ease;flex:none;transform:rotate(-90deg)}.sidebar-section-header[data-open=true]>svg{transform:rotate(0)}[data-theme=light] .sidebar-section-header[data-open=true]>svg{color:var(--color-text-muted)}.sidebar-section-body{transition:opacity var(--motion-medium) ease, padding var(--motion-medium) ease;overflow:hidden}.sidebar-section-body[data-open=true]{opacity:1;max-height:800px;padding:0 calc(var(--space-sm) + var(--space-xs)) var(--space-sm)}.sidebar-section-body[data-open=false]{opacity:0;max-height:0;padding:0 calc(var(--space-sm) + var(--space-xs))}.sidebar-section-body[data-open=true][data-first=control]{padding-top:var(--space-xs)}.control-group{flex-direction:column;gap:10px;display:flex}.control-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.label-with-value{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.control-value{font-size:var(--text-xs);color:var(--color-text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:26px;font-weight:400}.checkbox-toggle,.option-label{align-self:flex-start;align-items:center;gap:var(--space-sm);min-block-size:var(--target-min);font-size:var(--font-size-label);color:var(--color-text-primary);cursor:pointer;display:inline-flex}:is(.checkbox-toggle,.option-label) input[type=checkbox]{appearance:none;box-sizing:border-box;inline-size:var(--target-min);block-size:var(--target-min);padding:calc((var(--target-min) - var(--mac-checkbox-size)) / 2);border-radius:var(--mac-checkbox-radius);background-color:var(--color-track-off);cursor:inherit;touch-action:manipulation;background-clip:content-box;flex:none;margin:0;position:relative}:is(.checkbox-toggle,.option-label) input[type=checkbox]:checked{background-color:var(--color-blue)}:is(.checkbox-toggle,.option-label) input[type=checkbox]:checked:after{content:"";inline-size:var(--mac-checkbox-tick-width);block-size:var(--mac-checkbox-tick-height);border-inline-start:var(--mac-checkbox-tick-stroke) solid var(--color-accent-text);border-block-end:var(--mac-checkbox-tick-stroke) solid var(--color-accent-text);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-70%)rotate(-45deg)}@media (hover:hover){:is(.checkbox-toggle,.option-label):hover input[type=checkbox]:not(:disabled){filter:brightness(.96)}}:is(.checkbox-toggle,.option-label) input[type=checkbox]:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}:is(.checkbox-toggle,.option-label):has(input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed}@media (forced-colors:active){:is(.checkbox-toggle,.option-label) input[type=checkbox]{border:var(--border-width) solid transparent;padding:calc((var(--target-min) - var(--mac-checkbox-size)) / 2 - var(--border-width));background-color:canvas}:is(.checkbox-toggle,.option-label) input[type=checkbox]:checked{background-color:highlight}:is(.checkbox-toggle,.option-label) input[type=checkbox]:checked:after{border-color:highlighttext}}.option-pill input[type=radio]{appearance:none;box-sizing:border-box;inline-size:var(--target-min);block-size:var(--target-min);padding:calc((var(--target-min) - var(--mac-radio-size)) / 2);background-color:var(--color-track-off);cursor:inherit;touch-action:manipulation;background-clip:content-box;border-radius:50%;flex:none;margin:0}.option-pill input[type=radio]:checked{background-color:var(--color-blue);background-image:radial-gradient(circle, var(--color-knob) calc(var(--mac-radio-dot) / 2), transparent calc(var(--mac-radio-dot) / 2 + .5px))}@media (hover:hover){.option-pill:hover input[type=radio]:not(:disabled){filter:brightness(.96)}}.option-pill:has(input[type=radio]:disabled){opacity:var(--opacity-disabled);cursor:not-allowed}@media (forced-colors:active){.option-pill input[type=radio]{border:var(--border-width) solid transparent;padding:calc((var(--target-min) - var(--mac-radio-size)) / 2 - var(--border-width));background-color:canvas}.option-pill input[type=radio]:checked{background-color:highlight;background-image:radial-gradient(circle, HighlightText calc(var(--mac-radio-dot) / 2), transparent calc(var(--mac-radio-dot) / 2 + .5px))}}.control-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4}.dimension-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dimension-row{justify-content:space-between;align-items:center;gap:var(--form-gap-part);min-block-size:var(--mac-row-height);display:flex;position:relative}.dimension-rows>.dimension-row+.dimension-row:before{content:"";block-size:var(--border-width);background:var(--color-divider);position:absolute;inset-block-start:0;inset-inline:0}.dimension-row-label{font-size:var(--font-size-label);line-height:var(--line-height-subsection);color:var(--color-text)}.dimension-row-value{align-items:center;gap:var(--form-gap-part);font-size:var(--font-size-ui);line-height:var(--line-height-section);font-variant-numeric:tabular-nums;color:var(--color-text);display:flex}.number-field{align-items:center;gap:var(--form-gap-part);min-width:0;display:inline-flex}.number-field-input,.custom-ratio-input{box-sizing:border-box;block-size:var(--mac-control-height);padding:0 var(--form-gap-part);border-radius:var(--mac-radius-control);background-color:var(--color-button-grey);color:var(--color-text);font-size:var(--font-size-ui);text-align:center;transition:filter var(--motion-medium) ease;border:0}.number-field-input{inline-size:var(--field-width-number)}@media (hover:hover){.number-field-input:hover:not(:disabled),.custom-ratio-input:hover:not(:disabled){filter:brightness(.96)}}.number-field-input:focus-visible,.custom-ratio-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.number-field-input:disabled,.custom-ratio-input:disabled{opacity:var(--opacity-disabled)}.number-field-unit{font-size:var(--font-size-label);line-height:var(--line-height-subsection);color:var(--color-text-muted)}.number-field-input[aria-invalid=true],.custom-ratio-input[aria-invalid=true]{box-shadow:inset 0 0 0 calc(var(--border-width) * 2) var(--color-danger)}.field-error{align-items:flex-start;gap:var(--form-gap-part);color:var(--color-danger);font-size:var(--font-size-label);line-height:var(--line-height-subsection);font-weight:var(--font-weight-strong);margin:0;display:flex}.field-error>svg{flex:none;margin-block-start:var(--border-width)}.toggle-btn{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-speed) ease, background-color var(--transition-speed) ease, color var(--transition-speed) ease;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;height:28px;padding:4px 8px;font-weight:400;display:flex;box-shadow:0 1px 2px #0000000d}@media (hover:hover){.toggle-btn:hover{border-color:var(--primary-accent);color:var(--color-text-primary)}}.dimension-inputs{align-items:center;gap:8px;min-width:0;display:flex}.dimension-input-wrap{align-items:center;gap:var(--form-gap-part);flex:86px;min-width:0;display:flex}.control-field{flex-direction:column;gap:4px;display:flex}.field-control{box-sizing:border-box;inline-size:100%;block-size:var(--mac-control-height);padding:0 var(--space-sm);border-radius:var(--mac-radius-control);background-color:var(--color-button-grey);color:var(--color-text);font-size:var(--font-size-ui);line-height:var(--line-height-section);transition:filter var(--motion-medium) ease;border:0;display:block}.field-control::placeholder{color:var(--color-text-muted);opacity:1}@media (hover:hover){.field-control:hover:not(:disabled){filter:brightness(.96)}}.field-control:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.field-control:disabled{opacity:var(--opacity-disabled)}.select-box{align-items:center;inline-size:100%;min-inline-size:0;display:flex;position:relative}.select-input{appearance:none;box-sizing:border-box;min-inline-size:0;block-size:var(--mac-control-height);padding:0 calc(var(--mac-popup-capsule) + var(--mac-popup-gap)) 0 var(--mac-button-padding);border-radius:var(--mac-radius-control);background-color:var(--color-button-grey);color:var(--color-text);font-family:inherit;font-size:var(--font-size-label);line-height:var(--line-height-subsection);cursor:pointer;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;flex:1}.select-capsule{inline-size:var(--mac-popup-capsule);block-size:calc(var(--mac-control-height) - 2 * var(--mac-switch-inset) - var(--space-xs));border-radius:var(--mac-radius-menu-row);background:var(--color-blue);pointer-events:none;position:absolute;inset-inline-end:var(--space-xs)}.select-capsule:before,.select-capsule:after{content:"";border-inline:var(--space-xs) solid transparent;position:absolute;inset-inline-start:50%;translate:-50%}.select-capsule:before{border-block-end:var(--space-xs) solid var(--color-accent-text);inset-block-start:20%}.select-capsule:after{border-block-start:var(--space-xs) solid var(--color-accent-text);inset-block-end:20%}@media (hover:hover){.select-input:hover:not(:disabled){filter:brightness(.96)}}.select-input:active:not(:disabled){transform:scale(var(--press-scale));filter:brightness(.88)}.select-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.select-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.dimension-separator{color:var(--color-text-tertiary);font-size:var(--text-xs);padding-top:0}.slider-container{flex-direction:column;gap:4px;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider{--slider-fill-end:calc(var(--slider-thumb-width) / 2 + (100% - var(--slider-thumb-width)) * var(--slider-fraction,0));appearance:none;box-sizing:border-box;width:100%;height:var(--target-min);cursor:pointer;background:0 0;outline:none;flex:none;margin:0}.slider::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:calc(var(--slider-track-height) / 2);background:linear-gradient(to right, var(--color-blue) var(--slider-fill-end), var(--color-track-off) var(--slider-fill-end))}.slider::-moz-range-track{height:var(--slider-track-height);border-radius:calc(var(--slider-track-height) / 2);background:linear-gradient(to right, var(--color-blue) var(--slider-fill-end), var(--color-track-off) var(--slider-fill-end))}.slider::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-height)) / 2);border-radius:calc(var(--slider-thumb-height) / 2);background:var(--color-knob);box-shadow:var(--shadow-thumb);cursor:pointer;transition:transform var(--transition-speed) ease;border:0}.slider::-moz-range-thumb{box-sizing:border-box;width:var(--slider-thumb-width);height:var(--slider-thumb-height);border-radius:calc(var(--slider-thumb-height) / 2);background:var(--color-knob);box-shadow:var(--shadow-thumb);cursor:pointer;transition:transform var(--transition-speed) ease;border:0}.slider:active::-webkit-slider-thumb{transform:scale(var(--press-scale))}.slider:active::-moz-range-thumb{transform:scale(var(--press-scale))}.slider:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.slider:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.slider:focus-visible::-moz-range-thumb{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media (forced-colors:active){.slider::-webkit-slider-runnable-track{outline:var(--border-width) solid CanvasText;background:linear-gradient(to right, Highlight var(--slider-fill-end), Canvas var(--slider-fill-end))}.slider::-moz-range-track{outline:var(--border-width) solid CanvasText;background:linear-gradient(to right, Highlight var(--slider-fill-end), Canvas var(--slider-fill-end))}.slider::-webkit-slider-thumb{background:canvastext}.slider::-moz-range-thumb{background:canvastext}}.color-input-sm{box-sizing:border-box;inline-size:var(--swatch-size);block-size:var(--swatch-size);border-radius:var(--mac-radius-control);cursor:pointer;appearance:none;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;background:0 0;border:0;flex-shrink:0;padding:0}.color-input-sm::-webkit-color-swatch-wrapper{padding:0}.color-input-sm::-webkit-color-swatch{border-radius:var(--mac-radius-control);box-shadow:inset 0 0 0 var(--border-width) var(--color-control-border);border:none}.color-input-sm::-moz-color-swatch{border-radius:var(--mac-radius-control);box-shadow:inset 0 0 0 var(--border-width) var(--color-control-border);border:none}@media (hover:hover){.color-input-sm:hover:not(:disabled){filter:brightness(.96)}}.color-input-sm:active:not(:disabled){transform:scale(var(--press-scale));filter:brightness(.88)}.color-input-sm:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.color-input-sm:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@media (forced-colors:active){.color-input-sm{border:var(--border-width) solid CanvasText}}.color-hex-small{font-size:var(--font-size-ui);line-height:var(--line-height-section);font-variant-numeric:tabular-nums;color:var(--color-text);text-align:left;white-space:nowrap}.btn-secondary,.btn-reset-master,.btn-primary,.btn-danger{justify-content:center;align-items:center;gap:var(--space-xs);box-sizing:border-box;min-block-size:var(--mac-control-height);padding:0 var(--mac-button-padding);border-radius:var(--mac-radius-control);background:var(--color-button-grey);color:var(--color-text);font-size:var(--font-size-label);font-weight:400;line-height:var(--line-height-subsection);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;display:flex}.btn-secondary>svg,.btn-reset-master>svg,.btn-primary>svg,.btn-danger>svg{flex-shrink:0}@media (hover:hover){.eyedropper-btn:hover:not(:disabled),.shape-tool-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.btn-reset-master:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled){filter:brightness(.96)}}.eyedropper-btn:active:not(:disabled),.shape-tool-btn:active:not(:disabled),.icon-btn:active:not(:disabled),.btn-reset-master:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-danger:active:not(:disabled){transform:scale(var(--press-scale));filter:brightness(.88)}.eyedropper-btn:focus-visible,.shape-tool-btn:focus-visible,.icon-btn:focus-visible,.btn-reset-master:focus-visible,.btn-secondary:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.eyedropper-btn:disabled,.shape-tool-btn:disabled,.icon-btn:disabled,.btn-reset-master:disabled,.btn-secondary:disabled,.btn-primary:disabled,.btn-danger:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.icon-btn,.eyedropper-btn{box-sizing:border-box;inline-size:var(--target-min);block-size:var(--target-min);border-radius:var(--mac-radius-control);background:var(--color-button-grey);color:var(--color-text);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn[aria-pressed=true],.eyedropper-btn[aria-pressed=true]{background:var(--color-blue);color:var(--color-accent-text)}.btn-primary{background:var(--color-blue);color:var(--color-accent-text);font-weight:var(--font-weight-strong)}.btn-danger{color:var(--color-danger)}.btn-danger:active:not(:disabled){color:var(--color-danger-pressed)}.canvas-workspace{background-color:var(--color-sidebar);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ws-toolbar{align-items:center;gap:var(--space-sm);box-sizing:border-box;block-size:var(--zoom-bar-height);padding:0 var(--space-sm) 0 var(--zoom-bar-padding-start);border-radius:var(--mac-radius-card);background:var(--color-window);box-shadow:var(--shadow-pop);color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection);z-index:var(--z-popover);display:flex}@media (forced-colors:active){.ws-toolbar{border:var(--border-width) solid CanvasText}}.ws-canvas{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.drop-zone{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-sm);box-sizing:border-box;margin:var(--space-md);padding:var(--space-md);border:var(--border-width) dashed var(--color-control-border);border-radius:var(--mac-radius-card);background-color:var(--color-card);color:var(--color-text);font-size:var(--font-size-label);text-align:center;flex-direction:column;flex:1;display:flex}.drop-zone.dragging{border-style:solid}.drop-zone-icon{width:var(--icon-size-tab);height:var(--icon-size-tab);color:var(--color-text-muted)}.drop-zone-heading{font-size:var(--font-size-label);line-height:var(--line-height-subsection);font-weight:var(--font-weight-strong);color:var(--color-text)}.drop-zone-text{font-size:var(--font-size-label);line-height:var(--line-height-subsection);color:var(--color-text-muted);font-weight:400}.drop-zone-actions{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.canvas-container{justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 20px 20px;display:flex;position:relative;overflow:visible}.loading-overlay{background-color:var(--header-surface-color);z-index:var(--z-base);border-radius:var(--border-radius-md);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spin-icon{color:var(--primary-accent);animation:spin var(--motion-spin) linear infinite}.shape-interaction-layer-container{position:absolute}.crop-interaction-content{pointer-events:none;position:absolute}.crop-frame-box{transform-origin:50%;pointer-events:none;position:absolute}.canvas-layer,.canvas-resize-layer{--canvas-overlay-handle:calc(var(--overlay-handle-size) / var(--workspace-zoom,1));--canvas-overlay-rotate:calc(var(--overlay-handle-rotate-size) / var(--workspace-zoom,1));--canvas-overlay-ring:calc(var(--overlay-handle-ring) / var(--workspace-zoom,1));--canvas-overlay-hit:calc(var(--overlay-hit) / var(--workspace-zoom,1));--canvas-overlay-core:calc(var(--overlay-line-core) / var(--workspace-zoom,1));--canvas-overlay-edge:calc(var(--overlay-line-edge) / var(--workspace-zoom,1));--canvas-overlay-stem:calc((var(--overlay-stem-length) - var(--overlay-stem-gap)) / var(--workspace-zoom,1));--canvas-overlay-stem-reach:calc((var(--overlay-stem-length) + var(--overlay-handle-rotate-size) / 2) / var(--workspace-zoom,1))}.crop-frame,.position-frame,.transform-box.selected:after{content:"";box-sizing:border-box;border:var(--canvas-overlay-core) solid var(--color-overlay-light);box-shadow:0 0 0 var(--canvas-overlay-edge) var(--color-overlay-dark), inset 0 0 0 var(--canvas-overlay-edge) var(--color-overlay-dark);pointer-events:none;position:absolute;inset:0}.crop-frame{--crop-scrim:#00000047;box-shadow:0 0 0 var(--canvas-overlay-edge) var(--color-overlay-dark), inset 0 0 0 var(--canvas-overlay-edge) var(--color-overlay-dark), 0 0 0 9999px var(--crop-scrim)}[data-theme=light] .crop-frame{--crop-scrim:#0f172a2e}.crop-edge{pointer-events:auto;position:absolute}.crop-edge-top,.crop-edge-bottom{cursor:ns-resize;height:var(--canvas-overlay-hit);transform:translateY(-50%)}.crop-edge-left,.crop-edge-right{cursor:ew-resize;width:var(--canvas-overlay-hit);transform:translate(-50%)}.crop-handle,.canvas-resize-handle,.position-corner,.resize-handle{box-sizing:border-box;width:var(--canvas-overlay-handle);height:var(--canvas-overlay-handle);border:var(--canvas-overlay-ring) solid var(--color-overlay-dark);background:var(--color-overlay-light);border-radius:50%}.crop-handle,.position-corner,.resize-handle{position:absolute}.crop-handle,.canvas-resize-handle,.position-corner{pointer-events:none}.crop-handle,.resize-handle{transform:translate(-50%,-50%)}.canvas-resize-edge{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute}.canvas-resize-edge-top,.canvas-resize-edge-bottom{width:calc(2 * var(--canvas-overlay-hit));height:var(--canvas-overlay-hit);cursor:ns-resize;left:50%;transform:translate(-50%,-50%)}.canvas-resize-edge-top{top:0}.canvas-resize-edge-bottom{top:100%}.canvas-resize-edge-left,.canvas-resize-edge-right{width:var(--canvas-overlay-hit);height:calc(2 * var(--canvas-overlay-hit));cursor:ew-resize;top:50%;transform:translate(-50%,-50%)}.canvas-resize-edge-left{left:0}.canvas-resize-edge-right{left:100%}.canvas-resize-handle{flex-shrink:0}.crop-rotate-handle-anchor{pointer-events:none;width:0;height:0;position:absolute;top:0;left:50%}.crop-rotate-handle,.rotate-handle{box-sizing:border-box;width:var(--canvas-overlay-rotate);height:var(--canvas-overlay-rotate);border:var(--canvas-overlay-ring) solid var(--color-overlay-dark);background:var(--color-overlay-light);top:calc(-1 * var(--canvas-overlay-stem-reach));cursor:grab;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.crop-rotate-handle{pointer-events:auto;left:0}.rotate-handle{z-index:var(--z-base);left:50%}.crop-rotate-handle:after,.rotate-handle:after{content:"";top:calc(100% + var(--canvas-overlay-ring));width:var(--canvas-overlay-core);height:var(--canvas-overlay-stem);background:var(--color-overlay-light);box-shadow:0 0 0 var(--canvas-overlay-edge) var(--color-overlay-dark);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.position-corner-tl{top:0;left:0;transform:translate(0)}.position-corner-tr{top:0;left:100%;transform:translate(-100%)}.position-corner-bl{top:100%;left:0;transform:translateY(-100%)}.position-corner-br{top:100%;left:100%;transform:translate(-100%,-100%)}.transform-box{pointer-events:auto;cursor:move;box-sizing:border-box;position:absolute}.resize-handle{z-index:var(--z-base)}.resize-handle:before,.rotate-handle:before,.crop-rotate-handle:before,.scale-corner:before{content:"";width:var(--canvas-overlay-hit);height:var(--canvas-overlay-hit);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle.nw{cursor:nwse-resize;top:0;left:0}.resize-handle.ne{cursor:nesw-resize;top:0;left:100%}.resize-handle.sw{cursor:nesw-resize;top:100%;left:0}.resize-handle.se{cursor:nwse-resize;top:100%;left:100%}.resize-handle.n{cursor:ns-resize;top:0;left:50%}.resize-handle.s{cursor:ns-resize;top:100%;left:50%}.resize-handle.e{cursor:ew-resize;top:50%;left:100%}.resize-handle.w{cursor:ew-resize;top:50%;left:0}.rotate-handle:active{cursor:grabbing}@media (forced-colors:active){.crop-frame,.position-frame,.transform-box.selected:after{border-color:canvastext}.crop-rotate-handle:after,.rotate-handle:after{background:canvastext}.crop-handle,.canvas-resize-handle,.position-corner,.resize-handle,.crop-rotate-handle,.rotate-handle{background:canvas;border-color:canvastext}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-container canvas{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 0 0 calc(var(--border-width) / var(--workspace-zoom,1)) var(--color-control-border);background-color:var(--color-window);background-image:repeating-conic-gradient(var(--color-button-grey) 0 25%, transparent 0 50%);background-size:calc(2 * var(--space-md) / var(--workspace-zoom,1)) calc(2 * var(--space-md) / var(--workspace-zoom,1))}.preset-list{margin:0 0 var(--form-gap-field);border-radius:var(--mac-radius-card);background:var(--color-card);flex-direction:column;padding:0;list-style:none;display:flex}.preset-row{align-items:center;gap:var(--form-gap-part);min-block-size:var(--mac-row-height);padding:0 var(--data-inset);display:flex;position:relative}.preset-row+.preset-row:before{content:"";inset-block-start:0;inset-inline:var(--data-inset);block-size:var(--border-width);background:var(--color-divider);position:absolute}.preset-row .field-control{flex:1;inline-size:auto;min-inline-size:0}.preset-save-row{align-items:center;gap:var(--form-gap-part);display:flex}.preset-save-card,.preset-empty{margin:0 0 var(--form-gap-field);border-radius:var(--mac-radius-card);background:var(--color-window);flex-direction:column;display:flex}.preset-save-card{gap:var(--space-sm);padding:var(--space-md) var(--data-inset)}.preset-save-title{font-size:var(--font-size-label);font-weight:var(--font-weight-bold);margin:0}.preset-save-hint,.preset-empty-body{font-size:var(--font-size-label);color:var(--color-text-muted);margin:0}.preset-empty{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);text-align:center}.preset-empty-title{font-size:var(--font-size-ui);font-weight:var(--font-weight-bold);margin:0}.preset-save-row .field-control{flex:1;inline-size:auto;min-inline-size:0}.badge{align-items:center;gap:var(--space-xs);box-sizing:border-box;block-size:var(--badge-height);padding:0 var(--space-sm);border-radius:calc(var(--badge-height) / 2);background:var(--color-button-grey);color:var(--color-text);font-size:var(--font-size-xs);line-height:var(--line-height-hint);white-space:nowrap;flex:none;display:inline-flex}.image-status{align-items:center;gap:8px;display:flex}.image-filename{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;flex:1;font-size:.7rem;font-weight:400;display:-webkit-box;overflow:hidden}[data-toast-stack]{inset:auto var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-sm);inline-size:auto;max-inline-size:var(--content-max-width);color:inherit;background:0 0;border:0;flex-direction:column;margin:0 auto;padding:0;display:none;position:fixed;overflow:visible}[data-toast-stack]:popover-open{display:flex}[data-toast-stack]:not(:popover-open):has(.toast){display:flex}body:has(.app-layout[inert]) [data-toast-stack]{display:none}.toast{align-items:center;gap:var(--space-md);min-block-size:var(--toast-min-height);padding:var(--space-sm) var(--toast-padding-x);border-radius:var(--radius-lg);background:var(--color-window);box-shadow:var(--shadow-pop);color:var(--color-text);font-size:var(--font-size-ui);line-height:var(--line-height-section);animation:toast-rise var(--motion-slow) ease-out;display:flex}.toast>svg{flex:none}.toast__text{flex:1;min-inline-size:0}.toast__actions{gap:var(--space-sm);flex:none;margin-inline-start:var(--space-xs);display:flex}.toast__actions .btn-secondary{min-block-size:var(--mac-button-height-lg);padding:0 var(--mac-button-padding-lg);border-radius:var(--mac-radius-button-lg);font-weight:var(--font-weight-strong)}@keyframes toast-rise{0%{opacity:0;transform:translateY(var(--space-sm))}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.error-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:32px;display:flex}.error-screen h2{color:var(--danger-color);font-size:1.2rem}.error-screen p{color:var(--color-text-secondary);max-width:400px;font-size:.9rem}.hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.swatch-row{gap:var(--swatch-gap);min-inline-size:0;margin:0;margin-top:var(--space-xs);border:0;flex-wrap:wrap;padding:0;display:flex}.swatch-btn{box-sizing:border-box;inline-size:var(--swatch-size);block-size:var(--swatch-size);border-radius:var(--mac-radius-control);box-shadow:inset 0 0 0 var(--border-width) var(--color-control-border);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;flex-shrink:0;padding:0}.swatch-btn[aria-pressed=true]{box-shadow:inset 0 0 0 var(--border-width) var(--color-control-border), 0 0 0 var(--focus-ring-offset) var(--color-window), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-text)}@media (hover:hover){.swatch-btn:hover:not(:disabled){filter:brightness(.96)}}.swatch-btn:active:not(:disabled){transform:scale(var(--press-scale));filter:brightness(.88)}.swatch-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.swatch-btn[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 var(--border-width) var(--color-control-border), 0 0 0 var(--focus-ring-width) var(--color-text);outline-offset:var(--focus-ring-width)}.swatch-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@media (forced-colors:active){.swatch-btn{border:var(--border-width) solid CanvasText}.swatch-btn[aria-pressed=true]{outline:var(--focus-ring-width) solid Highlight;outline-offset:var(--focus-ring-offset)}}.modal-overlay{background:var(--color-scrim);z-index:var(--z-modal);padding:var(--space-md);width:100%;max-width:none;height:100%;max-height:none;color:inherit;border:none;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.modal-overlay:not([open]){display:none}.modal-overlay::backdrop{background:0 0}.modal-container{box-sizing:border-box;inline-size:100%;max-inline-size:var(--dialog-max-width);max-block-size:100%;padding:var(--mac-sheet-padding-top) var(--mac-sheet-padding-x) var(--mac-sheet-padding-bottom);background:var(--color-window);color:var(--color-text);border-radius:var(--mac-radius-sheet);box-shadow:var(--shadow-window);gap:var(--mac-sheet-gap);flex-direction:column;display:flex;overflow-y:auto}.modal-container--narrow{max-inline-size:var(--dialog-narrow-width)}.modal-title{font-size:var(--font-size-dialog-title);line-height:var(--line-height-section);font-weight:var(--font-weight-bold);text-align:left;color:var(--color-text);margin:0}.modal-message{font-size:var(--font-size-label);line-height:var(--line-height-subsection);text-align:left;color:var(--color-text-muted);margin:0}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-xs);margin-inline:calc(-1 * var(--mac-sheet-padding-x));padding:var(--mac-sheet-gap) var(--mac-sheet-padding-x) 0;border-block-start:var(--border-width) solid var(--color-divider);flex-wrap:wrap;display:flex}.modal-footer .btn-secondary,.modal-footer .btn-primary,.modal-footer .btn-danger{min-block-size:var(--mac-button-height-lg);padding:0 var(--mac-button-padding-lg);border-radius:var(--mac-radius-button-lg);font-weight:var(--font-weight-strong)}.ws-toolbar-row{justify-content:center;align-items:center;gap:calc(var(--space-sm) - var(--space-xs));padding:var(--layout-gap);z-index:var(--z-popover);flex-wrap:wrap;flex-shrink:0;display:flex}.resolution-pill-holder{padding:var(--space-xs);border-radius:var(--mac-radius-card);display:inline-flex}.ws-toolbar-row[data-stacked] .resolution-pill-holder{background:var(--color-surface)}.resolution-pill{box-sizing:border-box;min-block-size:var(--mac-control-height);padding:0 var(--mac-button-padding);background:var(--color-button-grey);border-radius:var(--mac-radius-control);color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}@media (forced-colors:active){.ws-toolbar-row[data-stacked] .resolution-pill-holder{background:canvas}.resolution-pill{outline:var(--border-width) solid CanvasText;background:canvas}}.sidebar-band-heading{margin:var(--mac-cluster-gap) 0 var(--mac-row-padding) var(--space-xs);color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection);font-weight:var(--font-weight-strong)}.sidebar-content>.sidebar-band-heading:first-child{margin-top:var(--space-xs)}.image-source-actions{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.image-source-actions .btn-secondary{flex:1}.image-source-file{margin-bottom:var(--space-sm);padding-inline:var(--space-xs)}.blank-canvas-fields{align-items:flex-start;gap:var(--form-gap-part);padding:var(--form-gap-field) var(--space-md);border-radius:var(--mac-radius-card);background:var(--color-card);display:flex}.blank-canvas-field{gap:var(--form-gap-part);flex-direction:column;display:flex}.blank-canvas-separator{line-height:var(--mac-control-height);color:var(--color-text);margin-block-start:calc(var(--line-height-subsection) + var(--form-gap-part))}.option-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.option-grid-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid-sixths{grid-template-columns:repeat(6,minmax(0,1fr))}.option-pill{justify-content:center;align-items:center;gap:var(--space-xs);box-sizing:border-box;min-block-size:var(--mac-control-height);padding:0 var(--space-sm);border-radius:var(--mac-radius-control);background:var(--color-button-grey);color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection);cursor:pointer;transition:filter var(--motion-medium) ease;display:flex;position:relative}.option-pill input[type=radio]{appearance:none;border-radius:var(--mac-radius-control);cursor:pointer;background:0 0;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.option-pill input[type=radio]:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.option-pill input[type=radio]:checked{background:0 0}@media (hover:hover){.option-pill:hover{filter:brightness(.96)}}.option-pill:active{filter:brightness(.88)}.option-pill.is-selected{background:var(--color-blue);color:var(--color-accent-text);font-weight:var(--font-weight-strong)}.option-pill.is-selected:before{content:"";inline-size:var(--icon-size);block-size:var(--icon-size);background:currentColor;flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.color-field{gap:10px}.color-row{align-items:center;gap:8px;display:flex}.color-row-label{white-space:nowrap}.color-hex-fixed{min-inline-size:4.5rem}.gradient-controls{flex-direction:column;gap:12px;display:flex}.gradient-columns{align-items:stretch;gap:0;display:flex}.gradient-column{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.gradient-color-row{align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;display:flex}.gradient-color-row>.color-row-label{flex-basis:100%}.gradient-divider{flex-shrink:0;justify-content:center;align-items:center;width:12px;display:flex}.gradient-divider-line{background-color:var(--color-border);opacity:.3;width:1px;height:100%}.text-dim{opacity:.8}.slider-container-tight{gap:2px}.label-with-value-flush{margin-bottom:0}.control-block-spaced{margin-bottom:12px}.control-label-spaced{margin-bottom:6px}.option-grid-spaced{margin-bottom:8px}.shape-color-field{gap:6px}.shape-color-label{min-width:55px}.shape-tool-row{gap:var(--space-sm);flex-wrap:nowrap;display:flex}.shape-tool{align-items:center;gap:calc(var(--space-xs) - var(--border-width));flex-direction:column;flex:none;display:flex}.shape-tool-btn{box-sizing:border-box;inline-size:calc(var(--target-min) + var(--space-sm));block-size:calc(var(--target-min) + var(--space-sm));border-radius:var(--radius-md);background:var(--color-button-grey);color:var(--color-text);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-medium) ease, filter var(--motion-medium) ease;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.shape-tool-caption{font-size:var(--font-size-floor);font-weight:var(--font-weight-bold);line-height:var(--font-size-xs);color:var(--color-text);text-align:center;white-space:nowrap}.font-row{align-items:flex-end;gap:6px;display:flex}.font-row-grow{flex:1}.bold-toggle{opacity:.45;padding:5px 8px;font-weight:700}.bold-toggle[aria-pressed=true]{opacity:1}.text-size-input{width:60px}.control-block-offset{margin-top:12px}.inline-field{align-items:center;gap:4px;display:flex}.option-pill-full{grid-column:1/-1}.option-pill-half{grid-column:span 3}.option-pill-third{grid-column:span 2}.option-pill-compact{white-space:nowrap}.custom-ratio-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.custom-ratio-inputs{flex:auto;margin-top:0}.custom-ratio-inputs>.inline-field{flex-grow:1}.custom-ratio-label{text-transform:none;font-size:var(--font-size-xs);align-items:center;margin:0;padding:0;display:flex}.custom-ratio-input{appearance:textfield;flex:1;min-inline-size:0}.custom-ratio-input::-webkit-inner-spin-button{appearance:none;margin:0}.custom-ratio-input::-webkit-outer-spin-button{appearance:none;margin:0}.custom-ratio-suffix{text-transform:none;font-size:var(--font-size-label);line-height:var(--line-height-subsection);color:var(--color-text-muted);align-items:center;margin:0;display:flex}.custom-ratio-separator{align-items:center;margin:0;padding:0 2px;display:flex}.slider-container-spaced{margin-top:8px;margin-bottom:8px}.export-estimate{margin-top:8px}.filter-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.preset-actions-row{gap:var(--space-sm);border-block-start:var(--border-width) solid var(--color-divider);margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);display:flex}.preset-actions-row .btn-secondary{flex:1}.preset-actions-row+.field-error{margin-block-start:var(--space-sm)}.btn-align-start{align-self:flex-start}.crop-options-row{justify-content:space-between;align-items:center;display:flex}.sidebar-section-title{align-items:center;gap:var(--space-sm);display:flex}.delete-icon-btn{inline-size:var(--target-min);block-size:var(--target-min);flex-shrink:0;padding:0}.image-remove-btn{margin-left:auto}.sidebar-actions{padding:var(--mac-panel-padding) 0;margin-top:var(--space-sm);gap:var(--space-sm);border-top:var(--border-width) solid var(--color-divider);flex-direction:column;display:flex}.sidebar-action-row{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.sidebar-reset-row{justify-content:center;display:flex}.btn-reset-master{border:var(--border-width) solid var(--color-control-border);background:0 0}@media (hover:hover){.btn-reset-master:hover:not(:disabled){background:var(--color-button-grey)}}.btn-reset-master:active:not(:disabled){background:var(--color-button-grey)}.btn-reset-icon{color:var(--danger-color);flex-shrink:0}.sidebar-footer{padding:var(--mac-panel-padding) 0 0;font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.6;border-top:var(--border-width) solid var(--color-divider);text-align:center;line-height:1.5}.font-preloader{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.ws-toolbar-label{white-space:nowrap;margin:0}.ws-toolbar .ws-toolbar-label,.ws-toolbar .number-field-unit{color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-subsection)}.zoom-slider{align-items:center;width:120px;display:flex;position:relative}.zoom-slider-tick{background-color:var(--color-text-tertiary);pointer-events:none;opacity:.5;width:1px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ws-toolbar-divider{background-color:var(--color-border);width:1px;height:16px;margin:0 2px}.ws-canvas{cursor:grab}.ws-canvas.is-panning{cursor:grabbing}.canvas-wrapper{transform-origin:top;flex-direction:column;justify-content:center;align-items:center;transition:transform 50ms linear;display:flex;position:relative}.canvas-wrapper.is-panning{transition:none}.canvas-wrapper>canvas{touch-action:none;display:block}.canvas-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-layer-content{position:absolute}.position-interaction-layer,.scale-interaction-layer{z-index:var(--z-canvas-transform)}.crop-interaction-layer{z-index:var(--z-canvas-crop)}.shape-interaction-layer-container{z-index:var(--z-canvas-shapes)}.canvas-resize-layer{z-index:var(--z-canvas-resize);pointer-events:none;position:absolute}.position-drag-overlay{cursor:move;pointer-events:all;position:absolute}.scale-frame-box{pointer-events:none;position:absolute}.scale-corner{pointer-events:all}.scale-corner.position-corner-tl,.scale-corner.position-corner-br{cursor:nwse-resize}.scale-corner.position-corner-tr,.scale-corner.position-corner-bl{cursor:nesw-resize}.crop-edge-top{width:100%;top:0;left:0}.crop-edge-right{height:100%;top:0;left:100%}.crop-edge-bottom{width:100%;top:100%;left:0}.crop-edge-left{height:100%;top:0;left:0}.crop-handle{top:50%;left:50%}