.application-shell{--shell-inset:var(--space-6);--shell-inspector-gap:var(--space-6);--shell-inspector-width:var(--control-card-width);isolation:isolate;width:100%;height:100svh;color:var(--foreground);background:var(--background);position:relative;overflow:hidden}.ds-app-toolbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--shell-inset,24px);pointer-events:none;flex-wrap:wrap;display:flex;position:relative}@media (min-width:901px){.application-shell .ds-app-toolbar{padding-right:calc(var(--shell-inspector-width) + var(--shell-inspector-gap))}}.ds-app-toolbar-trailing{margin-left:auto}.ds-app-toolbar-leading,.ds-app-toolbar-trailing{align-items:center;gap:var(--space-2);pointer-events:auto;display:flex}.ds-app-toolbar [data-variant],.preview-controls [data-variant]{height:var(--control-height);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop)}.ds-app-toolbar [data-variant=secondary],.preview-controls [data-variant=secondary]{background:var(--card)}.ds-app-toolbar [data-variant=secondary]:hover,.ds-app-toolbar [data-variant=secondary][aria-expanded=true],.preview-controls [data-variant=secondary]:hover{background:var(--surface-hover)}.ds-app-toolbar [data-variant=default]{background:var(--primary-surface)}.ds-app-toolbar [data-variant=default]:hover,.ds-app-toolbar [data-variant=default][aria-expanded=true]{background:var(--primary-surface-hover)}.shell-dropdown-trigger{gap:var(--space-2)}.shell-brand{width:7.5rem;height:var(--control-height);padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--foreground);background:var(--card);-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop);cursor:default;-webkit-user-select:none;user-select:none;flex:0 0 7.5rem;justify-content:center;align-items:center;display:flex}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Variable.woff2)format("woff2");font-style:normal;font-weight:300 900;font-display:swap}.surfacekit-logo{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.surfacekit-symbol{flex:none;width:20px;height:20px;display:block}.surfacekit-wordmark{font-family:"Satoshi", var(--font-sans);font-size:var(--text-sm);font-feature-settings:"salt" 1;font-weight:600;line-height:var(--type-control-leading)}.shell-fit-action{display:none}.application-workspace{min-width:0;position:absolute;inset:0}.shell-editor-card{--inspector-padding-top:calc(var(--shell-inset) + (var(--control-height) - var(--action-size)) / 2);z-index:10;width:var(--shell-inspector-width);border-left:1px solid var(--border);background:var(--card);box-shadow:none;-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop);border-radius:0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.shell-editor-card:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.shell-inspector-scroll-area{flex:1;width:100%;min-width:0;min-height:0}.shell-inspector-scroll{overscroll-behavior:contain;padding:var(--space-1)}.shell-inspector-scroll-area [data-slot=scroll-area-scrollbar]{height:auto;width:var(--space-1);opacity:0;pointer-events:none;background:0 0;border:0;padding:0;transition:opacity .16s;top:var(--space-3)!important;right:var(--space-1)!important;bottom:var(--space-3)!important}.shell-inspector-scroll-area[data-scrolling=true] [data-slot=scroll-area-scrollbar],.shell-inspector-scroll-area [data-slot=scroll-area-scrollbar]:active{opacity:1;pointer-events:auto}@media (hover:hover){:is(.shell-editor-card,.shell-inspector-sheet):hover .shell-inspector-scroll-area [data-slot=scroll-area-scrollbar]{opacity:1;pointer-events:auto}}.shell-inspector-scroll-area [data-slot=scroll-area-thumb]{background:var(--muted-foreground)}@media (prefers-reduced-motion:reduce){.shell-inspector-scroll-area [data-slot=scroll-area-scrollbar]{transition:none}}.shell-inspector-scroll>div>[data-slot=sidebar-content]{flex:none;overflow:visible}.shell-inspector-scroll>div>.ds-inspector{width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.preview-stage{position:absolute;inset:0}.preview-viewport{overscroll-behavior:none;touch-action:none;position:absolute;inset:0;overflow:hidden}.preview-stage .canvas-frame{box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;cursor:grab;background:0 0;border-radius:0;position:absolute;top:0;left:0}.preview-stage .canvas-frame[data-dragging=true]{cursor:grabbing}.preview-stage .canvas-frame:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:-2px}.preview-controls{z-index:10;bottom:var(--shell-inset);left:var(--shell-inset);gap:var(--space-4);display:flex;position:absolute}.preview-controls [data-size=default]{padding-inline:16px}.preview-zoom-control{width:184px;height:var(--control-height);border-radius:var(--radius-pill);background:var(--card);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop);align-items:center;gap:12px;padding-inline:16px;display:flex}.preview-zoom-control [data-slot=slider]{min-width:0;height:100%}.preview-zoom-control output{color:var(--muted-foreground);font-size:var(--type-caption);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:0 0 5ch}.application-workspace>.library-workspace,.application-workspace>.library-empty{inset:84px calc(var(--shell-inspector-width) + 24px) 24px 24px;min-height:0;padding:var(--space-6);position:absolute}@media (max-width:900px){.shell-fit-action{display:inline-flex}.application-shell .preview-controls,.shell-editor-card{display:none}.application-workspace>.library-workspace,.application-workspace>.library-empty{right:var(--shell-inset)}}.shell-mobile-inspector-boundary{z-index:30;pointer-events:none;width:100%;height:50dvh;position:absolute;bottom:0;left:0}.shell-inspector-sheet{--inspector-padding-top:var(--space-1);width:min(100%,480px);height:50dvh;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 0 0;padding-bottom:env(safe-area-inset-bottom);background:var(--card);color:var(--foreground);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:var(--surface-backdrop);backdrop-filter:var(--surface-backdrop);pointer-events:auto;transition:height var(--motion-sheet-duration) var(--motion-sheet-ease);border-bottom:0;flex-direction:column;margin-inline:auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.shell-inspector-sheet[data-expanded=true]{height:85dvh}.shell-inspector-sheet[data-dragging=true]{transition:none}.shell-inspector-content{flex:1;min-height:0;display:flex}.shell-inspector-handle{cursor:ns-resize;touch-action:none;background:0 0;border:0;flex:0 0 44px;width:100%;display:block;position:relative}.shell-inspector-handle>span{border-radius:var(--radius-pill);background:var(--muted-foreground);opacity:.5;width:36px;height:4px;transition:opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shell-inspector-handle:active>span,.shell-inspector-sheet[data-dragging=true] .shell-inspector-handle>span{opacity:1}.shell-inspector-handle:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:-4px;border-radius:var(--radius-card) var(--radius-card) 0 0}.compact-dialog-backdrop{z-index:50;pointer-events:auto;background:#0000004d;position:fixed;inset:0}[data-radix-popper-content-wrapper]:has(>[data-compact-dialog]){will-change:auto!important;z-index:auto!important;min-width:0!important;position:static!important;transform:none!important}[data-slot=popover-content][data-compact-dialog][data-state]{border-radius:var(--radius-card);overscroll-behavior:contain;overflow-y:auto}[data-slot=popover-content][data-compact-dialog][data-dialog-covered=true]{pointer-events:none}[data-slot=popover-content][data-compact-dialog=center][data-dialog-covered=true]{visibility:hidden}[data-slot=popover-content][data-compact-dialog=sheet][data-state]{border-radius:var(--radius-card) var(--radius-card) 0 0;padding-bottom:max(var(--card-padding), env(safe-area-inset-bottom));border-bottom:0}@media (prefers-reduced-motion:reduce){.shell-inspector-sheet,[data-slot=popover-content][data-compact-dialog][data-state]{transition:none!important;animation:none!important}}@media (max-width:480px){.preview-controls{right:var(--shell-inset);gap:12px}.preview-zoom-control{width:min(184px,100%);min-width:0}.ds-app-toolbar{gap:var(--space-2);padding-inline:12px}.ds-app-toolbar-leading{gap:4px}.ds-app-toolbar-trailing{gap:var(--space-1)}}
:root{--control-card-width:21.5rem;--control-label-width:5.875rem;--control-label-gap:var(--space-3);--control-row-gap:var(--space-3);--control-icon-gap:var(--space-2)}.control-card.dialkit-root,.control-colour-popover.dialkit-root,.control-select.dialkit-root{--dial-row-gap:var(--space-2);--dial-surface:var(--muted);--dial-surface-hover:var(--control-hover);--dial-surface-active:var(--control-selected);--dial-surface-subtle:var(--border);--dial-text-root:var(--foreground);--dial-text-section:var(--foreground);--dial-text-label:var(--foreground);--dial-text-focus:var(--foreground);--dial-text-primary:var(--foreground);--dial-text-secondary:var(--muted-foreground);--dial-text-tertiary:var(--muted-foreground);--dial-border:var(--border);--dial-border-hover:var(--border-selected);--dial-glass-bg:var(--popover);--dial-dropdown-bg:var(--popover);--dial-radius:var(--radius-control);--dial-row-height:var(--control-height);--dial-shadow-dropdown:var(--shadow-floating);color:var(--foreground);font-family:var(--font-sans)}.control-card{width:100%;padding:var(--card-padding);padding-top:var(--inspector-padding-top,var(--card-padding));container:inspector/inline-size}.control-section+.control-section{border-top:1px solid var(--divider);margin-top:var(--space-3);padding-top:var(--space-3)}.control-section-heading{min-height:var(--action-size);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.control-section-heading h2,.control-section-toggle{font-size:var(--type-control);font-weight:600;line-height:var(--type-control-leading);margin:0}.control-section-toggle,.control-profile-toggle{align-items:center;gap:var(--space-3);color:var(--foreground);background:0 0;border:0;padding:0;display:flex}.control-section-toggle svg{width:14px;height:14px;color:var(--muted-foreground);transition:transform var(--motion-layout-duration) var(--motion-sheet-ease)}.control-section{overflow-anchor:none}.control-section-toggle{min-height:var(--action-size);gap:6px}.control-section-toggle[aria-expanded=true] svg,.control-profile-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.control-section-actions{grid-auto-flow:column;grid-auto-columns:var(--action-size);flex-shrink:0;place-items:center;display:grid}.control-section-body,.control-profile-body{gap:var(--control-row-gap);margin-top:8px;display:grid}.control-section-body[hidden],.control-profile-body[hidden]{display:none}.control-profile-body{margin-top:0}.control-labelled-row,.control-direction-row{grid-template-columns:var(--control-label-width) minmax(0, 1fr);align-items:center;gap:var(--control-label-gap);min-width:0;min-height:var(--control-height);font-size:var(--type-control);line-height:var(--type-control-leading);color:var(--foreground);display:grid}.control-slider-label{align-items:center;gap:2px;min-width:0;display:flex}.control-seed-actions{gap:var(--space-2);min-width:0;display:flex}.control-seed-new{flex:1;min-width:0}.control-slider-label label{white-space:nowrap}.control-slider-track{min-width:0;height:var(--control-height);border-radius:var(--radius-control);position:relative}.control-numeric-error{grid-column:2;margin:-8px 0 0}.control-slider-track[data-invalid]{outline:1px solid var(--destructive)}.control-slider-track[data-invalid]:has(:focus-visible){outline-color:var(--destructive)}.control-slider .dialkit-slider{border-radius:var(--radius-control)}.control-slider .dialkit-slider-label{display:none}.control-slider .dialkit-slider-fill{border-radius:var(--radius-control);background:var(--control-hover)}.control-slider .dialkit-slider-active .dialkit-slider-fill{background:var(--accent)}.control-slider[data-show-steps=false] .dialkit-slider-hashmarks,.control-slider .dialkit-slider-input{display:none}.control-slider .dialkit-slider-value{visibility:hidden;pointer-events:none}.control-slider :is(.dialkit-slider-active,.dialkit-slider:focus-visible) .dialkit-slider-hashmark{background:var(--control-tick)}.control-slider[data-snapped=true] .dialkit-slider-fill{width:var(--control-snap-position)!important}.control-slider[data-snapped=true] .dialkit-slider-handle{left:max(5px, calc(var(--control-snap-position) - 9px))!important}.control-slider .dialkit-slider:focus-visible .dialkit-slider-handle{opacity:.5!important;transform:translateY(-50%)!important}.control-exact-value{top:0;right:var(--control-inset);height:var(--control-height);max-width:calc(100% - 24px);font-size:var(--type-control);color:var(--control-value-foreground);align-items:center;gap:1px;display:flex;position:absolute}.control-exact-value input{min-width:1.5rem;max-width:12ch;min-height:1.5rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;border-radius:0;flex-shrink:1;padding:0}@media (prefers-reduced-motion:reduce){.control-slider .dialkit-slider-fill{width:var(--control-value-position)!important}.control-slider .dialkit-slider-handle{left:max(5px, calc(var(--control-value-position) - 9px))!important;opacity:0!important;transform:translateY(-50%)!important}.control-slider :is(.dialkit-slider-active,.dialkit-slider:focus-visible) .dialkit-slider-handle{opacity:.5!important}.control-slider .dialkit-slider{width:100%!important;transform:none!important}}.control-exact-value input:focus{color:var(--foreground)}.output-saved-size{min-width:0;display:grid}.output-saved-size>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.output-saved-size small{color:var(--muted-foreground);font-size:var(--type-caption)}.control-output-dimensions{gap:var(--control-row-gap);display:grid}.output-pixel-field{min-width:0}.output-pixel-field>.control-error{margin-top:4px;margin-left:calc(var(--control-label-width) + var(--control-label-gap))}.output-pixel-input{height:var(--control-height);padding-inline:var(--control-inset);border-radius:var(--radius-control);background:var(--muted);color:var(--foreground);font-size:var(--type-control);align-items:center;gap:4px;display:flex}.output-pixel-input:has(:focus-visible){outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.output-pixel-input[data-invalid]{outline-color:var(--destructive)}.output-pixel-input input{width:100%;min-width:0;color:var(--control-value-foreground);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:none;padding:0}.output-pixel-input input:focus{color:var(--foreground)}.output-pixel-unit{color:var(--muted-foreground)}.control-profile-toggle{height:var(--control-height);font-size:var(--type-control);font-weight:500}.control-frontier-profile{border-radius:var(--radius-control);background:var(--muted);width:100%;height:188px;display:block;overflow:hidden}.control-profile-grid{stroke:var(--border);stroke-width:1px;fill:none}.control-profile-fill{fill:var(--secondary)}.control-profile-line{fill:none;stroke:var(--foreground);stroke-width:1px;vector-effect:non-scaling-stroke}.control-select .dialkit-select-trigger{height:var(--control-height);min-height:var(--control-height);padding:0 34px 0 var(--control-inset);border-radius:var(--radius-control)}.control-select{position:relative}.control-select .dialkit-select-label,.control-select .dialkit-select-value{font-size:var(--type-compact);font-weight:500}.control-select .dialkit-select-chevron{display:none}.control-select-chevron{color:var(--muted-foreground);pointer-events:none;position:absolute;top:10px;right:10px}.control-select:has([data-open=true])>.control-select-chevron{transform:rotate(180deg)}.control-select .dialkit-select-dropdown{background:var(--popover);-webkit-backdrop-filter:var(--overlay-backdrop)}.control-colours{gap:var(--control-row-gap);display:grid}.control-colour-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-height);font-size:var(--type-control);color:var(--foreground);display:flex}.control-highlight-list,.control-highlight-rail{justify-content:flex-end;gap:var(--control-icon-gap);flex-wrap:nowrap;min-width:0;display:flex}.control-highlight-rail{isolation:isolate;position:relative}.control-highlight{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:none;display:flex;position:relative}.control-highlight-lift{border-radius:var(--radius-control);transform-origin:50%}.control-highlight .control-colour-swatch{cursor:grab;touch-action:pan-y}.control-highlight[data-dragging=true] .control-colour-swatch{cursor:grabbing;box-shadow:var(--shadow-floating), 0 0 0 1px var(--ring)}.control-colour-swatch{isolation:isolate;border-radius:var(--radius-control);background:var(--background);box-shadow:var(--shadow-raised);border:0;flex-shrink:0;padding:0;display:block;position:relative;overflow:hidden}.control-colour-swatch[data-translucent=true]{background-image:var(--checker-pattern);background-size:8px 8px}.control-colour-fill{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.control-colour-swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);pointer-events:none;position:absolute;inset:0}.control-add-colour[data-slot=button]{border-radius:var(--radius-control)}.control-preset-popover,.control-colour-popover{width:min(320px,100vw - 24px);max-height:var(--radix-popover-content-available-height);overscroll-behavior:contain;overflow-y:auto}.control-preset-form{gap:var(--space-3);flex-direction:column;display:flex}.control-toggle .dialkit-labeled-control{grid-template-columns:var(--control-label-width) minmax(0, 1fr);gap:var(--control-label-gap);min-height:var(--control-height);background:0 0;height:auto;padding:0;display:grid}.control-toggle .dialkit-labeled-control-label{font-size:var(--type-control);font-weight:400;line-height:var(--type-control-leading);color:var(--foreground)}.control-toggle .dialkit-segmented{--segment-inset:var(--space-half);--segment-radius:var(--radius-control);--segment-inner-radius:max(0px, calc(var(--segment-radius) - var(--segment-inset)));padding:var(--segment-inset);min-width:0;height:var(--control-height);border-radius:var(--segment-radius);background:var(--muted);margin:0}.control-toggle .dialkit-segmented-button{border-radius:var(--segment-inner-radius);min-width:0;font-size:var(--type-control);flex:1;padding:0 8px;font-weight:400}.control-toggle .dialkit-segmented-pill{top:var(--segment-inset);bottom:var(--segment-inset);border:1px solid var(--border-selected);border-radius:var(--segment-inner-radius);background:var(--accent);left:var(--segment-inset)!important;width:calc(50% - var(--segment-inset))!important}.control-toggle .dialkit-segmented:has([data-active=true]:last-child) .dialkit-segmented-pill{left:50%!important}@media (prefers-reduced-motion:reduce){.control-toggle .dialkit-segmented-pill{transition:none!important}}@media (forced-colors:active){.control-toggle [aria-checked=true]{outline:1px solid highlight}}.control-preset-form h4,.preset-values-label{font-size:var(--type-caption);color:var(--muted-foreground)}.control-name-row,.control-hex-row{align-items:center;gap:var(--space-3);font-size:var(--type-compact);grid-template-columns:64px 1fr;display:grid}.control-preset-values{gap:var(--control-row-gap);display:grid}.control-preset-values>div{grid-template-columns:var(--control-label-width) minmax(0, 1fr);min-height:var(--control-height);align-items:center;gap:var(--control-label-gap);font-size:var(--type-control);line-height:var(--type-control-leading);display:grid}.control-preset-values>div>:last-child{justify-self:end}.control-preset-item-heading{align-items:center;display:flex}.control-preset-item-heading>button:first-child{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--type-control);text-align:left;border-radius:var(--radius-action);flex:1;padding:10px 4px;display:flex}.control-preset-item-heading>button:first-child span{text-overflow:ellipsis;flex:1;overflow:hidden}.control-preset-list>p{color:var(--muted-foreground);font-size:var(--type-compact);padding:12px 4px;line-height:1.5}.control-preset-management{flex-direction:column;align-items:start;gap:6px;padding:8px 0;display:flex}.control-preset-management form{gap:6px;display:flex}.control-preset-binding{align-items:center;gap:var(--space-2);min-height:var(--control-height);font-size:var(--type-control);display:flex}.control-preset-binding>svg{flex:none}.control-preset-binding>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.control-error{font-size:var(--type-caption);color:var(--destructive);line-height:1.4}.control-card :is(button,input,[role=slider]):focus-visible,:is(.control-colour-popover,.control-preset-popover) :is(button,input,[role=slider]):focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.control-slider-track:has(:focus-visible){outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}:is(.control-card,.control-preset-popover) :is(.output-pixel-input,.control-exact-value) input:focus-visible,.control-slider .dialkit-slider:focus-visible{box-shadow:none;outline:none}.shell-inspector-scroll:has(>div>.control-card){padding:0}.ds-organisms-gallery>.control-card{width:var(--control-card-width);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);max-width:100%;box-shadow:var(--shadow-floating)}@media (max-width:420px){.control-choice{width:32px;height:32px}:root{--control-icon-gap:6px}.control-colour-row{font-size:var(--type-compact)}}@media (max-width:379px){:root{--control-icon-gap:4px}}.control-directions{justify-content:flex-end;justify-self:end;gap:var(--control-icon-gap);width:100%;min-width:0;max-width:212px;display:flex}.control-directions button{padding-inline:0}.control-diffuse-sliders{gap:var(--control-row-gap);border:0;min-width:0;padding:0;display:grid}.control-help-tooltip{width:min(240px,100vw - 24px);padding:var(--card-padding);font-size:var(--type-compact);line-height:1.5}.control-preset-popover.preset-dropdown{max-width:calc(100vw - 24px);max-height:min(640px, var(--radix-popover-content-available-height));border-radius:var(--radius-card);transform-origin:100% 0;overscroll-behavior:contain;text-align:left;font-weight:400;container:inspector/inline-size}.preset-dropdown[data-side=top]{transform-origin:100% 100%}.preset-dropdown .control-preset-item-heading,.preset-shortcut{--preset-row-radius:var(--radius-control);--preset-row-border:1px;border:var(--preset-row-border) solid transparent;border-radius:var(--preset-row-radius);transition:background-color .12s,border-color .12s}.preset-shortcut[aria-checked=false]:hover{background:var(--control-hover)}.preset-dropdown .control-preset-item-heading>button:first-child{min-height:38px;padding:calc(var(--space-2) - var(--preset-row-border));border-radius:max(0px, calc(var(--preset-row-radius) - var(--preset-row-border)));background:0 0}.preset-dropdown .control-preset-item-heading{gap:var(--space-2);padding-right:4px}.preset-dropdown .control-preset-item-heading[data-selected=false]>button:first-child:hover{background:var(--control-hover)}.preset-dropdown .control-preset-item-heading>button:first-child>svg,.preset-shortcut>svg{flex:none}.preset-edit-trigger{opacity:0;pointer-events:none}.control-preset-item-heading:hover .preset-edit-trigger,.preset-edit-trigger:focus-visible{opacity:1;pointer-events:auto}.preset-shortcut{align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:calc(var(--space-2) - var(--preset-row-border));font-size:var(--type-control);text-align:left;display:flex}.preset-shortcut>span{flex:1}.preset-menu-group{border-top:1px solid var(--divider);font-size:var(--type-caption);color:var(--muted-foreground);margin-top:8px;padding:12px 8px 4px}.preset-dropdown[data-editing=true]>.control-preset-list{opacity:.5}.preset-menu-editor{z-index:60}.preset-dropdown[data-editing=true][data-side=top]{justify-content:flex-end}.preset-dropdown .control-name-row{grid-template-columns:var(--control-label-width) minmax(0, 1fr);gap:var(--control-label-gap);font-size:var(--type-control);line-height:var(--type-control-leading);text-align:left}.preset-dropdown .control-name-row input{height:var(--control-height);border-radius:var(--radius-control);background:var(--muted);font-size:var(--type-control);font-weight:400;line-height:var(--type-control-leading);text-align:left;box-shadow:none}.preset-menu-editor-inputs{gap:var(--space-3);min-width:0;display:grid}.preset-menu-editor-inputs:disabled{opacity:.5;pointer-events:none}.preset-edit-fields.control-card{gap:var(--control-row-gap);text-align:left;padding:0;display:grid}.preset-edit-fields .control-directions{max-width:none}.preset-edit-fields .control-colour-row{grid-template-columns:var(--control-label-width) minmax(0, 1fr);gap:var(--control-label-gap);display:grid}.preset-edit-fields .control-colour-row>.control-colour-swatch{width:100%}.preset-edit-fields .control-output-dimensions:empty{display:none}.preset-menu-editor-actions{gap:4px;display:grid}.preset-menu-editor-actions>button,.preset-dropdown .control-preset-form>button{text-align:center;justify-content:center;width:100%;font-weight:400}.preset-menu-editor-actions .preset-delete{color:var(--destructive)}@media (hover:none){.preset-edit-trigger{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.preset-dropdown[data-state],.preset-dropdown *{transition:none;animation:none}}@media (forced-colors:active){.preset-dropdown .control-preset-item-heading[data-selected=true],.preset-shortcut[aria-checked=true]{border-color:highlight}}.control-colour-popover,.control-help-tooltip{z-index:70}.preset-dropdown>*{flex-shrink:0}@media not (min-width:360px){.control-choice{width:24px;height:24px}.control-choice svg{width:12px;height:12px}:is(.control-directions button,.control-colour-swatch,.control-highlight-lift,.control-add-colour[data-slot=button]){border-radius:var(--radius-action)}}.control-toggle .dialkit-segmented-button[data-active=false]:hover{background:var(--control-hover)}@container inspector (max-width:18rem){.control-labelled-row,.control-direction-row,.control-toggle .dialkit-labeled-control,.control-name-row,.preset-dropdown .control-name-row,.control-preset-values>div{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.control-colour-row{flex-wrap:wrap}.control-colour-row>:last-child{margin-left:auto}.control-numeric-error{grid-column:1}.output-pixel-field>.control-error{margin-left:0}.control-directions{max-width:none}.control-seed-new{height:auto;min-height:var(--control-height);white-space:normal;padding-block:var(--space-1)}.control-seed-new>span{min-width:0}}
:root{--glass-edge:#ffffff80;--glass-edge-quiet:#ffffff1f;--glass-shadow:#00000059}.glass-lens{pointer-events:none;box-sizing:border-box;border:.5px solid var(--glass-edge);box-shadow:inset 1px 0 1px var(--glass-edge), inset -1px 0 1px var(--glass-edge-quiet), 0 2px 8px -2px var(--glass-shadow);display:none;position:absolute}[data-glass=true] .glass-lens{display:block}[data-slot=slider-thumb].slider-glass-thumb{border-radius:var(--radius-action);background:var(--primary);width:24px;height:16px;position:relative}.slider-glass-thumb:after{content:"";border-radius:inherit;pointer-events:none;background:var(--primary);transform-origin:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(1)}.slider-glass-thumb[data-glass=true]{box-shadow:none;background:0 0;border:0}.slider-glass-thumb .glass-lens{border-radius:inherit;width:100%;height:100%;inset:0}.slider-glass-thumb[data-glass=true]:hover:after,[data-slot=slider][data-dragging=true] .slider-glass-thumb[data-glass=true]:after{transform:scale(0)}.slider-glass-thumb:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-glass] .glass-lens{display:none}.slider-glass-thumb[data-glass]{border:1px solid var(--primary);background:var(--primary)}}@media (forced-colors:active){.slider-glass-thumb[data-glass]{background:buttonface;border-color:buttontext}.slider-glass-thumb:after{background:buttonface}}@media (prefers-reduced-motion:reduce){.slider-glass-thumb:after{transition:none}}
.control-colour-popover.dialkit-root{padding-inline:clamp(8px, calc(100vw - 12rem), var(--card-padding));--dial-row-height:var(--control-height);--dial-row-gap:var(--space-2);--dial-radius:var(--radius-control);width:min(17.5rem,100vw - 24px);container:colour/inline-size}.control-picker .dialkit-color-popover{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;animation:none;overflow:visible}.control-picker .dialkit-color-format-row{--format-radius:var(--radius-control);--format-inset:var(--space-1);--format-inner-radius:max(0px, calc(var(--format-radius) - var(--format-inset)));--format-height:calc(var(--control-height) - 2 * var(--format-inset));height:var(--control-height);padding:var(--format-inset);border-radius:var(--format-radius);background:var(--muted)}.control-picker .dialkit-color-formats{height:var(--format-height);border-radius:var(--format-inner-radius);background:0 0;gap:0;padding:0}.control-picker .dialkit-segmented-pill{width:33.3333%;height:var(--format-height);border-radius:var(--format-inner-radius);background:var(--control-selected);border:1px solid var(--border-selected);box-shadow:none;top:0;bottom:0;left:0}.control-picker .dialkit-color-format{height:var(--format-height);border-radius:var(--format-inner-radius);font:500 var(--type-control)/var(--type-control-leading) var(--font-sans);color:var(--muted-foreground);padding:0}.control-picker .dialkit-color-format[aria-checked=true]{color:var(--foreground)}.control-picker .dialkit-color-plane{border-radius:var(--radius-control);height:160px}.control-picker .dialkit-color-track-row{font:400 var(--type-control)/var(--type-control-leading) var(--font-sans);position:relative}.control-picker .dialkit-color-css-input{font:400 var(--type-control)/var(--type-control-leading) var(--font-sans);font-variant-numeric:tabular-nums}.control-picker :is(input,button,.dialkit-color-plane):focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.control-picker .dialkit-color-track-row:has(:focus-visible){outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.control-picker .dialkit-color-track-row input:focus-visible{box-shadow:none;outline:none}.control-picker .dialkit-color-marker{border:1px solid var(--foreground);width:14px;height:14px;margin:-7px}.control-picker .picker-glass-field{border-radius:50%;width:14px;height:14px;inset:0}.control-picker .picker-glass-track{border-radius:var(--radius-action);width:16px;height:24px}.control-picker[data-glass=true] .dialkit-color-marker{box-shadow:none;border:0;background:0 0!important}.control-picker[data-glass=true] .dialkit-color-track::-webkit-slider-thumb{box-shadow:none;background:0 0;border:0}.control-picker[data-glass=true] .dialkit-color-track::-moz-range-thumb{box-shadow:none;background:0 0;border:0}.control-picker .dialkit-color-format[aria-checked=false]:hover{background:var(--control-hover)}.control-picker .dialkit-color-popover input[aria-invalid=true]{color:var(--destructive)}.control-picker .dialkit-color-opacity{--dial-color-track-bg:linear-gradient(to right, transparent, var(--dial-color-opaque)), var(--checker-pattern) 0 / 8px 8px;--dial-color-thumb-bg:linear-gradient(var(--dial-color-thumb), var(--dial-color-thumb)), var(--checker-pattern) 0 / 8px 8px}.control-picker .dialkit-color-track::-webkit-slider-runnable-track{border-radius:var(--radius-action)}.control-picker .dialkit-color-track::-moz-range-track{border-radius:var(--radius-action)}.control-picker .dialkit-color-track::-webkit-slider-thumb{border-radius:var(--radius-action);border-color:var(--foreground)}.control-picker .dialkit-color-track::-moz-range-thumb{border-radius:var(--radius-action);border-color:var(--foreground)}@media (forced-colors:active){.control-picker [aria-checked=true],.control-toggle [aria-checked=true]{outline:1px solid highlight}.control-picker .dialkit-color-track::-webkit-slider-thumb{background:buttonface;border-color:buttontext}.control-picker .dialkit-color-track::-moz-range-thumb{background:buttonface;border-color:buttontext}}@container colour (max-width:14rem){.control-picker .dialkit-color-format{white-space:normal;line-height:1}}
.floating-card{gap:var(--space-2);padding:var(--card-padding);border-radius:var(--radius-card);flex-direction:column;display:flex}.floating-card-header{color:var(--popover-foreground);flex:none}.floating-card-header-row{align-items:center;gap:var(--space-2);min-width:0;min-height:24px;display:flex}.floating-card-header h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-title);font-weight:500;line-height:1.5rem;overflow:hidden}.floating-card-header-actions{margin-left:auto;flex:none;align-items:center;gap:4px;margin-block:-4px;display:flex}
.export-popover{width:min(17.5rem,100vw - 48px);max-width:calc(100vw - 48px);max-height:var(--radix-popover-content-available-height);overscroll-behavior:contain;overflow-y:auto;container:export/inline-size}.export-form{gap:var(--space-4);display:grid}.export-field{gap:var(--space-2);min-width:0;display:grid}.export-label{color:var(--muted-foreground);font-size:var(--type-control);line-height:var(--type-control-leading)}.export-choices{gap:var(--space-2);display:flex}.export-choices [data-slot=button]{height:var(--control-height);border-radius:var(--radius-control);border:1px solid #0000;flex:1}.export-hint{color:var(--muted-foreground);font-size:var(--type-caption);margin:0;line-height:1rem}.export-dimensions{font-variant-numeric:tabular-nums}.export-name{min-width:0;position:relative}.export-name input{height:var(--control-height);border-radius:var(--radius-control);padding-right:3rem}.export-name>span{right:var(--control-inset);color:var(--muted-foreground);font-size:var(--type-caption);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.export-submit{width:100%;height:var(--control-height);border-radius:var(--radius-control)}.export-chevron{transition:transform .16s}[data-state=open]>.export-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.export-chevron{transition:none}}.export-error{color:var(--destructive);font-size:var(--type-caption);line-height:1.125rem}@container export (max-width:12rem){.export-choices [data-slot=button],.export-submit{min-width:0;padding-inline:var(--space-1)}}
.ui-button:where([data-variant=secondary]){color:var(--muted-foreground)}.ui-button:where([data-variant=default]):is(:hover,[aria-expanded=true]):where(:not(:disabled,[aria-disabled=true])){background-color:#fff;background-color:lab(100% 0 0)}.ui-button:where([data-variant=secondary],[data-variant=destructive]):is(:hover,[aria-expanded=true]):where(:not(:disabled,[aria-disabled=true])){background-color:var(--control-hover)}.ui-button:where([data-variant=ghost],[data-variant=outline]):is(:hover,[aria-expanded=true]):where(:not(:disabled,[aria-disabled=true])){background-color:var(--control-surface)}.ui-button:where([data-variant=secondary],[data-variant=ghost],[data-variant=outline]):is(:hover,[aria-expanded=true]):where(:not(:disabled,[aria-disabled=true])){color:var(--foreground)}.ui-button[data-tone=destructive]{color:var(--destructive)}:is(.ui-button,.ui-choice):is([aria-pressed=true],[aria-checked=true],[data-state=checked],[data-selected=true]){background-color:var(--control-selected);border-color:var(--border-selected);color:var(--foreground)}:is(.ui-focus,[role^=menuitem],[data-slot=select-item],[data-slot=select-trigger],[data-slot=badge],[data-sidebar],[data-slot=scroll-area-viewport]):focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.ds-app-toolbar [data-variant=secondary][aria-pressed=true],.preview-controls [data-variant=secondary][aria-pressed=true]{background-color:var(--surface-hover);border-color:var(--border-selected);color:var(--foreground)}:is([data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content]){--menu-radius:var(--radius-card);border-radius:var(--menu-radius);padding:var(--menu-padding)}:is([data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content]) :is([role^=menuitem],[data-slot=select-item]){border-radius:max(0px, calc(var(--menu-radius) - var(--menu-padding)));gap:var(--space-2)}[data-slot=select-content] [data-slot=select-viewport]{padding:0}@media (forced-colors:active){:root,.dark{--ring:Highlight;--border-selected:Highlight}:is(.ui-button,.ui-choice):is([aria-pressed=true],[aria-checked=true],[data-state=checked],[data-selected=true]){border-color:highlight;outline:1px solid highlight}:is(.ui-button,.ui-choice):focus-visible{outline:var(--focus-width) solid Highlight;outline-offset:var(--focus-offset)}}.animated-region{min-width:0}.animated-region-content{display:flow-root}.animated-region[data-animating],.animated-region[data-expanded=false]{overflow:clip}.animated-region[data-animating][data-expanded=true]{overflow-clip-margin:6px}.animated-region[data-expanded=false]{height:0}.crossfade-label-visual{display:grid}.crossfade-label-visual>span{opacity:0;transition-property:opacity;transition-duration:inherit;grid-area:1/1;transition-timing-function:ease-out}.crossfade-label-visual>span[data-active=true]{opacity:1}@media (prefers-reduced-motion:reduce){.crossfade-label-visual>span{transition:none}}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-surface-material]{--surface-reflection:linear-gradient(transparent, transparent);--surface-sheen:linear-gradient(155deg, #ffffff07, transparent 38%, #00000009)}[data-surface-material]:where(:not([data-slot=tooltip-content])),[data-slot=tooltip-material]{background-image:var(--surface-reflection), var(--surface-sheen)!important;background-repeat:no-repeat!important;background-origin:border-box!important;background-clip:border-box!important}[data-surface-material=inlay]{--surface-sheen:linear-gradient(155deg, #ffffff04, transparent 45%, #00000005)}[data-surface-material][data-variant=default]{--surface-sheen:linear-gradient(155deg, #fff1, transparent 42%, #00000005)}:is(.shell-editor-card,.shell-inspector-sheet)[data-surface-material]{background-image:var(--surface-sheen)!important}[data-surface-reflection]{z-index:-1;border-radius:inherit;background-image:var(--surface-reflection);pointer-events:none;contain:paint;background-repeat:no-repeat;position:absolute;inset:0;transform:translateZ(0)}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-surface-material],[data-slot=tooltip-material],:is(.shell-editor-card,.shell-inspector-sheet)[data-surface-material]{background-image:none!important}[data-surface-reflection]{display:none}}