@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-ui);--default-mono-font-family:"SF Mono", ui-monospace, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.flex{display:flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--background:#f3f3f3;--surface:#fcfcfc;--surface-subtle:#f6f6f6;--surface-raised:#fefefe;--ink:#1d1d1d;--ink-strong:#0f0f0f;--muted:#4d4d4d;--faint:#7d7d7d;--line:#c4c4c48f;--line-strong:#a4a4a4b8;--accent:#1d1d1d;--accent-strong:#0a0a0a;--accent-soft:#d1d1d1;--accent-pale:#ededed;--inverted-text:#fdfdfd;--shadow-color:#0b0b0b;--glass-surface:#fdfdfdad;--glass-surface-muted:#f2f2f280;--glass-highlight:#ffffffc7;--focus-ring:#1d1d1d33;--effects-width:288px;--topbar-height:68px;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif}@supports (color:lab(0% 0 0)){:root{--background:lab(95.708% 0 0);--surface:lab(99.072% -.0000298023 0);--surface-subtle:lab(96.752% 0 0);--surface-raised:lab(99.768% 0 0);--ink:lab(10.912% -.00000745058 .00000298023);--ink-strong:lab(4.4379% 0 0);--muted:lab(32.72% -.0000149012 0);--faint:lab(52.44% 0 0);--line:lab(79.12% -.0000298023 -.0000119209/.56);--line-strong:lab(67.52% -.0000298023 0/.72);--accent:lab(10.912% -.00000745058 .00000298023);--accent-strong:lab(2.75381% 0 0);--accent-soft:lab(83.76% -.0000298023 0);--accent-pale:lab(93.62% -.0000298023 0);--inverted-text:lab(99.42% -.0000298023 0);--shadow-color:lab(3.04863% 0 0);--glass-surface:lab(99.42% -.0000298023 0/.68);--glass-surface-muted:lab(95.36% 0 0/.5);--glass-highlight:lab(100% 0 0/.78);--focus-ring:lab(10.912% -.00000745058 .00000298023/.2)}}*{box-sizing:border-box}html{background:radial-gradient(circle at 16% -8%, #f8f8f8, transparent 34rem), radial-gradient(circle at 90% 2%, #ebebeb, transparent 31rem), var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (color:lab(0% 0 0)){html{background:radial-gradient(circle at 16% -8%, lab(97.68% -.0000298023 .0000119209), transparent 34rem), radial-gradient(circle at 90% 2%, lab(93.04% .0000298023 -.0000119209), transparent 31rem), var(--background)}}body{min-width:320px;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;background:0 0;margin:0;font-size:15px;overflow:hidden}button,input,select{font:inherit;accent-color:var(--accent)}button,select{color:inherit}button{-webkit-user-select:none;user-select:none}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}::selection{background:var(--accent);color:var(--inverted-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:0 0;min-height:100dvh}.topbar{z-index:10;height:var(--topbar-height);background:linear-gradient(180deg, #ffffffc2, #eeeeee8a), var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 14px 34px -30px var(--shadow-color);-webkit-backdrop-filter:blur(30px)saturate(1.55);isolation:isolate;scrollbar-width:none;border-block-end:1px solid #b1b1b157;border-block-end:1px solid lab(72.16% 0 -.0000119209/.34);justify-content:flex-start;align-items:center;padding-inline:14px;display:flex;position:relative;overflow-x:auto}@supports (color:lab(0% 0 0)){.topbar{background:linear-gradient(180deg, lab(100% 0 0/.76), lab(94.2% 0 0/.54)), var(--glass-surface)}}.topbar::-webkit-scrollbar{display:none}.topbar:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd6,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.84),#0000);height:1px;position:absolute;bottom:-1px;left:12%;right:12%}.workspace{height:calc(100dvh - var(--topbar-height));grid-template-columns:minmax(0, 1fr) var(--effects-width);background:radial-gradient(circle at 34% 28%,#fcfcfc,#0000 36rem),radial-gradient(circle at 82% 82%,#e1e1e194,#0000 30rem),#eee;background:radial-gradient(circle at 34% 28%,lab(98.84% .0000298023 -.0000119209),#0000 36rem),radial-gradient(circle at 82% 82%,lab(89.56% -.0000298023 0/.58),#0000 30rem),lab(93.968% 0 0);display:grid;overflow:hidden}.canvas-column{background:var(--canvas-bg);place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.stage{z-index:1;cursor:grab;touch-action:none;background:0 0;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.stage:active,.stage.is-dragging{cursor:grabbing}.canvas-help{z-index:4;background:linear-gradient(180deg, #ffffffa8, #e8e8e875), var(--glass-surface);color:var(--muted);box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #a4a4a41f, 0 14px 34px -24px var(--shadow-color);-webkit-backdrop-filter:blur(24px)saturate(1.5);font-family:var(--font-ui);letter-spacing:-.01em;pointer-events:none;border:1px solid #ffffffb3;border:1px solid lab(100% 0 0/.7);border-radius:15px;align-items:center;gap:16px;padding:9px 12px;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:14px;left:14px}@supports (color:lab(0% 0 0)){.canvas-help{background:linear-gradient(180deg, lab(100% 0 0/.66), lab(91.88% .0000298023 -.0000119209/.46)), var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 lab(67.52% -.0000298023 0/.12), 0 14px 34px -24px var(--shadow-color)}}.canvas-help span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mouse-icon{width:17px;height:23px;box-shadow:inset 0 -5px 8px #00000006, 0 3px 7px -6px var(--shadow-color);border:1px solid #585858bd;border:1px solid lab(37.36% .0000149012 -.00000596046/.74);border-radius:8px 8px 9px 9px;flex:0 0 17px;position:relative}@supports (color:lab(0% 0 0)){.mouse-icon{box-shadow:inset 0 -5px 8px lab(0% 0 0/.025), 0 3px 7px -6px var(--shadow-color)}}.mouse-icon:before{content:"";opacity:.38;background:linear-gradient(90deg,#0000 calc(50% - .5px),currentColor calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border-block-end:1px solid;width:100%;height:9px;position:absolute;top:0;left:0}.mouse-icon:after{content:"";background:linear-gradient(180deg, #333, var(--accent));width:7px;height:7px;position:absolute;top:1px}@supports (color:lab(0% 0 0)){.mouse-icon:after{background:linear-gradient(180deg, lab(21.12% 0 0), var(--accent))}}.mouse-icon--left:after{border-radius:6px 1px 2px;left:1px}.mouse-icon--right:after{border-radius:1px 6px 1px 2px;right:1px}.mouse-icon--scroll:after{background:repeating-linear-gradient(180deg, var(--accent-strong) 0 1px, transparent 1px 2px), var(--accent);border:1px solid #ffffffeb;border:1px solid lab(100% 0 0/.92);border-radius:999px;width:4px;height:7px;top:2px;left:50%;transform:translate(-50%)}.canvas-surface{background:var(--canvas-bg);position:absolute;inset:0;overflow:hidden}.stage-grid{opacity:.13;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-image:linear-gradient(lab(100% 0 0/.22) 1px,#0000 1px),linear-gradient(90deg,lab(100% 0 0/.22) 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.mockup-transform{width:min(76%,900px);aspect-ratio:var(--image-ratio);transform:translate3d(calc(-50% + var(--shot-x)), calc(-50% + var(--shot-y)), 0) perspective(var(--perspective)) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) rotateZ(var(--rotate-z)) scale(var(--shot-scale));transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.mockup-depth-layer,.mockup-card{pointer-events:none;backface-visibility:hidden;transition-property:border-radius,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);position:absolute}.mockup-depth-layer{border-radius:var(--shot-radius);background:linear-gradient(145deg, #ffffff12, oklch(0 0 0 / var(--depth-dim))), conic-gradient(from 45deg, var(--edge-right) 0 25%, var(--edge-bottom) 25% 50%, var(--edge-left) 50% 75%, var(--edge-top) 75% 100%);inset:0}@supports (color:lab(0% 0 0)){.mockup-depth-layer{background:linear-gradient(145deg, lab(100% 0 0/.07), oklch(0 0 0 / var(--depth-dim))), conic-gradient(from 45deg, var(--edge-right) 0 25%, var(--edge-bottom) 25% 50%, var(--edge-left) 50% 75%, var(--edge-top) 75% 100%)}}.mockup-card{border-radius:var(--shot-radius);box-shadow:calc(var(--shot-shadow) * .45) var(--shot-shadow) calc(var(--shot-shadow) * 2.15) calc(var(--shot-shadow) * -.7) #020202b8;transform:translateZ(calc(var(--shot-thickness) / 2));transform-style:preserve-3d;pointer-events:auto;background:0 0;transition-property:border-radius,box-shadow;transition-duration:.35s;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.mockup-card{box-shadow:calc(var(--shot-shadow) * .45) var(--shot-shadow) calc(var(--shot-shadow) * 2.15) calc(var(--shot-shadow) * -.7) lab(.462488% 0 0/.72)}}.image-viewport{background:0 0;position:absolute;inset:0;overflow:hidden}.shot-image{object-fit:cover;outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);width:100%;height:100%;transition-property:transform;transition-duration:.3s;position:absolute;inset:0}.focus-blur-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.blurred-overlay-image{filter:blur(var(--overlay-blur));transform-origin:50%;outline:0;transition-property:filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.018)}.focus-bokeh-overlay{z-index:3;opacity:var(--bokeh-opacity);filter:blur(.8px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 12% 20%,#ffffff85 0 .55%,#fff3 .9%,#0000 2.1%),radial-gradient(circle at 30% 74%,#ffffff6b 0 .75%,#ffffff29 1.25%,#0000 2.8%),radial-gradient(circle at 43% 16%,#fff6 0 .42%,#ffffff24 .82%,#0000 1.9%),radial-gradient(circle at 58% 82%,#ffffff7a 0 .66%,#ffffff2b 1.12%,#0000 2.5%),radial-gradient(circle at 72% 31%,#ffffff70 0 .9%,#ffffff26 1.5%,#0000 3.1%),radial-gradient(circle at 88% 69%,#ffffff80 0 .5%,#ffffff2e .92%,#0000 2.15%),radial-gradient(circle at 92% 14%,#ffffff61 0 .72%,#ffffff1f 1.18%,#0000 2.65%);background:radial-gradient(circle at 12% 20%,lab(100% 0 0/.52) 0 .55%,lab(100% 0 0/.2) .9%,#0000 2.1%),radial-gradient(circle at 30% 74%,lab(100% 0 0/.42) 0 .75%,lab(100% 0 0/.16) 1.25%,#0000 2.8%),radial-gradient(circle at 43% 16%,lab(100% 0 0/.4) 0 .42%,lab(100% 0 0/.14) .82%,#0000 1.9%),radial-gradient(circle at 58% 82%,lab(100% 0 0/.48) 0 .66%,lab(100% 0 0/.17) 1.12%,#0000 2.5%),radial-gradient(circle at 72% 31%,lab(100% 0 0/.44) 0 .9%,lab(100% 0 0/.15) 1.5%,#0000 3.1%),radial-gradient(circle at 88% 69%,lab(100% 0 0/.5) 0 .5%,lab(100% 0 0/.18) .92%,#0000 2.15%),radial-gradient(circle at 92% 14%,lab(100% 0 0/.38) 0 .72%,lab(100% 0 0/.12) 1.18%,#0000 2.65%);transition-property:opacity,filter;transition-duration:.24s;transition-timing-function:cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.effects-panel{background:linear-gradient(180deg, #ffffffad, #eeeeee80), var(--glass-surface)}@supports (color:lab(0% 0 0)){.effects-panel{background:linear-gradient(180deg, lab(100% 0 0/.68), lab(94.2% 0 0/.5)), var(--glass-surface)}}.header-actions,.section-heading,.field-group,.focus-field-heading{align-items:center;display:flex}.focus-field p{margin:0}.section-heading,.field-label,.range-label,.focus-field-heading,.focus-field p{font-family:var(--font-ui)}.header-actions{flex:none;justify-content:flex-start;gap:7px}.navbar-identity{color:var(--muted);text-align:end;white-space:nowrap;flex:none;gap:4px;margin-inline-start:auto;padding-inline:20px 4px;display:grid;position:relative}.navbar-identity:before{content:"";background:linear-gradient(180deg, transparent, var(--line-strong), transparent);width:1px;position:absolute;inset-block:3px;inset-inline-start:0}.navbar-title{color:var(--ink-strong);letter-spacing:-.025em;text-shadow:0 1px #ffffffb3;text-shadow:0 1px lab(100% 0 0/.7);font-size:14px;font-weight:650;line-height:1.05}.navbar-byline{letter-spacing:-.01em;font-size:12px;line-height:1.15}.navbar-byline a{color:var(--ink-strong);text-decoration-skip-ink:auto;text-underline-offset:2px;align-items:baseline;text-decoration:none;display:inline-flex}.navbar-byline a:hover{text-decoration-line:underline;text-decoration-thickness:from-font}.navbar-byline a:after{content:"↗";opacity:.45;margin-inline-start:3px;font-size:9px;font-weight:600;line-height:1;transition-property:opacity,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(-1px)}.navbar-byline a:hover:after,.navbar-byline a:focus-visible:after{opacity:1;transform:translate(1px,-2px)}.navbar-byline strong{font-weight:700}.quiet-button,.primary-button,.secondary-button,.section-heading button,.blur-grid button{cursor:pointer;border:0;border-radius:10px;min-height:40px;transition-property:background-color,color,box-shadow,transform,opacity;transition-duration:.18s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.quiet-button:active,.primary-button:active,.secondary-button:active,.blur-grid button:active{transform:scale(.96)}.quiet-button,.primary-button,.secondary-button{letter-spacing:-.012em;flex:1;justify-content:center;align-items:center;gap:6px;padding-inline:11px 9px;font-size:12px;font-weight:600;display:inline-flex}.header-actions .quiet-button,.header-actions .primary-button,.header-actions .secondary-button{flex:none}.quiet-button{color:var(--muted);background:#ffffff47;background:lab(100% 0 0/.28)}.quiet-button:hover,.secondary-button:hover{color:var(--accent-strong);box-shadow:inset 0 1px 0 #ffffffeb, 0 8px 18px -16px var(--shadow-color);background:#ffffffb8;background:lab(100% 0 0/.72)}@supports (color:lab(0% 0 0)){.quiet-button:hover,.secondary-button:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.92), 0 8px 18px -16px var(--shadow-color)}}.secondary-button{color:var(--ink);box-shadow:inset 0 1px 0 #ffffffe0, inset 0 0 0 1px #ababab4d, 0 7px 16px -16px var(--shadow-color);-webkit-backdrop-filter:blur(16px)saturate(1.4);background:linear-gradient(#ffffffb3,#ebebeb70);background:linear-gradient(lab(100% 0 0/.7),lab(93.04% .0000298023 -.0000119209/.44))}@supports (color:lab(0% 0 0)){.secondary-button{box-shadow:inset 0 1px 0 lab(100% 0 0/.88), inset 0 0 0 1px lab(69.84% 0 0/.3), 0 7px 16px -16px var(--shadow-color)}}.primary-button{background:linear-gradient(180deg, #333, var(--accent));min-width:112px;color:var(--inverted-text);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #03030347,0 9px 20px -12px #0a0a0a94;box-shadow:inset 0 1px lab(100% 0 0/.38),inset 0 -1px lab(.903296% 0 0/.28),0 9px 20px -12px lab(2.75381% 0 0/.58)}@supports (color:lab(0% 0 0)){.primary-button{background:linear-gradient(180deg, lab(21.12% 0 0), var(--accent))}}.primary-button:hover{background:linear-gradient(#262626,#0b0b0b);background:linear-gradient(lab(15.32% 0 0),lab(3.04863% 0 0));box-shadow:inset 0 1px #ffffff70,inset 0 -1px #02020238,0 12px 24px -12px #0a0a0a9e;box-shadow:inset 0 1px lab(100% 0 0/.44),inset 0 -1px lab(.462488% 0 0/.22),0 12px 24px -12px lab(2.75381% 0 0/.62)}.primary-button:disabled{cursor:wait;opacity:.7}.export-modal-layer{z-index:50;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(18px)saturate(1.18);pointer-events:none;background:#12121247;background:lab(5.26802% 0 0/.28);place-items:center;padding:16px;transition:opacity .15s ease-in,visibility 0s linear .15s;display:grid;position:fixed;inset:0}.export-modal-layer.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-duration:.22s,0s;transition-delay:0s;transition-timing-function:cubic-bezier(.2,0,0,1),linear}.export-dialog{background:linear-gradient(145deg, #fffc, #e8e8e8ad), var(--glass-surface);opacity:0;filter:blur(4px);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1000px,100vw - 32px);max-height:calc(100dvh - 32px);transition-property:opacity,filter,transform;transition-duration:.15s;transition-timing-function:ease-in;display:grid;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:inset 0 1px #ffffffeb,0 0 0 1px #00000014,0 24px 80px -24px #0202027a,0 8px 24px -16px #02020261;box-shadow:inset 0 1px lab(100% 0 0/.92),0 0 0 1px lab(0% 0 0/.08),0 24px 80px -24px lab(.462488% 0 0/.48),0 8px 24px -16px lab(.462488% 0 0/.38)}@supports (color:lab(0% 0 0)){.export-dialog{background:linear-gradient(145deg, lab(100% 0 0/.8), lab(91.88% .0000298023 -.0000119209/.68)), var(--glass-surface)}}.export-modal-layer.is-open .export-dialog{opacity:1;filter:blur();transition-duration:.24s;transition-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)scale(1)}.export-dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 20px 16px;display:flex}.export-dialog-header h2,.export-dialog-header p,.export-dialog-footer p,.export-preview-area>p{margin:0}.export-dialog-header h2{color:var(--ink-strong);letter-spacing:-.035em;font-size:18px;font-weight:680;line-height:1.2}.export-dialog-header p{color:var(--muted);letter-spacing:-.012em;margin-block-start:5px;font-size:12px;line-height:1.45}.export-close-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:#ffffff75;background:lab(100% 0 0/.46);border:0;border-radius:50%;flex:0 0 40px;place-items:center;font-size:21px;font-weight:400;line-height:1;transition-property:background-color,color,box-shadow,transform,opacity;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;box-shadow:inset 0 1px #fffc,0 0 0 1px #0000000e;box-shadow:inset 0 1px lab(100% 0 0/.8),0 0 0 1px lab(0% 0 0/.055)}.export-close-button:hover{color:var(--ink-strong);box-shadow:inset 0 1px 0 #fffffff0, 0 0 0 1px #00000014, 0 8px 18px -15px var(--shadow-color);background:#ffffffc7;background:lab(100% 0 0/.78)}@supports (color:lab(0% 0 0)){.export-close-button:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.94), 0 0 0 1px lab(0% 0 0/.08), 0 8px 18px -15px var(--shadow-color)}}.export-close-button:active{transform:scale(.96)}.export-close-button:disabled{cursor:wait;opacity:.5}.export-dialog-body{grid-template-columns:minmax(0,1fr) 320px;gap:18px;min-height:0;padding:0 20px 20px;display:grid;overflow:auto}.export-preview-area{background:radial-gradient(circle at 22% 14%,#ffffffa8,#0000 42%),#d7d7d7b8;background:radial-gradient(circle at 22% 14%,lab(100% 0 0/.66),#0000 42%),lab(86.08% -.0000298023 0/.72);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:360px;padding:18px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,inset 0 0 0 1px #0000000e,inset 0 18px 42px -38px #0000006b;box-shadow:inset 0 1px lab(100% 0 0/.78),inset 0 0 0 1px lab(0% 0 0/.055),inset 0 18px 42px -38px lab(0% 0 0/.42)}.export-preview-frame{background:var(--surface-subtle);flex:0 auto;width:100%;max-width:100%;height:auto;max-height:min(52dvh,510px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 22px 44px -28px #02020294;box-shadow:0 0 0 1px lab(0% 0 0/.1),0 22px 44px -28px lab(.462488% 0 0/.58)}.export-preview-canvas{width:100%;height:100%}.export-preview-area>p{color:var(--muted);letter-spacing:-.01em;font-size:11px;font-weight:550}.export-options{flex-direction:column;gap:22px;min-width:0;padding-block:2px;display:flex}.export-option-heading{color:var(--ink);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:12px;margin-block-end:10px;font-size:12px;font-weight:620;display:flex}.export-option-heading output{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;font-weight:550}.export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.export-format-grid button,.export-resolution-list button{color:var(--muted);cursor:pointer;border:0;transition-property:background-color,color,box-shadow,transform;transition-duration:.17s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:inset 0 1px #ffffff9e,0 0 0 1px #0000000f;box-shadow:inset 0 1px lab(100% 0 0/.62),0 0 0 1px lab(0% 0 0/.06)}.export-format-grid button{text-align:start;background:#ffffff4d;background:lab(100% 0 0/.3);border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:64px;padding:9px 10px;display:grid}.export-format-grid button:hover,.export-resolution-list button:hover{color:var(--ink);box-shadow:inset 0 1px 0 #ffffffe0, 0 0 0 1px #00000016, 0 8px 18px -16px var(--shadow-color);background:#ffffffa8;background:lab(100% 0 0/.66)}@supports (color:lab(0% 0 0)){.export-format-grid button:hover,.export-resolution-list button:hover{box-shadow:inset 0 1px 0 lab(100% 0 0/.88), 0 0 0 1px lab(0% 0 0/.085), 0 8px 18px -16px var(--shadow-color)}}.export-format-grid button.is-selected,.export-resolution-list button.is-selected{color:var(--ink-strong);box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px #0000001a, 0 7px 16px -15px var(--shadow-color);background:linear-gradient(#ffffffe6,#f2f2f2b8);background:linear-gradient(lab(100% 0 0/.9),lab(95.36% 0 0/.72))}@supports (color:lab(0% 0 0)){.export-format-grid button.is-selected,.export-resolution-list button.is-selected{box-shadow:inset 0 1px 0 lab(100% 0 0), inset 0 0 0 1px lab(0% 0 0/.1), 0 7px 16px -15px var(--shadow-color)}}.export-format-grid button:active,.export-resolution-list button:active{transform:scale(.96)}.export-ratio-mark{opacity:.64;background:#ffffff7a;background:lab(100% 0 0/.48);border-radius:3px;width:23px;max-height:30px;display:block;box-shadow:inset 0 0 0 1px}.export-format-copy,.export-resolution-list button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.export-format-copy strong,.export-resolution-list strong{letter-spacing:-.012em;font-size:11px;font-weight:650;line-height:1.2}.export-format-copy small,.export-resolution-list small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.25;overflow:hidden}.export-resolution-list{gap:7px;display:grid}.export-resolution-list button{text-align:start;background:#ffffff4d;background:lab(100% 0 0/.3);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 11px;display:flex}.export-resolution-list output{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:-.015em;flex:none;font-size:10px;font-weight:600}.export-dialog-footer{background:#ffffff3d;background:lab(100% 0 0/.24);border-block-start:1px solid #a4a4a43d;border-block-start:1px solid lab(67.52% -.0000298023 0/.24);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 20px;display:flex;box-shadow:inset 0 1px #ffffff85;box-shadow:inset 0 1px lab(100% 0 0/.52)}.export-dialog-footer>p{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:11px;font-weight:550}.export-dialog-footer>div{align-items:center;gap:8px;display:flex}.export-dialog-footer .secondary-button,.export-dialog-footer .primary-button{flex:none}.export-download-button{min-width:136px;text-decoration:none}.export-status.is-error{max-width:360px;color:var(--ink)}.effects-panel{z-index:2;width:100%;min-width:0;height:100%;box-shadow:inset 1px 0 0 #ffffff9e, -18px 0 44px -42px var(--shadow-color);-webkit-backdrop-filter:blur(32px)saturate(1.5);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;isolation:isolate;border-inline-start:1px solid #b1b1b157;border-inline-start:1px solid lab(72.16% 0 -.0000119209/.34);position:relative;overflow:auto}@supports (color:lab(0% 0 0)){.effects-panel{box-shadow:inset 1px 0 0 lab(100% 0 0/.62), -18px 0 44px -42px var(--shadow-color)}}.effects-panel:before{z-index:-1;top:var(--topbar-height);right:calc(var(--effects-width) - 1px);content:"";pointer-events:none;background:linear-gradient(#fffc,#fff3);background:linear-gradient(lab(100% 0 0/.8),lab(100% 0 0/.2));width:1px;position:fixed;bottom:0}.panel-section{border-block-end:1px solid #b1b1b14d;border-block-end:1px solid lab(72.16% 0 -.0000119209/.3);padding:16px 14px}.panel-section:last-child{border-block-end:0}.section-heading{min-height:18px;color:var(--ink);letter-spacing:-.015em;justify-content:space-between;margin-block-end:12px;font-size:12px;font-weight:600}.section-heading button{min-height:28px;color:var(--accent-strong);font-family:var(--font-ui);background:0 0;padding-inline:8px;font-size:11px;font-weight:500}.section-heading button:hover{color:var(--accent-strong);background:var(--accent-pale)}.section-state{color:var(--faint);font-size:10px;font-weight:500}.field-group{justify-content:space-between;align-items:center;gap:12px;min-height:34px}.field-group+.field-group{border-block-start:1px solid var(--line);margin-block-start:7px;padding-block-start:7px}.field-label{color:var(--muted);letter-spacing:-.01em;font-size:11px;font-weight:500}.swatch-row{gap:6px;display:flex}.color-swatch{cursor:pointer;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000014, 0 0 0 1px #0000001f, 0 1px 2px #00000021, 0 4px 9px -7px var(--shadow-color);border:1px solid #ffffffad;border:1px solid lab(100% 0 0/.68);border-radius:999px;transition-property:box-shadow,scale;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1);position:relative}@supports (color:lab(0% 0 0)){.color-swatch{box-shadow:inset 0 0 0 1px lab(0% 0 0/.08), 0 0 0 1px lab(0% 0 0/.12), 0 1px 2px lab(0% 0 0/.13), 0 4px 9px -7px var(--shadow-color)}}.color-swatch.is-active{box-shadow:inset 0 0 0 1px #ffffff80, 0 0 0 3px var(--surface), 0 0 0 5px #1d1d1d9e, 0 4px 10px -5px #0a0a0a6b;scale:.88}@supports (color:lab(0% 0 0)){.color-swatch.is-active{box-shadow:inset 0 0 0 1px lab(100% 0 0/.5), 0 0 0 3px var(--surface), 0 0 0 5px lab(10.912% -.00000745058 .00000298023/.62), 0 4px 10px -5px lab(2.75381% 0 0/.42)}}.color-swatch:active{scale:.96}.color-swatch.is-active:active{scale:.84}.range-control{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:40px;padding-block:2px;display:grid}.analog-control-grid{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.range-label{color:var(--muted);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;padding-inline:0;font-size:11px;font-weight:500;overflow:hidden}.range-interface{align-items:center;gap:9px;min-width:0;display:flex}.analog-rail{flex:auto;place-items:center;width:auto;min-width:0;height:40px;display:grid;position:relative}.analog-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0;position:relative}.analog-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--range-position), #b7b7b79e var(--range-position) 100%);border-radius:999px;height:20px;box-shadow:inset 0 1px 2px #0b0b0b2e,inset 0 -1px #ffffff57,0 1px #ffffffa8;box-shadow:inset 0 1px 2px lab(3.04863% 0 0/.18),inset 0 -1px lab(100% 0 0/.34),0 1px lab(100% 0 0/.66)}@supports (color:lab(0% 0 0)){.analog-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--range-position), lab(74.48% -.0000298023 0/.62) var(--range-position) 100%)}}.analog-range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:inset 0 1px 0 #ffffffeb, 0 1px 2px #0b0b0b3d, 0 4px 8px -5px var(--shadow-color);background:linear-gradient(#fff,#f2f2f2);background:linear-gradient(lab(100% 0 0),lab(95.36% 0 0));border:1px solid #a4a4a4b8;border:1px solid lab(67.52% -.0000298023 0/.72);border-radius:999px;margin-block-start:0;transition-property:box-shadow,transform;transition-duration:.12s}@supports (color:lab(0% 0 0)){.analog-range::-webkit-slider-thumb{box-shadow:inset 0 1px 0 lab(100% 0 0/.92), 0 1px 2px lab(3.04863% 0 0/.24), 0 4px 8px -5px var(--shadow-color)}}.analog-range::-moz-range-track{background:#b7b7b79e;background:lab(74.48% -.0000298023 0/.62);border-radius:999px;height:20px;box-shadow:inset 0 1px 2px #00000029,0 1px #ffffffc7;box-shadow:inset 0 1px 2px lab(0% 0 0/.16),0 1px lab(100% 0 0/.78)}.analog-range::-moz-range-progress{background:var(--accent);border-radius:999px;height:20px}.analog-range::-moz-range-thumb{width:20px;height:20px;box-shadow:inset 0 1px 0 #ffffffeb, 0 1px 2px #0003, 0 3px 7px -4px var(--shadow-color);background:linear-gradient(#fff,#f2f2f2);background:linear-gradient(lab(100% 0 0),lab(95.36% 0 0));border:1px solid #a4a4a4b8;border:1px solid lab(67.52% -.0000298023 0/.72);border-radius:999px}@supports (color:lab(0% 0 0)){.analog-range::-moz-range-thumb{box-shadow:inset 0 1px 0 lab(100% 0 0/.92), 0 1px 2px lab(0% 0 0/.2), 0 3px 7px -4px var(--shadow-color)}}.analog-range:focus-visible{outline:0}.analog-range:focus-visible::-webkit-slider-thumb{box-shadow:inset 0 1px 0 #ffffffeb, 0 1px 2px #0003, 0 0 0 4px var(--focus-ring)}@supports (color:lab(0% 0 0)){.analog-range:focus-visible::-webkit-slider-thumb{box-shadow:inset 0 1px 0 lab(100% 0 0/.92), 0 1px 2px lab(0% 0 0/.2), 0 0 0 4px var(--focus-ring)}}.analog-range:focus-visible::-moz-range-thumb{box-shadow:inset 0 1px 0 #ffffffeb, 0 1px 2px #0003, 0 0 0 4px var(--focus-ring)}@supports (color:lab(0% 0 0)){.analog-range:focus-visible::-moz-range-thumb{box-shadow:inset 0 1px 0 lab(100% 0 0/.92), 0 1px 2px lab(0% 0 0/.2), 0 0 0 4px var(--focus-ring)}}.analog-range:active::-webkit-slider-thumb{transform:scale(.96)}.analog-range:active::-moz-range-thumb{transform:scale(.96)}.number-box{min-width:0;height:28px;color:var(--faint);-webkit-backdrop-filter:blur(16px)saturate(1.35);background:linear-gradient(#ffffffc7,#eeeeee94);background:linear-gradient(lab(100% 0 0/.78),lab(94.2% 0 0/.58));border:1px solid #a4a4a49e;border:1px solid lab(67.52% -.0000298023 0/.62);border-radius:9px;flex:0 0 62px;grid-template-columns:minmax(0,1fr) auto;align-items:center;transition-property:border-color,box-shadow,background-color;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ababab29,0 2px 5px -3px #0b0b0b4d;box-shadow:inset 0 1px lab(100% 0 0/.95),inset 0 -1px lab(69.84% 0 0/.16),0 2px 5px -3px lab(3.04863% 0 0/.3)}.number-box input{appearance:textfield;width:100%;min-width:0;height:26px;color:var(--ink);font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0;outline:0;padding:0 2px 0 8px;font-size:12px;font-weight:600}.number-box input::-webkit-inner-spin-button{appearance:none;margin:0}.number-box input::-webkit-outer-spin-button{appearance:none;margin:0}.number-box>span{font-family:var(--font-ui);font-variant-numeric:tabular-nums;padding-inline:2px 7px;font-size:10px}.geometry-section .number-box>span{color:var(--muted);font-size:11px}.number-box:focus-within{border-color:var(--accent);box-shadow:inset 0 1px 0 #fffffff2, 0 1px 2px -1px #0b0b0b38, 0 0 0 4px var(--focus-ring)}@supports (color:lab(0% 0 0)){.number-box:focus-within{box-shadow:inset 0 1px 0 lab(100% 0 0/.95), 0 1px 2px -1px lab(3.04863% 0 0/.22), 0 0 0 4px var(--focus-ring)}}.number-box:hover{border-color:#1d1d1db3;border-color:lab(10.912% -.00000745058 .00000298023/.7)}.focus-field-heading output{color:var(--ink);font-variant-numeric:tabular-nums}.blur-grid{background:linear-gradient(#d7d7d7b8,#e1e1e18f);background:linear-gradient(lab(86.08% -.0000298023 0/.72),lab(89.56% -.0000298023 0/.56));border:0;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid;box-shadow:inset 0 1px 2px #0b0b0b1f,0 1px #ffffffd1;box-shadow:inset 0 1px 2px lab(3.04863% 0 0/.12),0 1px lab(100% 0 0/.82)}.blur-grid button{min-width:0;min-height:44px;color:var(--muted);font-family:var(--font-ui);letter-spacing:-.01em;background:0 0;border-radius:8px;place-items:center;gap:2px;padding:5px 1px;font-size:10px;font-weight:500;display:grid}.blur-grid button:hover{color:var(--accent-strong);background:#ffffff75;background:lab(100% 0 0/.46)}.blur-grid button.is-active{color:var(--accent-strong);box-shadow:inset 0 1px 0 #fff, 0 1px 2px #0b0b0b38, 0 5px 11px -8px var(--shadow-color);background:linear-gradient(#fffffff0,#f5f5f5db);background:linear-gradient(lab(100% 0 0/.94),lab(96.52% -.0000298023 .0000119209/.86))}@supports (color:lab(0% 0 0)){.blur-grid button.is-active{box-shadow:inset 0 1px 0 lab(100% 0 0), 0 1px 2px lab(3.04863% 0 0/.22), 0 5px 11px -8px var(--shadow-color)}}.blur-mark{color:currentColor;font-family:var(--font-ui);font-size:16px;line-height:1}.effect-controls{border-block-start:0;margin-block-start:10px;padding-block-start:0}.toggle-control{min-height:58px;box-shadow:inset 0 1px 0 #ffffffbd, inset 0 0 0 1px #92929229, 0 8px 18px -17px var(--shadow-color);-webkit-backdrop-filter:blur(18px)saturate(1.35);background:radial-gradient(circle at 16% 0,#ffffff75,#0000 48%),linear-gradient(145deg,#e1e1e1b8,#cacaca80);background:radial-gradient(circle at 16% 0,lab(100% 0 0/.46),#0000 48%),linear-gradient(145deg,lab(89.56% -.0000298023 0/.72),lab(81.44% -.0000298023 0/.5));border-radius:14px;grid-template-columns:minmax(0,1fr) 58px;align-items:center;padding:8px 10px;display:grid}@supports (color:lab(0% 0 0)){.toggle-control{box-shadow:inset 0 1px 0 lab(100% 0 0/.74), inset 0 0 0 1px lab(60.56% 0 0/.16), 0 8px 18px -17px var(--shadow-color)}}.toggle-control .range-label{padding-inline:2px}.bokeh-toggle{cursor:pointer;background:0 0;border:0;place-items:center;width:58px;height:38px;padding:0;display:grid;position:relative}.bokeh-toggle:before{content:"";background:linear-gradient(#c7c7c7,#b1b1b1);background:linear-gradient(lab(80.28% 0 -.0000119209),lab(72.16% 0 -.0000119209));border-radius:999px;width:36px;height:20px;transition-property:background,box-shadow;transition-duration:.18s;box-shadow:inset 0 1px 2px #0000002e,0 1px #ffffffc7;box-shadow:inset 0 1px 2px lab(0% 0 0/.18),0 1px lab(100% 0 0/.78)}.bokeh-toggle>span{width:16px;height:16px;box-shadow:inset 0 1px 0 #fffffff2, 0 1px 2px #00000040, 0 3px 6px -4px var(--shadow-color);background:linear-gradient(#fff,#f2f2f2);background:linear-gradient(lab(100% 0 0),lab(95.36% 0 0));border:1px solid #a4a4a4b8;border:1px solid lab(67.52% -.0000298023 0/.72);border-radius:999px;transition-property:transform,scale;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;transform:translate(-8px)}@supports (color:lab(0% 0 0)){.bokeh-toggle>span{box-shadow:inset 0 1px 0 lab(100% 0 0/.95), 0 1px 2px lab(0% 0 0/.25), 0 3px 6px -4px var(--shadow-color)}}.bokeh-toggle:hover:before{background:linear-gradient(#bebebe,#a4a4a4);background:linear-gradient(lab(76.8% -.0000298023 0),lab(67.52% -.0000298023 0))}.bokeh-toggle.is-active:before{background:linear-gradient(180deg, #333, var(--accent));box-shadow:inset 0 1px 1px #03030347,inset 0 1px #ffffff52,0 3px 8px -5px #0a0a0a8a;box-shadow:inset 0 1px 1px lab(.903296% 0 0/.28),inset 0 1px lab(100% 0 0/.32),0 3px 8px -5px lab(2.75381% 0 0/.54)}@supports (color:lab(0% 0 0)){.bokeh-toggle.is-active:before{background:linear-gradient(180deg, lab(21.12% 0 0), var(--accent))}}.bokeh-toggle.is-active>span{transform:translate(8px)}.bokeh-toggle:active>span{scale:.96}.focus-field{border-block-start:0;margin-block-start:11px;padding-block-start:2px}.focus-field-heading{color:var(--muted);letter-spacing:-.01em;justify-content:space-between;margin-block-end:7px;font-size:11px;font-weight:500}.focus-pad{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-backdrop-filter:blur(18px)saturate(1.4);background:radial-gradient(circle at 65% 35%,#1d1d1d0b,#0000 35%),linear-gradient(#ffffffc2,#ebebeb8f);background:radial-gradient(circle at 65% 35%,lab(10.912% -.00000745058 .00000298023/.045),#0000 35%),linear-gradient(lab(100% 0 0/.76),lab(93.04% .0000298023 -.0000119209/.56));border:0;border-radius:11px;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 0 32px #0b0b0b09,0 5px 14px -12px #0b0b0b57;box-shadow:inset 0 1px lab(100% 0 0/.95),inset 0 0 32px lab(3.04863% 0 0/.035),0 5px 14px -12px lab(3.04863% 0 0/.34)}.focus-pad:before{content:"";opacity:.075;background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 88%);mask-image:radial-gradient(circle,#000,#0000 88%)}.focus-pad:focus-visible{box-shadow:inset 0 1px 0 #fffffff2, inset 0 0 32px #0b0b0b09, 0 5px 14px -12px #0b0b0b57, 0 0 0 4px var(--focus-ring);outline:0}@supports (color:lab(0% 0 0)){.focus-pad:focus-visible{box-shadow:inset 0 1px 0 lab(100% 0 0/.95), inset 0 0 32px lab(3.04863% 0 0/.035), 0 5px 14px -12px lab(3.04863% 0 0/.34), 0 0 0 4px var(--focus-ring)}}.focus-dot{z-index:2;pointer-events:none;background:linear-gradient(#fff,#eee);background:linear-gradient(lab(100% 0 0),lab(94.2% 0 0));border:1px solid #ffffffe0;border:1px solid lab(100% 0 0/.88);border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fffffff2,0 1px 2px #0b0b0b3d,0 5px 14px -7px #0a0a0a6b;box-shadow:inset 0 1px lab(100% 0 0/.95),0 1px 2px lab(3.04863% 0 0/.24),0 5px 14px -7px lab(2.75381% 0 0/.42)}.focus-dot:after{content:"";border-radius:inherit;background:var(--accent);position:absolute;inset:5px;box-shadow:0 0 5px #1d1d1d5c;box-shadow:0 0 5px lab(10.912% -.00000745058 .00000298023/.36)}.focus-field p{color:var(--faint);letter-spacing:-.005em;margin-block-start:7px;font-size:10px;line-height:1.45}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar,.effects-panel,.canvas-help,.export-dialog,.export-modal-layer,.export-preview-area,.secondary-button,.toggle-control,.number-box,.focus-pad{background-color:var(--surface)}}@media (prefers-reduced-transparency:reduce){.topbar,.effects-panel,.canvas-help,.export-dialog,.export-modal-layer,.export-preview-area,.secondary-button,.toggle-control,.number-box,.focus-pad{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--muted:#333;--faint:#505050;--line:#717171c7;--line-strong:#505050db}@supports (color:lab(0% 0 0)){:root{--muted:lab(21.12% 0 0);--faint:lab(33.88% -.0000149012 0);--line:lab(47.8% 0 .0000119209/.78);--line-strong:lab(33.88% -.0000149012 0/.86)}}.topbar,.effects-panel,.canvas-help,.export-dialog,.toggle-control{background:#fcfcfcf0;background:lab(98.84% .0000298023 -.0000119209/.94)}}@media (max-width:1060px){:root{--effects-width:270px}.panel-section{padding-inline:12px}.blur-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){body{overflow:auto}.topbar{height:auto;min-height:var(--topbar-height);gap:10px;padding:8px 10px;position:sticky;top:0}.workspace{height:auto;min-height:calc(100dvh - var(--topbar-height));flex-direction:column;display:flex;overflow:visible}.canvas-column{order:1;height:68dvh;min-height:440px}.effects-panel{border-block-start:1px solid var(--line);border-inline-start:0;order:2;width:100%;max-width:780px;max-height:none;margin-inline:auto;position:relative;overflow:visible}.effects-panel:before{display:none}.blur-grid{grid-template-columns:repeat(3,1fr)}.export-dialog{border-radius:20px;width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px)}.export-dialog-body{display:block}.export-preview-area{height:min(42dvh,340px);min-height:260px}.export-options{margin-block-start:20px}.export-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.canvas-column{height:58dvh;min-height:360px}.export-modal-layer{padding:8px}.export-dialog{border-radius:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.export-dialog-header{padding:16px 14px 13px}.export-dialog-body{padding:0 12px 14px}.export-preview-area{border-radius:14px;height:min(34dvh,280px);min-height:220px;padding:12px}.export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-dialog-footer{padding:12px}.export-dialog-footer>p{display:none}.export-dialog-footer>div{width:100%}.export-dialog-footer .secondary-button,.export-dialog-footer .primary-button{flex:1}.mockup-transform{width:91%}.number-box input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}