.image-editor-route{--editor-topbar-height:4.5rem;--editor-rail-width:4.2rem;--editor-canvas-padding:48px;--editor-bg:#f8f6f2;--editor-panel:#ffffffb8;--editor-panel-strong:#ffffffe0;--editor-stroke:#e1dbd6eb;--editor-grid:#dbd4cc70;--editor-shadow:0 16px 40px -28px #0f172a2e;--editor-shadow-strong:0 8px 24px -18px #0f172a24;--editor-shadow-float:0 8px 30px -4px #0000001f,0 0 1px #00000026;background:radial-gradient(circle at top left,hsl(var(--brand)/.06),transparent 18%),linear-gradient(180deg,#fcfbf8,var(--editor-bg));min-height:100vh;overflow:hidden}.dark .image-editor-route{--editor-bg:#14171f;--editor-panel:#181c25b3;--editor-panel-strong:#1d212ae0;--editor-stroke:#2e333df0;--editor-grid:#484e5b66;--editor-shadow:0 18px 40px -26px #02061785;--editor-shadow-strong:0 12px 28px -20px #020617a3;--editor-shadow-float:0 8px 30px -4px #0009,0 0 1px #0009;background:radial-gradient(circle at top left,hsl(var(--brand)/.1),transparent 18%),linear-gradient(180deg,#171b26,var(--editor-bg))}.image-editor-route .editor-shell{height:100dvh;min-height:100dvh;overflow:hidden}.image-editor-route .editor-topbar{z-index:30;min-height:var(--editor-topbar-height);border-bottom:1px solid var(--editor-stroke);background:var(--editor-panel-strong);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-topbar{background:color-mix(in srgb,var(--editor-panel-strong)96%,transparent)}}.image-editor-route .editor-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.6rem .85rem}.image-editor-route .editor-topbar__left,.image-editor-route .editor-topbar__right{align-items:center;gap:.5rem;display:flex}.image-editor-route .editor-logo-trigger{gap:.45rem;padding-inline:.85rem .7rem}.image-editor-route .editor-logo-wordmark{letter-spacing:-.06em;text-transform:lowercase;font-size:1.25rem;font-weight:700;line-height:1}.image-editor-route .editor-chrome-button,.image-editor-route .editor-subtle-button{box-shadow:none}.image-editor-route .editor-user-button-wrap button{border:1px solid hsl(var(--border)/.82);background:hsl(var(--background)/.94);width:2.25rem;height:2.25rem;box-shadow:none;border-radius:999px}.image-editor-route .editor-workspace{isolation:isolate;grid-template-columns:var(--editor-rail-width)minmax(0,1fr);height:calc(100dvh - var(--editor-topbar-height));min-height:calc(100dvh - var(--editor-topbar-height));flex:1;grid-template-rows:1fr;gap:0;display:grid;position:relative;overflow:hidden}.image-editor-route .editor-rail{z-index:10;border-right:1px solid var(--editor-stroke);background:var(--editor-panel);position:relative}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-rail{background:color-mix(in srgb,var(--editor-panel)96%,transparent)}}.image-editor-route .editor-rail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem .5rem;overflow:visible}.image-editor-route .editor-rail__stack{flex-direction:column;gap:.5rem;display:flex}.image-editor-route .editor-rail__item{position:relative}.image-editor-route .editor-rail__tool-options{z-index:25;width:min(16rem,calc(100vw - var(--editor-rail-width) - 2rem));position:absolute;top:0;left:calc(100% + .55rem)}.image-editor-route .editor-tool-label{text-align:center;font-size:.64rem;font-weight:600;line-height:1.1}.image-editor-route .editor-stage-shell{z-index:0;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.image-editor-route .editor-floating-pill{border:1px solid hsl(var(--border)/.72);background:hsl(var(--background)/.88);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}.image-editor-route .editor-floating-pill-accent{color:hsl(var(--brand))}.image-editor-route .editor-stage-backdrop{flex:1;min-height:0;padding:.95rem}.image-editor-route .editor-stage-viewport{height:100%;min-height:0;position:relative;overflow:hidden}.image-editor-route .editor-stage-frame{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable both-edges;border:1px solid var(--editor-stroke);background:linear-gradient(var(--editor-grid)1px,transparent 1px),linear-gradient(90deg,var(--editor-grid)1px,transparent 1px),linear-gradient(180deg,var(--editor-panel),var(--editor-panel-strong));border-radius:1.75rem;height:100%;min-height:0;display:block;position:relative;overflow:auto}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-stage-frame{background:linear-gradient(var(--editor-grid)1px,transparent 1px),linear-gradient(90deg,var(--editor-grid)1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--editor-panel)96%,transparent),color-mix(in srgb,var(--editor-panel-strong)94%,transparent))}}.image-editor-route .editor-stage-frame{box-shadow:var(--editor-shadow);background-size:30px 30px,30px 30px,100% 100%}.image-editor-route .editor-stage-overlay{pointer-events:none;position:absolute;inset:0}.image-editor-route .editor-stage-overlay .editor-bottom-dock{pointer-events:auto}.image-editor-route .editor-stage-image{object-fit:contain;max-width:min(100%,1080px);max-height:calc(100vh - 14rem);box-shadow:0 32px 90px -45px #0f172a6b}.dark .image-editor-route .editor-stage-image{box-shadow:0 34px 90px -48px #020617d9}.image-editor-route .editor-canvas-shell{box-sizing:border-box;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:var(--editor-canvas-padding);place-items:center;display:grid;overflow:visible}.image-editor-route .editor-canvas-stage{flex:none;position:relative}.image-editor-route .editor-canvas-element{border-radius:0;display:block;box-shadow:0 32px 90px -45px #0f172a6b}.dark .image-editor-route .editor-canvas-element{box-shadow:0 34px 90px -48px #020617d9}.image-editor-route .editor-overlay{cursor:crosshair;touch-action:none;position:absolute;inset:0;overflow:visible}.image-editor-route .editor-text-preview{white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;min-width:1px;line-height:1.2;position:absolute}.image-editor-route .editor-selection-box,.image-editor-route .editor-crop-box{box-sizing:border-box;pointer-events:none;position:absolute}.image-editor-route .editor-selection-box{border:1.5px solid hsl(var(--brand)/.95);box-shadow:0 0 0 1px hsl(var(--background)/.9);border-radius:.85rem}.image-editor-route .editor-selection-box--text{border-radius:.35rem}.image-editor-route .editor-selection-box--arrow,.image-editor-route .editor-selection-box--brushPath{border-style:dashed;border-radius:1.1rem}.image-editor-route .editor-crop-box{border:2px dashed #fffffffa;border-radius:0;box-shadow:0 0 0 9999px #0000007a}.image-editor-route .editor-selection-handle{box-sizing:border-box;border:2px solid hsl(var(--background));background:hsl(var(--brand));width:.78rem;height:.78rem;box-shadow:0 0 0 1px hsl(var(--brand)/.28),0 8px 16px -10px #0f172aa6;border-radius:999px;margin-top:-.39rem;margin-left:-.39rem;position:absolute}.image-editor-route .editor-selection-handle--arrow{width:.9rem;height:.9rem;margin-top:-.45rem;margin-left:-.45rem}.image-editor-route .editor-text-input{box-sizing:border-box;appearance:none;resize:none;overflow-wrap:break-word;white-space:pre-wrap;min-height:0;box-shadow:inset 0 0 0 1px hsl(var(--brand)/.45);background:0 0;border:0;border-radius:.35rem;margin:0;padding:0;font-family:IBM Plex Sans,Helvetica Neue,sans-serif;line-height:1.2;display:block;position:absolute;overflow:hidden}.image-editor-route .editor-text-input:focus{box-shadow:inset 0 0 0 1px hsl(var(--brand)/.75),0 0 0 3px hsl(var(--brand)/.14),var(--editor-shadow-strong);outline:none}.image-editor-route .editor-tool-panel{border:1px solid var(--editor-stroke);background:var(--editor-panel-strong);border-radius:1.15rem;flex-direction:column;align-items:stretch;gap:.85rem;width:100%;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-tool-panel{background:color-mix(in srgb,var(--editor-panel-strong)96%,transparent)}}.image-editor-route .editor-tool-panel{box-shadow:var(--editor-shadow-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.85rem .9rem}.image-editor-route .editor-tool-panel__header{flex-direction:column;gap:.2rem;min-width:0;padding-bottom:.15rem;display:flex}.image-editor-route .editor-tool-panel__title{font-size:.82rem;font-weight:700}.image-editor-route .editor-tool-panel__hint{color:hsl(var(--muted-foreground));font-size:.75rem}.image-editor-route .editor-tool-field{flex-direction:column;gap:.5rem;min-width:0;font-size:.75rem;font-weight:600;display:flex}.image-editor-route .editor-color-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.image-editor-route .editor-color-swatch{border:1px solid hsl(var(--foreground)/.12);background:var(--editor-panel);border-radius:9999px;width:2.35rem;min-width:2.35rem;height:2.35rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-color-swatch{background:color-mix(in srgb,var(--editor-panel)72%,transparent)}}.image-editor-route .editor-color-swatch{box-shadow:inset 0 0 0 1px hsl(var(--background)/.5),0 6px 16px -16px #0f172a73;padding:.2rem}.image-editor-route .editor-color-swatch:hover{border-color:hsl(var(--foreground)/.28)}.image-editor-route .editor-color-swatch--selected{border-color:hsl(var(--foreground)/.52);box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--foreground)/.18),0 10px 24px -18px hsl(var(--foreground)/.45)}.image-editor-route .editor-color-swatch--white{background:linear-gradient(135deg,#ffffffd9 0,#f3f5f6eb 100%)}.image-editor-route .editor-color-swatch__fill{border:1px solid hsl(var(--foreground)/.16);border-radius:9999px;width:100%;height:100%;display:block}.image-editor-route .editor-color-swatch__fill--white{background-image:linear-gradient(45deg,hsl(var(--foreground)/.04)25%,transparent 25%),linear-gradient(-45deg,hsl(var(--foreground)/.04)25%,transparent 25%),linear-gradient(45deg,transparent 75%,hsl(var(--foreground)/.04)75%),linear-gradient(-45deg,transparent 75%,hsl(var(--foreground)/.04)75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.image-editor-route .editor-stroke-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.image-editor-route .editor-stroke-preset{grid-template-rows:auto 1fr auto;align-items:stretch;gap:.42rem;min-width:0;min-height:5.65rem;padding:.6rem .55rem .55rem;display:grid}.image-editor-route .editor-stroke-preset--selected{border-color:hsl(var(--foreground)/.16)}.image-editor-route .editor-tool-preset__label,.image-editor-route .editor-tool-preset__value{letter-spacing:.03em;text-align:left;font-size:.68rem;font-weight:700}.image-editor-route .editor-stroke-preset__preview{background:var(--editor-panel);border-radius:9999px;align-items:center;width:100%;min-width:0;min-height:1.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-stroke-preset__preview{background:color-mix(in srgb,var(--editor-panel)68%,hsl(var(--background))32%)}}.image-editor-route .editor-stroke-preset__preview{padding-inline:.3rem}.image-editor-route .editor-stroke-preset__line{width:100%;box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.1);border-radius:9999px;display:block}.image-editor-route .editor-text-preset__preview{background:var(--editor-panel);border-radius:.85rem;place-items:center start;min-height:1.7rem;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-text-preset__preview{background:color-mix(in srgb,var(--editor-panel)68%,hsl(var(--background))32%)}}.image-editor-route .editor-text-preset__preview{padding-inline:.3rem}.image-editor-route .editor-text-preset__preview span{color:hsl(var(--foreground)/.92);font-weight:700;line-height:1}.image-editor-route .editor-tool-crop-actions{justify-content:stretch;gap:.6rem;display:flex}.image-editor-route .editor-tool-crop-actions>*{flex:1 1 0}.image-editor-route .editor-tool-toggle-row{border:1px solid hsl(var(--border)/.75);background:hsl(var(--background)/.72);border-radius:.95rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.image-editor-route .editor-tool-toggle-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.image-editor-route .editor-tool-toggle-copy strong{font-size:.78rem;line-height:1.2}.image-editor-route .editor-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:38rem;min-height:100%;margin-inline:auto;padding:2rem;display:flex}.image-editor-route .editor-empty-panel{background:var(--editor-panel);border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;width:min(100%,31rem);display:flex}@supports (color:color-mix(in lab, red, red)){.image-editor-route .editor-empty-panel{background:color-mix(in srgb,var(--editor-panel)28%,transparent)}}.image-editor-route .editor-empty-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem 1rem .9rem}.dark .image-editor-route .editor-empty-panel{background:var(--editor-panel)}@supports (color:color-mix(in lab, red, red)){.dark .image-editor-route .editor-empty-panel{background:color-mix(in srgb,var(--editor-panel)42%,transparent)}}.image-editor-route .editor-empty-state__title{letter-spacing:-.05em;white-space:nowrap;max-width:none;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:700;line-height:1.04}.image-editor-route .editor-empty-state__hint{max-width:22rem;color:hsl(var(--muted-foreground));text-wrap:balance;font-size:.95rem;line-height:1.55}.image-editor-route .editor-empty-state__actions{justify-content:center;width:100%;display:flex}.image-editor-route .editor-empty-state__actions>*{min-width:10.5rem}.image-editor-route .editor-empty-state__secondary{justify-content:center;width:100%;display:flex}.image-editor-route .editor-empty-state__extension{border-color:hsl(var(--border)/.55);background:hsl(var(--background)/.52);color:hsl(var(--muted-foreground))}.image-editor-route .editor-empty-state__extension:hover{color:hsl(var(--foreground))}.image-editor-route .editor-bottom-dock{z-index:20;border:1px solid hsl(var(--border)/.85);background:hsl(var(--background)/.98);box-shadow:var(--editor-shadow-float);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.45rem;padding:.28rem;display:inline-flex;position:fixed;bottom:1.25rem}.image-editor-route .editor-bottom-dock-left{left:calc(var(--editor-rail-width) + 1.25rem)}.image-editor-route .editor-bottom-dock-right{right:1.25rem}.image-editor-route .editor-dock-metric{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;min-width:3.5rem;padding:0 .65rem;font-size:.78rem;font-weight:600}.image-editor-route .editor-drop-overlay{background:hsl(var(--background)/.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-editor-route .editor-drop-message{border:1px solid hsl(var(--brand)/.18);background:hsl(var(--background)/.94);box-shadow:var(--editor-shadow-strong);border-radius:999px;align-items:center;gap:.65rem;padding:.9rem 1.15rem;font-size:.92rem;font-weight:600;display:inline-flex}@media (max-width:1180px){.image-editor-route .editor-topbar,.image-editor-route .editor-topbar__left,.image-editor-route .editor-topbar__right{flex-wrap:wrap}}@media (max-width:860px){.image-editor-route{--editor-canvas-padding:24px;overflow:visible}.image-editor-route .editor-shell{height:auto;min-height:100vh;overflow:visible}.image-editor-route .editor-workspace{grid-template-columns:1fr;height:auto;overflow:visible}.image-editor-route .editor-rail{border-right:0;border-bottom:1px solid var(--editor-stroke);padding:.85rem .9rem;overflow-x:auto}.image-editor-route .editor-rail__stack{flex-direction:row;width:max-content}.image-editor-route .editor-rail__tool-options{width:min(16.5rem,100vw - 2rem);margin-top:.65rem;position:static}.image-editor-route .editor-tool-button{flex:none;width:4.8rem}.image-editor-route .editor-tool-panel{width:100%;min-width:0}.image-editor-route .editor-canvas-shell{padding:var(--editor-canvas-padding)}.image-editor-route .editor-stage-frame{min-height:calc(100vh - var(--editor-topbar-height) - 10rem)}.image-editor-route .editor-bottom-dock-left{left:1.25rem}}@media (max-width:640px){.image-editor-route{--editor-canvas-padding:12px}.image-editor-route .editor-topbar{padding:.85rem .8rem}.image-editor-route .editor-logo-wordmark{font-size:1.65rem}.image-editor-route .editor-topbar-button span,.image-editor-route .editor-auth-button{font-size:.84rem}.image-editor-route .editor-stage-backdrop{padding:.75rem}.image-editor-route .editor-stage-frame{min-height:calc(100vh - var(--editor-topbar-height) - 11rem);border-radius:1.5rem}.image-editor-route .editor-empty-state{padding:1.5rem 1rem 5.5rem}.image-editor-route .editor-empty-panel{width:min(100%,24rem);padding:.85rem .85rem .8rem}.image-editor-route .editor-empty-state__title{white-space:normal;max-width:18rem;font-size:clamp(1.8rem,7vw,2.6rem)}.image-editor-route .editor-empty-state__actions>*{width:100%}.image-editor-route .editor-bottom-dock{z-index:20;bottom:.9rem}.image-editor-route .editor-bottom-dock-left{left:.9rem}.image-editor-route .editor-bottom-dock-right{right:.9rem}.image-editor-route .editor-dock-metric{padding:0 .35rem;font-size:.74rem}.image-editor-route .editor-color-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}