@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";.mask-editor{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;overscroll-behavior:contain;color:#272a23;background:#f6f5ef;border:1px solid #a5ae98;border-radius:8px;box-shadow:0 20px 80px #18271d40;font-family:Arial,Helvetica,sans-serif}.mask-editor::backdrop{background:#18271db3}.mask-editor .mask-editor__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mask-editor h2{margin:6px 0 0;font-size:26px;font-weight:500;letter-spacing:-.7px}.mask-editor__eyebrow{font:9px SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;color:#62695b}.mask-editor__note,.mask-editor__hint{color:#59644f;font-size:12px;line-height:1.6}.mask-editor__note{margin:16px 0;max-width:78ch}.mask-editor button{min-height:44px;min-width:44px;padding:10px 15px;border:1px solid #bdbfb2;border-radius:5px;background:#f8f7f0;color:#303b29;font:600 12px Arial,Helvetica,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mask-editor button[aria-pressed=true]{background:#dfe5d5;border-color:#657758}.mask-editor button.mask-editor__apply{background:#303e2c;color:#f5f0df;border-color:#303e2c}.mask-editor button:disabled{opacity:.45;cursor:not-allowed}.mask-editor button:focus-visible,.mask-editor input:focus-visible{outline:2px solid #c7552d;outline-offset:3px}.mask-editor button:not(:disabled):active{background:#d1dac5;transform:translateY(1px)}.mask-editor button.mask-editor__apply:not(:disabled):active{background:#465b3e}.mask-editor__tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mask-editor__radius{display:grid;grid-template-columns:1fr auto;column-gap:16px;flex:1 1 210px;margin:0 8px;font-size:12px}.mask-editor__radius output{font:11px SFMono-Regular,Consolas,monospace;color:#59644f}.mask-editor__radius input{grid-column:1 / -1;width:100%;min-height:44px;margin:0;accent-color:#466d46;touch-action:manipulation}.mask-editor__guide{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:12px;cursor:pointer;touch-action:manipulation}.mask-editor__guide input{width:20px;height:20px;margin:0;accent-color:#466d46}.mask-editor__stage{display:flex;justify-content:center;align-items:center;padding:12px;min-width:0;background:#e4e5dc;border:1px solid #d4d7c9;border-radius:4px}.mask-editor__stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(50dvh,580px);background-color:#d4d7ca;background-image:conic-gradient(#f4f2e8 25%,transparent 0 50%,#f4f2e8 0 75%,transparent 0);background-size:20px 20px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.mask-editor__hint{margin:10px 0 16px}.mask-editor__error{padding:12px;color:#7b3924;border:1px solid #d8a688;border-radius:4px;background:#f0e2d6;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.mask-editor__footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid #d9d9ce}.mask-editor__status{flex:1;font-size:12px;color:#59644f}@media(hover:hover)and (pointer:fine){.mask-editor button:not(:disabled):hover{background:#e1e5d5}.mask-editor button.mask-editor__apply:not(:disabled):hover{background:#465b3e}}@media(max-width:600px){.mask-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.mask-editor h2{font-size:23px}.mask-editor__radius{order:1;flex-basis:100%;margin:0}.mask-editor__guide{margin-left:auto}.mask-editor__stage{padding:6px}.mask-editor__stage canvas{max-height:42dvh}.mask-editor__footer{gap:6px}.mask-editor__footer button{padding-inline:11px}.mask-editor__status:empty{display:none}.mask-editor__apply{margin-left:auto}.mask-editor input{font-size:16px}}.dialkit-root{position:relative;--dial-surface: rgba(255, 255, 255, .05);--dial-surface-hover: rgba(255, 255, 255, .1);--dial-surface-active: rgba(255, 255, 255, .11);--dial-surface-subtle: rgba(255, 255, 255, .06);--dial-text-root: #FFFFFF;--dial-text-section: rgba(255, 255, 255, .7);--dial-text-label: rgba(255, 255, 255, .7);--dial-text-focus: #ffffff;--dial-text-primary: rgba(255, 255, 255, .95);--dial-text-secondary: rgba(255, 255, 255, .6);--dial-text-tertiary: rgba(255, 255, 255, .4);--dial-border: rgba(255, 255, 255, .1);--dial-border-hover: rgba(255, 255, 255, .15);--dial-focus-ring: rgba(255, 255, 255, .6);--dial-timeline-clip-overlay: transparent;--dial-glass-bg: #212121;--dial-dropdown-bg: #2a2a2a;--dial-backdrop-blur: 20px;--dial-radius: 8px;--dial-row-height: 36px;--dial-row-gap: 6px;--dial-shadow: 0 8px 32px rgba(0, 0, 0, .5);--dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, .25);--dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4);font-family:system-ui,-apple-system,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dialkit-panel{position:fixed;z-index:9999;max-height:calc(100vh - 32px);overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{position:static;z-index:auto;max-height:inherit;height:auto;overflow:visible}.dialkit-panel-inner{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));padding:10px 12px;transform:translateZ(0);transform-origin:var(--dial-origin-y, top) var(--dial-origin-x, right)}.dialkit-panel[data-origin-x=left]{--dial-origin-x: left}.dialkit-panel[data-origin-x=right]{--dial-origin-x: right}.dialkit-panel[data-origin-y=top]{--dial-origin-y: top}.dialkit-panel[data-origin-y=bottom]{--dial-origin-y: bottom}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{transform-origin:center;border-radius:50%;padding:12px;box-sizing:border-box}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none;overflow-anchor:none}.dialkit-panel-inner[data-folding=true]:not(.dialkit-panel-inline){height:var(--dial-panel-fold-height)!important}.dialkit-panel-inner:not([data-collapsed=true]){padding-top:0}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{position:sticky;top:0;z-index:3;padding-top:10px;background:var(--dial-glass-bg)}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:before,.dialkit-folder-section>.dialkit-folder-header:before{content:"";position:absolute;top:0;right:-12px;bottom:0;left:-12px;z-index:-1;background:var(--dial-glass-bg);pointer-events:none}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header .dialkit-panel-icon{right:0}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;overflow:visible;box-shadow:none;border-radius:0;border:none;box-sizing:border-box}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{display:flex;flex-direction:column;width:100%;max-height:inherit;height:auto}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder:last-child:not(.dialkit-folder-root){padding-bottom:0;margin-bottom:0}.dialkit-folder-root{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-header{padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{color:var(--dial-text-label);opacity:.6}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.dialkit-folder-title{font-size:13px;font-weight:600;color:var(--dial-text-section);letter-spacing:-.01em;transform:translateY(-.5px);transition:color .15s}.dialkit-folder-title-root{font-size:15px;font-weight:600;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-folder-title-row{display:flex;align-items:center;gap:6px;flex:1;white-space:nowrap;overflow:hidden}.dialkit-folder-copy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;color:var(--dial-text-label);opacity:.6}.dialkit-panel-icon{position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--dial-text-focus);z-index:1}.dialkit-folder-content{will-change:transform}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-content{overflow-y:clip}.dialkit-folder-inner{display:flex;flex-direction:column;gap:var(--dial-row-gap);padding-bottom:10px}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){margin-top:-10px;border-top:none}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{padding:0;height:100%}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child:not(:has(~.dialkit-folder)){border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{padding-top:0;padding-bottom:0;margin-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:auto}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{margin:0;padding-bottom:0;border-top:1px solid var(--dial-surface-subtle);border-bottom:none}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{font-size:15px;font-weight:600;line-height:20px;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:0;padding-bottom:12px}.dialkit-panel .dialkit-folder.dialkit-folder-section>.dialkit-folder-header{position:sticky;top:var(--dial-panel-header-height, 0px);z-index:2;height:auto;background:var(--dial-glass-bg)}.dialkit-folder-section{--dial-section-header-height: calc(44px + var(--dial-row-height) + 10px)}.dialkit-folder-inner :is(button,input,textarea,[tabindex]){scroll-margin-top:calc(var(--dial-panel-header-height, 0px) + var(--dial-section-header-height, 0px) + var(--dial-row-gap))}.dialkit-folder.dialkit-folder-section>.dialkit-folder-header>.dialkit-folder-header-top{height:var(--dial-row-height)}.dialkit-panel-section-toolbar-clip{overflow-y:clip}.dialkit-folder-section>.dialkit-folder-header>.dialkit-panel-section-toolbar-clip>.dialkit-panel-section-toolbar{padding-top:4px;padding-bottom:var(--dial-row-gap);box-sizing:content-box}.dialkit-panel-toolbar:empty,.dialkit-panel-section-toolbar:empty{display:none}.dialkit-slider-wrapper{position:relative;height:var(--dial-row-height)}.dialkit-slider{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none}.dialkit-slider-hashmarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dialkit-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{position:absolute;top:0;bottom:0;left:0;background:var(--dial-surface-active);transition:background .15s;pointer-events:none}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{position:absolute;top:50%;width:3px;height:20px;border-radius:999px;background:var(--dial-text-primary);pointer-events:none}.dialkit-slider-label{position:absolute;left:10px;top:50%;transform:translateY(calc(-50% - .5px));font-size:13px;font-weight:500;color:var(--dial-text-label);pointer-events:none;transition:color .15s;display:inline-flex;align-items:center}.dialkit-slider-value{position:absolute;right:12px;top:50%;transform:translateY(calc(-50% + .5px));font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);pointer-events:auto;transition:color .15s,border-color .15s;border-bottom:1px solid transparent;padding-bottom:1px}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:4ch;min-width:3ch;max-width:6ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;border-bottom:1px solid var(--dial-text-label);padding:0 0 1px;outline:none;text-align:right}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{position:relative;display:flex;padding:2px;background:transparent;border-radius:var(--dial-radius)}.dialkit-segmented-pill{position:absolute;top:2px;bottom:2px;background:var(--dial-surface-active);border-radius:6px;z-index:0;pointer-events:none}.dialkit-segmented-button{position:relative;z-index:1;flex:0 0 auto;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:color .15s}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{font-size:13px;font-weight:500;color:var(--dial-text-label);transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--dial-surface-active);transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:8px;background:var(--dial-text-primary)}.dialkit-button-group{display:flex;flex-direction:column;gap:6px}.dialkit-button{flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:2px 10px 2px 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-labeled-control-label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;line-height:17px}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{display:flex;flex-direction:column;gap:6px;width:160px}.dialkit-spring-viz{width:100%;border-radius:var(--dial-radius);background:var(--dial-surface);overflow:visible}.dialkit-easing-viz{position:relative;width:100%;aspect-ratio:256 / 180;border-radius:var(--dial-radius);background:var(--dial-surface);overflow:hidden;isolation:isolate}.dialkit-easing-viz svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.dialkit-easing-reference{stroke:var(--dial-text-tertiary);stroke-width:1;stroke-dasharray:3 4;opacity:.4}.dialkit-easing-tangent{stroke:var(--dial-text-tertiary);stroke-width:1}.dialkit-easing-curve{fill:none;stroke:var(--dial-text-primary);stroke-width:2;stroke-linecap:round}.dialkit-easing-endpoint{fill:var(--dial-text-secondary)}.dialkit-easing-handle{position:absolute;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.dialkit-easing-handle:after{content:"";width:10px;height:10px;box-sizing:border-box;border:1.5px solid var(--dial-text-secondary);border-radius:50%;background:var(--dial-surface)}.dialkit-easing-handle:hover:after,.dialkit-easing-handle:focus-visible:after,.dialkit-easing-handle[data-dragging]:after{border-color:var(--dial-text-primary);background:var(--dial-text-primary)}.dialkit-easing-handle[data-dragging]{cursor:grabbing;z-index:1}.dialkit-easing-handle:disabled{pointer-events:none}.dialkit-easing-instructions{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dialkit-panel-wrapper{display:inline-flex;flex-direction:column}.dialkit-panel-toolbar{display:flex;align-items:center;gap:6px;height:var(--dial-row-height);margin-bottom:6px;min-width:0;overflow:hidden}.dialkit-panel-section-toolbar{display:flex;align-items:center;gap:6px;width:100%;height:var(--dial-row-height);min-width:0;overflow:hidden}.dialkit-toolbar-add{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-timeline-toolbar-toggle[data-active]{background:var(--dial-surface-active);color:var(--dial-text-root)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-timeline-toolkit-only{height:var(--dial-row-height);display:flex;align-items:center;padding:0 12px;border-radius:var(--dial-radius);background:var(--dial-surface-subtle);color:var(--dial-text-secondary);font-size:12px}.dialkit-toolbar-copy{position:relative;display:flex;align-items:center;gap:6px;height:var(--dial-row-height);padding:0 12px;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{position:relative;width:16px;height:16px;flex-shrink:0}.dialkit-toolbar-copy-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px}.dialkit-text-control{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;height:var(--dial-row-height);min-height:var(--dial-row-height);overflow:clip;padding:calc((var(--dial-row-height) - 18px) / 2) 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-text-label{line-height:18px;font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0}.dialkit-text-input{display:block;box-sizing:border-box;margin:0;margin-right:calc(-1 * var(--dial-text-gutter, 0px));flex:1;width:0;min-width:0;height:18px;line-height:18px;resize:none;overflow:hidden;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--dial-text-tertiary) transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right;cursor:text}.dialkit-text-control[data-autosized]{transition:height .18s cubic-bezier(.2,0,0,1)}.dialkit-text-input::-webkit-scrollbar{width:6px}.dialkit-text-input::-webkit-scrollbar-track{background:transparent}.dialkit-text-input::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:3px}@media(prefers-reduced-motion:reduce){.dialkit-text-control[data-autosized]{transition:none}}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input:focus-visible{background-image:linear-gradient(var(--dial-focus-ring),var(--dial-focus-ring));background-repeat:no-repeat;background-position:4px bottom;background-size:calc(100% - var(--dial-text-gutter, 0px) - 4px) 1px}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-select-right{display:flex;align-items:center;gap:8px}.dialkit-select-value{font-size:13px;font-weight:500;color:var(--dial-text-label);transform:translateY(-.5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-select-chevron{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;opacity:.6}.dialkit-select-dropdown{margin:0;inset:auto;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-select-option{min-height:36px;display:block;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-image-control{display:flex;align-items:center;gap:8px;width:100%;height:var(--dial-row-height);padding:0 6px 0 12px;border:0;border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);font:500 13px system-ui,-apple-system,sans-serif;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}.dialkit-image-control:hover{background:var(--dial-surface-hover)}.dialkit-image-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover);color:var(--dial-text-primary)}.dialkit-image-label{flex-shrink:0}.dialkit-image-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--dial-text-secondary);font-size:12px}.dialkit-image-frame{position:relative;display:block;overflow:hidden;border-radius:var(--dial-radius);background:repeating-conic-gradient(var(--dial-surface) 0% 25%,transparent 0% 50%) 0 / 12px 12px,var(--dial-surface)}.dialkit-image-img{display:block;width:100%;height:100%;object-fit:cover}.dialkit-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dial-text-tertiary)}.dialkit-image-fallback svg{width:24px;height:24px}.dialkit-image-thumbnail{flex:0 0 38px;height:26px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--dial-border)}.dialkit-image-thumbnail svg{width:16px;height:16px}.dialkit-image-popover{display:flex;flex-direction:column;gap:10px;position:fixed;margin:0;inset:auto;z-index:10002;box-sizing:border-box;padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;border:1px solid var(--dial-border);border-radius:14px;background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);font:500 13px system-ui,-apple-system,sans-serif;animation:dialkit-color-enter .16s ease-out}.dialkit-image-popover *,.dialkit-image-popover *:before,.dialkit-image-popover *:after{box-sizing:border-box}.dialkit-image-popover>*{flex-shrink:0}.dialkit-image-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dialkit-image-title{color:var(--dial-text-primary)}.dialkit-image-clear{margin:-4px -4px -4px 0;padding:4px;border:0;border-radius:4px;background:none;color:var(--dial-text-tertiary);font:inherit;font-size:11px;cursor:pointer}.dialkit-image-clear:hover{color:var(--dial-text-primary)}.dialkit-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dial-row-gap)}.dialkit-image-option{position:relative;display:block;width:100%;padding:3px;border:1px solid transparent;border-radius:calc(var(--dial-radius) + 3px);background:transparent;cursor:pointer;transition:border-color .15s,background .15s}.dialkit-image-option-preview{width:100%;aspect-ratio:4 / 3;border-radius:calc(var(--dial-radius) - 1px)}.dialkit-image-option:hover{background:var(--dial-surface-hover);border-color:var(--dial-border-hover)}.dialkit-image-option[aria-pressed=true]{border-color:var(--dial-text-label);background:var(--dial-surface-active)}.dialkit-image-upload{display:flex;flex:none;align-items:center;justify-content:center;gap:8px;width:100%}.dialkit-image-upload svg{width:15px;height:15px}.dialkit-image-popover[data-dragging=true] .dialkit-image-upload{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-image-upload[aria-disabled=true]{opacity:.6;cursor:progress}.dialkit-image-empty{padding:28px 12px;border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-tertiary);font-weight:400;text-align:center}.dialkit-image-status{font-size:11px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.dialkit-image-popover [hidden],.dialkit-image-frame [hidden],.dialkit-image-file{display:none}@media(prefers-reduced-motion:reduce){.dialkit-image-popover{animation:none}}.dialkit-pad{display:grid;gap:var(--dial-row-gap);min-width:0}.dialkit-pad-caption{display:flex;align-items:center;min-width:0;height:var(--dial-row-height);padding:0 12px;border-radius:var(--dial-radius);background:var(--dial-surface)}.dialkit-pad-label{flex:1;min-width:0;color:var(--dial-text-label);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-pad-surface{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--dial-radius);background:var(--dial-surface);cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.dialkit-pad-plane{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none}.dialkit-pad-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dialkit-pad-grid-line{position:absolute;background:var(--dial-border);opacity:.65}.dialkit-pad-grid-vertical{top:0;bottom:0;width:1px;transform:translate(-50%)}.dialkit-pad-grid-horizontal{left:0;right:0;height:1px;transform:translateY(-50%)}.dialkit-pad-center{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:var(--dial-text-tertiary);transform:translate(-50%,-50%)}.dialkit-pad-point{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--dial-text-primary);box-shadow:0 0 0 0 transparent,0 2px 4px #0003;transform:translate(-50%,-50%);transition:box-shadow .15s;pointer-events:auto;cursor:grab}.dialkit-pad-surface[data-dragging=true],.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{cursor:grabbing}.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{box-shadow:0 0 0 6px var(--dial-border-hover),0 2px 6px #0003}.dialkit-pad-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dial-row-gap)}.dialkit-pad-field{display:flex;align-items:center;gap:4px;min-width:0;height:var(--dial-row-height);padding:0 12px 0 10px;border-radius:var(--dial-radius);background:var(--dial-surface)}.dialkit-pad-axis{min-width:0;max-width:35%;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--dial-text-label)}.dialkit-pad-value{min-width:0;width:100%;border:0;padding:0 0 1px;background:transparent;color:var(--dial-text-label);text-align:right;font:500 13px Geist Mono,monospace}.dialkit-pad-field:focus-within{background:var(--dial-surface-hover)}.dialkit-pad-value:focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-pad-value:focus{color:var(--dial-text-focus)}.dialkit-pad-instructions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.dialkit-pad-point{transition:none}}.dialkit-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius);transition:background .15s,box-shadow .15s}.dialkit-color-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover)}.dialkit-color-control[data-open=true] .dialkit-color-label,.dialkit-color-control[data-open=true] .dialkit-color-value{color:var(--dial-text-primary)}.dialkit-color-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-color-inputs{display:flex;align-items:center;gap:8px}.dialkit-color-inputs{min-width:0;flex:1;justify-content:flex-end}.dialkit-color-value{min-width:0;width:100%;padding:4px 0;border:0;outline:none;background:transparent;color:var(--dial-text-label);font:500 13px Geist Mono,monospace;text-align:right;text-overflow:ellipsis}.dialkit-color-value:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{flex:0 0 20px;width:20px;height:20px;padding:0;border-radius:5px;border:1px solid var(--dial-border-hover);background:linear-gradient(var(--dial-color),var(--dial-color)),repeating-conic-gradient(#aaa,#aaa 25%,#eee 0%,#eee 50%) 0 / 8px 8px;box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.08)}.dialkit-color-popover{display:grid;gap:var(--dial-row-gap);position:fixed;margin:0;inset:auto;z-index:10002;box-sizing:border-box;padding:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--dial-border);border-radius:14px;background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);animation:dialkit-color-enter .16s ease-out}.dialkit-color-popover *,.dialkit-color-popover *:before,.dialkit-color-popover *:after{box-sizing:border-box}.dialkit-color-plane{position:relative;height:160px;border-radius:var(--dial-radius);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.dialkit-color-canvas{display:block;width:100%;height:100%;border-radius:inherit}.dialkit-color-plane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001a;pointer-events:none}.dialkit-color-marker{position:absolute;z-index:1;width:12px;height:12px;margin:-6px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;pointer-events:none}.dialkit-color-tracks{display:grid;gap:var(--dial-row-gap)}.dialkit-color-track-row{display:flex;align-items:center;gap:12px;height:var(--dial-row-height);padding:0 12px;border-radius:var(--dial-radius);background:var(--dial-surface);font-size:13px;font-weight:500}.dialkit-color-track-row>span{flex:0 0 52px;color:var(--dial-text-label)}.dialkit-color-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;touch-action:none}.dialkit-color-hue{--dial-color-thumb-bg: var(--dial-color-thumb)}.dialkit-color-opacity{--dial-color-track-bg: linear-gradient(to right, transparent, var(--dial-color-opaque)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;--dial-color-thumb-bg: linear-gradient(var(--dial-color-thumb), var(--dial-color-thumb)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px}.dialkit-color-track::-webkit-slider-runnable-track{height:16px;border-radius:4px;background:var(--dial-color-track-bg)}.dialkit-color-track::-moz-range-track{height:16px;border:0;border-radius:4px;background:var(--dial-color-track-bg)}.dialkit-color-track::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:16px;height:24px;margin-top:-4px;border-radius:5px;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid white;box-shadow:0 2px 4px #0000004d}.dialkit-color-track::-moz-range-thumb{box-sizing:border-box;width:16px;height:24px;border-radius:5px;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid white;box-shadow:0 2px 4px #0000004d}.dialkit-color-format-row{padding:2px}.dialkit-color-format-row .dialkit-color-formats{flex:1;min-width:0;margin-right:0}.dialkit-color-formats .dialkit-segmented-pill{left:2px;width:calc((100% - 4px) / 3);transition:transform .2s cubic-bezier(.25,1,.5,1)}.dialkit-color-format{flex:1 1 0;min-width:0;white-space:nowrap}.dialkit-color-format:hover{color:var(--dial-text-primary)}.dialkit-color-css-input{display:block;width:100%;height:var(--dial-row-height);padding:0 12px;border:0;border-radius:var(--dial-radius);background:var(--dial-surface);outline:none;color:var(--dial-text-label);font:500 13px Geist Mono,monospace}.dialkit-color-css-input:focus{color:var(--dial-text-focus)}.dialkit-color-popover input[aria-invalid=true],.dialkit-color-value[aria-invalid=true]{color:#ef7777}@keyframes dialkit-color-enter{0%{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dialkit-color-popover{animation:none}.dialkit-color-formats .dialkit-segmented-pill{transition:none}}.dialkit-preset-manager{position:relative;flex:1}.dialkit-preset-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-dropdown{margin:0;inset:auto;overflow-y:auto;overscroll-behavior:contain;width:max-content;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-preset-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--dial-border)}.dialkit-preset-item{box-sizing:border-box;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:8px;border-radius:8px;cursor:pointer;transition:background .15s}.dialkit-preset-item+.dialkit-preset-item{margin-top:2px}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{flex:1;min-width:0;padding:0;border:0;border-radius:4px;background:transparent;font-family:inherit;text-align:left;cursor:pointer;font-size:13px;font-weight:500;color:var(--dial-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.dialkit-preset-item:focus-within .dialkit-preset-delete{opacity:.6}.dialkit-preset-item:focus-within{background:var(--dial-surface-hover)}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{transition:color .15s ease;width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none}.dialkit-preset-delete:hover svg{color:#ff3b30}.dialkit-preset-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{display:flex;align-items:center;gap:6px;padding:4px}.dialkit-preset-input{flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--dial-surface);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{display:inline-block;font-size:10px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);padding:1px 5px;border-radius:4px;margin-left:6px;letter-spacing:.02em;line-height:16px;white-space:nowrap;vertical-align:middle;transition:color .15s,background .15s}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:8px;z-index:10000;box-shadow:var(--dial-shadow-dropdown);min-width:200px}.dialkit-shortcuts-title{font-size:11px;font-weight:600;color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px}.dialkit-shortcuts-list{display:flex;flex-direction:column;gap:2px}.dialkit-shortcuts-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.dialkit-shortcuts-row-key{font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Courier New,monospace;color:var(--dial-text-secondary);background:var(--dial-surface-subtle);padding:2px 6px;border-radius:4px;min-width:28px;text-align:center}.dialkit-shortcuts-row-label{flex:1;font-size:13px;font-weight:500;color:var(--dial-text-label)}.dialkit-shortcuts-row-mode{font-size:11px;font-weight:500;color:var(--dial-text-tertiary);font-style:italic}.dialkit-shortcuts-hint{font-size:11px;color:var(--dial-text-tertiary);padding:6px 8px 2px;border-top:1px solid var(--dial-border);margin-top:4px}.dialkit-root[data-theme=light]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-focus-ring: rgba(0, 0, 0, .55);--dial-timeline-clip-overlay: rgba(0, 0, 0, .28);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media(prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-focus-ring: rgba(0, 0, 0, .55);--dial-timeline-clip-overlay: rgba(0, 0, 0, .28);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}.dialkit-timeline{position:fixed;left:12px;right:12px;bottom:12px;z-index:9998}.dialkit-timeline[hidden]{display:none}.dialkit-timeline-dock{position:relative;box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));padding:0 12px 10px;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent}.dialkit-timeline-resize-handle{position:absolute;top:-4px;left:0;right:0;z-index:9;height:10px;cursor:ns-resize;touch-action:none}.dialkit-timeline-dock::-webkit-scrollbar{width:8px}.dialkit-timeline-dock::-webkit-scrollbar-track{background:transparent}.dialkit-timeline-dock::-webkit-scrollbar-thumb{border-radius:999px;background:var(--dial-text-tertiary)}.dialkit-timeline-section{--dial-timeline-label-w: 96px;--dial-timeline-actions-w: 284px;--dial-timeline-header-h: calc(var(--dial-row-height) + 4px)}.dialkit-timeline-section+.dialkit-timeline-section{border-top:1px solid var(--dial-border);padding-top:10px}.dialkit-timeline-header{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;position:sticky;top:0;z-index:7;box-sizing:border-box;height:var(--dial-timeline-header-h);padding:4px 0 0;margin:0;background:var(--dial-glass-bg);backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur))}.dialkit-timeline-header[data-open]{grid-template-columns:minmax(0,1fr) auto;gap:12px}.dialkit-timeline-header:not([data-open]){grid-template-columns:var(--dial-timeline-label-w) minmax(0,1fr) auto;gap:0}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-identity{width:var(--dial-timeline-label-w);box-sizing:border-box;padding-right:10px;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-title{overflow:hidden;text-overflow:ellipsis}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-overview{margin-right:12px}.dialkit-timeline-identity{min-width:0;display:flex;align-items:center;gap:10px}.dialkit-timeline-title{display:block;min-width:0;font-size:15px;font-weight:600;color:var(--dial-text-root);letter-spacing:-.01em;white-space:nowrap}.dialkit-timeline-header[data-open] .dialkit-timeline-identity{width:100%;overflow:hidden}.dialkit-timeline-header[data-open] .dialkit-timeline-title{display:inline-block;flex:0 1 auto;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dialkit-timeline-time{font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--dial-text-label);white-space:nowrap}.dialkit-timeline-overview{position:relative;min-width:60px;height:12px;border-radius:999px;background:var(--dial-surface-subtle);overflow:hidden;cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none}.dialkit-timeline-overview-viewport{position:absolute;inset-block:0;border-radius:inherit;pointer-events:none}.dialkit-timeline-overview-viewport[data-zoomed]{background:color-mix(in srgb,var(--dial-text-tertiary) 18%,transparent);box-shadow:inset 0 0 0 1px var(--dial-border)}.dialkit-timeline-overview-progress{position:absolute;inset:0 auto 0 0;border-radius:999px 0 0 999px;background:var(--dial-text-tertiary);opacity:.35;pointer-events:none}.dialkit-timeline-overview-playhead{position:absolute;top:0;bottom:0;width:2px;border-radius:2px;background:var(--dial-text-root);transform:translate(-1px);pointer-events:none}.dialkit-timeline-actions{display:flex;align-items:center;gap:6px}.dialkit-timeline-header[data-open] .dialkit-timeline-actions{width:auto;box-sizing:border-box;justify-content:flex-end;padding-left:0}.dialkit-timeline-actions .dialkit-preset-manager{flex:0 0 120px;width:120px}.dialkit-timeline-chevron{background:none;border:none;width:20px;height:var(--dial-row-height);padding:2px;cursor:pointer;color:var(--dial-text-label);opacity:.6;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.dialkit-timeline-chevron:hover{opacity:1}.dialkit-timeline-chevron svg{width:16px;height:16px;transition:transform .18s ease}.dialkit-timeline-chevron[data-open=true] svg{transform:rotate(180deg)}.dialkit-timeline-body{margin-top:0;overflow:visible}.dialkit-timeline-scroll-row{position:sticky;bottom:-10px;z-index:6;display:grid;grid-template-columns:var(--dial-timeline-label-w) minmax(0,1fr);margin-top:6px;margin-bottom:-10px;padding:4px 0 10px;background:var(--dial-glass-bg);backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur))}.dialkit-timeline-horizontal-scroll{min-width:0;height:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;overscroll-behavior-x:contain}.dialkit-timeline-horizontal-scroll>div{height:1px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar{height:8px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-track{background:transparent}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--dial-text-tertiary)}.dialkit-timeline-grid{position:relative;display:flex;flex-direction:column;gap:6px}.dialkit-timeline-row{display:grid;grid-template-columns:var(--dial-timeline-label-w) minmax(0,1fr);align-items:stretch}.dialkit-timeline-label{flex:0 0 var(--dial-timeline-label-w);box-sizing:border-box;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--dial-text-label);padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;-webkit-user-select:none}.dialkit-timeline-ruler{position:relative;min-width:0;height:28px;cursor:col-resize;touch-action:none;overflow:visible;user-select:none;-webkit-user-select:none;z-index:5}.dialkit-timeline-ruler-row{position:sticky;top:var(--dial-timeline-header-h);z-index:6;height:28px;background:var(--dial-glass-bg);backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur))}.dialkit-timeline-tick{position:absolute;top:50%;width:1px;height:100%;background:var(--dial-text-tertiary);transform:translateY(-50%);pointer-events:none}.dialkit-timeline-tick-medium{height:16px;background:var(--dial-border-hover)}.dialkit-timeline-tick-fine{height:8px;background:var(--dial-border)}.dialkit-timeline-tick-label{position:absolute;top:50%;left:4px;display:flex;align-items:center;height:18px;transform:translateY(-50%);font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--dial-text-tertiary);white-space:nowrap}.dialkit-timeline-row{height:28px}.dialkit-timeline-group-row{height:22px}.dialkit-timeline-group-row .dialkit-timeline-label{gap:4px;font-weight:600;color:var(--dial-text-root)}.dialkit-timeline-group-row .dialkit-timeline-lane{background:none}.dialkit-timeline-group-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin-left:-2px;cursor:pointer;color:var(--dial-text-tertiary)}.dialkit-timeline-group-toggle svg{width:10px;height:10px;transform:rotate(-90deg);transition:transform .15s ease}.dialkit-timeline-group-toggle[data-open=true] svg{transform:rotate(0)}.dialkit-timeline-row[data-grouped] .dialkit-timeline-label{padding-left:14px}.dialkit-timeline-lane{position:relative;flex:1;background:var(--dial-surface-subtle);border-radius:8px;overflow:hidden}.dialkit-timeline-clip{position:absolute;top:3px;bottom:3px;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 9px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box;overflow:hidden;z-index:1;box-shadow:inset 0 0 0 999px var(--dial-timeline-clip-overlay)}.dialkit-timeline-clip-ghost{position:absolute;top:4px;bottom:4px;display:flex;border-radius:5px;box-sizing:border-box;overflow:hidden;opacity:.18;pointer-events:none;user-select:none;-webkit-user-select:none}.dialkit-timeline-clip-ghost-segment{height:100%;flex-shrink:0;box-sizing:border-box}.dialkit-timeline-clip-ghost-segment+.dialkit-timeline-clip-ghost-segment{box-shadow:inset 1px 0 #00000080}.dialkit-timeline-loop-infinity{position:absolute;top:50%;right:7px;z-index:2;color:var(--dial-text-tertiary);font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:600;line-height:1;transform:translateY(-50%);pointer-events:none;user-select:none;-webkit-user-select:none}.dialkit-timeline-clip[data-dragging]{cursor:grabbing}.dialkit-timeline-clip[data-selected]{box-shadow:0 0 0 2px var(--dial-text-root),inset 0 0 0 999px var(--dial-timeline-clip-overlay)}.dialkit-timeline-clip-duration{font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;font-variant-numeric:tabular-nums;color:#0000008c;white-space:nowrap;pointer-events:none}.dialkit-timeline-clip[data-steps]{padding:0;justify-content:flex-start}.dialkit-timeline-clip-segment{position:relative;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;box-sizing:border-box;overflow:hidden}.dialkit-timeline-clip-segment+.dialkit-timeline-clip-segment{box-shadow:inset 1.5px 0 #00000040}.dialkit-timeline-clip-segment:hover{background:#0000000f}.dialkit-timeline-clip-segment[data-selected]{background:#0000001f}.dialkit-timeline-clip[data-composite]{cursor:pointer}.dialkit-timeline-track-row .dialkit-timeline-label{font-size:13px;color:var(--dial-text-tertiary);padding-left:26px}.dialkit-timeline-track-row[data-grouped] .dialkit-timeline-label{padding-left:32px}.dialkit-timeline-clip-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.dialkit-timeline-clip-handle[data-edge=start]{left:0}.dialkit-timeline-clip-handle[data-edge=end]{right:0}.dialkit-timeline-playhead-control{position:absolute;top:0;bottom:0;width:12px;margin-left:-6px;cursor:ew-resize;touch-action:none}.dialkit-timeline-playhead-anchor{position:sticky;top:calc(var(--dial-timeline-header-h) + 14px);z-index:8;width:0;height:0;margin-left:6px}.dialkit-timeline-playhead-anchor:before{content:"";position:absolute;top:0;left:-1px;width:2px;height:15px;background:var(--dial-text-root);pointer-events:none}.dialkit-timeline-playhead-flag{position:absolute;top:0;left:calc(var(--dial-timeline-playhead-flag-offset, 0px) - 26px);z-index:1;width:52px;height:18px;padding:0 7px;box-sizing:border-box;border:1px solid rgba(255,255,255,.75);border-radius:6px;background:#f3f3f3;color:#414141;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;line-height:16px;text-align:center;white-space:nowrap;transform:translateY(-50%);box-shadow:0 1px 4px #00000047;transition:top .12s ease}.dialkit-timeline-playhead-stem{position:absolute;top:27px;bottom:0;left:5px;z-index:5;width:2px;background:var(--dial-text-root);pointer-events:none}.dialkit-timeline-popover{position:fixed;z-index:10000;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));box-shadow:var(--dial-shadow);padding:10px 12px;box-sizing:border-box;max-height:60vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.dialkit-timeline-popover::-webkit-scrollbar{display:none}.dialkit-timeline-popover-header{display:flex;align-items:center;gap:8px;padding:2px 2px 8px;margin-bottom:6px;border-bottom:1px solid var(--dial-border)}.dialkit-timeline-popover-title{font-size:15px;font-weight:600;color:var(--dial-text-root);letter-spacing:-.01em}.dialkit-timeline-popover-close{width:24px;height:24px;margin-left:auto;padding:5px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:none;color:var(--dial-text-tertiary);cursor:pointer}.dialkit-timeline-popover-close:hover{color:var(--dial-text-root);background:var(--dial-surface-hover)}.dialkit-timeline-popover-close svg{width:14px;height:14px}.dialkit-timeline-popover-body{display:flex;flex-direction:column;gap:6px}.dialkit-timeline-popover-body>.dialkit-folder:first-child{margin-top:0;border-top:none}@media(max-width:720px){.dialkit-timeline-dock{padding:0 10px 10px}.dialkit-timeline-header{grid-template-columns:auto minmax(40px,1fr) auto;gap:8px}.dialkit-timeline-section{--dial-timeline-label-w: 76px;--dial-timeline-actions-w: 270px}.dialkit-timeline-identity{overflow:hidden;gap:7px}.dialkit-timeline-title{font-size:13px;overflow:hidden;text-overflow:ellipsis}.dialkit-timeline-time{font-size:11px}.dialkit-timeline-overview{height:12px}.dialkit-timeline-actions{min-width:0}.dialkit-timeline-actions .dialkit-preset-manager{flex-basis:100px;width:100px}.dialkit-timeline-chevron{width:26px;height:28px;justify-content:center;padding:0}.dialkit-timeline-grid{min-width:0}}.dialkit-root :where(button,input,textarea,[tabindex]):focus{outline:none}.dialkit-root :where(button,[role=slider],[role=button],.dialkit-color-plane,.dialkit-pad-surface):focus-visible{outline:2px solid var(--dial-focus-ring);outline-offset:-2px}.dialkit-folder-header-top[role=button]{border-radius:5px}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{border-radius:50%}.dialkit-slider:focus-visible .dialkit-slider-value,.dialkit-slider:focus-within .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider:focus-visible .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-select-option:focus-visible{background:var(--dial-surface-hover);color:var(--dial-text-focus)}.dialkit-root :where(.dialkit-slider-input,.dialkit-color-value,.dialkit-preset-input):focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-color-css-input:focus-visible{outline:none}.dialkit-shortcuts-dropdown{margin:0;inset:auto;overflow-y:auto}@media(forced-colors:active){.dialkit-root{--dial-focus-ring: Highlight}}.dialkit-toolbar-primary{background:var(--dial-text-root);color:var(--dial-glass-bg)}.dialkit-toolbar-primary:hover{background:color-mix(in srgb,var(--dial-text-root) 88%,var(--dial-glass-bg))}.dialkit-toolbar-primary svg{color:inherit}.dialkit-preset-check{width:14px;height:14px;flex-shrink:0;color:var(--dial-text-focus)}.dialkit-preset-divider{height:1px;margin:4px 0;background:var(--dial-surface-subtle)}.dialkit-preset-create{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--dial-text-label);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s}.dialkit-preset-create:hover,.dialkit-preset-create:focus-visible{background:var(--dial-surface-hover)}:root{font-family:Arial,Helvetica,sans-serif;color:#272a23;background:#f0eee8;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted: #62695b;--line: #d9d9ce;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit}button,select,summary{cursor:pointer;touch-action:manipulation}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #c7552d;outline-offset:4px}button{-webkit-tap-highlight-color:transparent}button:not(:disabled):active{transform:translateY(1px)}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 38px}.brand{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1.4px}.brand-mark{font-size:35px;letter-spacing:-3.5px;line-height:1;font-weight:900}.brand-mark>span{color:#c55132;font-size:31px;margin-left:5px}.brand-sub{display:block;margin-top:6px;color:var(--muted);font:8px var(--mono);letter-spacing:1px}.experiment-label{display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.7px}.live-dot,.status-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#466d46}.divider{color:#adafa3;margin:0 3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;background:transparent;border:1px solid #bdbfb2;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:#292e25;color:#f1efdf;border-color:#292e25;padding:12px 19px}main{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px}.workspace{padding:32px 38px 16px;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:10px}.eyebrow{font:9px var(--mono);letter-spacing:1px}h1{font-size:clamp(19px,2vw,27px);margin:8px 0 0;font-weight:500;letter-spacing:-.8px}.edition{font:8px/1.8 var(--mono);letter-spacing:1px;text-align:right;color:var(--muted)}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-bottom:17px}.upload-button{border-color:#9da28f;background:#f8f7f0;padding:9px 12px}.auto-toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:#555a4e;cursor:pointer}.auto-toggle input{accent-color:#3e583b;width:13px;height:13px}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:13px}.format-label select{border:0;background:transparent;font-size:11px;padding:6px 2px;color:#4e5548;max-width:95px}.compare-button{background:transparent;border:1px solid #c8cbbd;border-radius:4px;padding:7px 11px;font-size:11px}.compare-button.is-active{background:#dfe3d5;border-color:#657758}.stage{display:flex;flex-direction:column;align-items:center;padding:24px 24px 13px;background:#e4e5dc;border:1px solid #d4d7c9;background-image:radial-gradient(#8e968035 .7px,transparent .7px);background-size:8px 8px}.canvas-wrap{position:relative;width:100%;background-color:#d9d9d1;background-image:conic-gradient(#ededdf 25%,transparent 0 50%,#ededdf 0 75%,transparent 0);background-size:20px 20px;box-shadow:0 4px 16px #212b1c15;overflow:hidden}canvas{display:block;width:100%;height:100%}.stage-caption{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:#58644d;font:8px var(--mono);letter-spacing:.5px}.tiny-cross{margin-right:5px}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#eee9d4;padding:20px}.pixel-bust{width:92px;height:92px;margin-bottom:22px;opacity:.9}.empty-state h2{font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-2px;font-weight:700;margin:0}.empty-state p{font-size:12px;line-height:1.7;opacity:.75;margin:18px 0 20px}.empty-upload{display:flex;align-items:center;gap:24px;border:1px solid currentColor;color:inherit;background:#ffffff08;border-radius:3px;font-size:12px;padding:12px 16px}.empty-meta{font:7px var(--mono);letter-spacing:1px;opacity:.85;margin-top:18px}.busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#244b37ed;color:#f3edd8;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.processing-mark{display:block;font-size:54px;margin-bottom:20px}.busy-overlay strong{font-size:30px;font-weight:500;letter-spacing:-1px}.busy-overlay p{font-size:12px;line-height:1.7;max-width:320px}.busy-overlay>span:last-child{font:9px/1.6 var(--mono);opacity:.65}.canvas-tag{position:absolute;left:12px;top:12px;padding:7px 9px;background:#f2efdf;color:#2a3324;font:8px var(--mono)}.drop-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed #ece5b7;background:#315b43ee;display:grid;place-items:center;color:#f6edcf;font-size:24px;text-align:center;pointer-events:none}.preset-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:26px 0 12px}.preset-heading>span:last-child{font-size:10px;color:var(--muted)}.presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.preset{min-width:0;text-align:left;display:flex;gap:9px;align-items:center;position:relative;background:#f5f3ed;border:1px solid #d5d7ca;border-radius:4px;padding:10px}.preset.selected{background:#e5e8da;border-color:#78866a}.preset-swatch{flex-shrink:0;display:grid;place-items:center;height:36px;width:29px;color:#f1ecd5;font-size:29px;line-height:1;border-radius:2px;overflow:hidden}.swatch-xerox,.swatch-bitmap{color:#293d2b}.preset-copy{min-width:0}.preset strong{font-size:10px;letter-spacing:-.15px;font-weight:600;display:block}.preset small{display:block;font-size:8px;line-height:1.4;color:#5f6855;margin-top:4px}.preset-number{display:none}.status-row{display:flex;align-items:center;gap:7px;margin:18px 0 0;font-size:10px;color:#59644f;min-height:18px;line-height:1.5}.status-dot{width:4px;height:4px}.error-box{background:#f0e2d6;border:1px solid #d8a688;color:#7b3924;padding:14px;font-size:12px;line-height:1.6;margin-top:12px;border-radius:4px;overflow-wrap:anywhere}.recovery-actions{display:flex;gap:15px;margin-top:10px}.recovery-actions button{background:#fff7e9;border:1px solid #d2ae93;padding:5px 9px;border-radius:3px;font-size:11px}.control-sidebar{border-left:1px solid var(--line);background:#f6f5ef;min-width:0}.sidebar-heading{padding:32px 23px 0;display:flex;justify-content:space-between;align-items:center}.sidebar-heading h2{font-size:25px;letter-spacing:-.8px;font-weight:500;margin:8px 0 0}.icon-button{display:grid;place-items:center;background:transparent;border:1px solid #d6d8ca;width:30px;height:30px;border-radius:50%}.sidebar-note{font-size:11px;color:#5f6855;margin:13px 23px 24px}.dial-container{padding:0 12px}.dial-container [data-dialkit-root]{width:100%}.sidebar-bottom{padding:20px 23px 28px}.texture-button{width:100%;padding:10px;border-color:#d4d7ca;font-size:11px}details{font-size:11px;line-height:1.7;color:#6b7360;margin-top:20px}summary{font-weight:600;color:#48543e}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 38px;color:#62695b;font:8px var(--mono);letter-spacing:.9px}.footer-star{font-size:15px;margin:0 12px;color:#aa583e;vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover){.button:not(:disabled):hover{background:#e1e5d5}.primary:not(:disabled):hover{background:#414f35}.preset:hover{border-color:#8b987b}.empty-upload:hover{background:#ffffff12}}@media(min-width:1500px){.workspace{padding:38px 60px 24px}.presets{gap:12px}.preset{padding:13px}.preset strong{font-size:12px}.preset small{font-size:9px}}@media(max-width:1100px){.topbar{padding:0 24px}.brand-sub{display:none}.workspace{padding:28px 24px 18px}main{grid-template-columns:minmax(0,1fr) 300px}.edition{display:none}.editor-toolbar{gap:10px;flex-wrap:wrap}.auto-toggle{font-size:10px}.toolbar-end{gap:8px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-heading>span:last-child{display:none}.stage{padding:16px 16px 12px}.experiment-label{font-size:9px;gap:8px}.brand{font-size:9px;gap:10px}.brand-mark{font-size:31px}}@media(max-width:780px){.topbar{height:75px;padding:0 18px;gap:10px}.experiment-label{display:none}main{grid-template-columns:1fr}.workspace{padding:26px 18px 22px}.workspace-heading{margin-bottom:20px}h1{font-size:25px}.control-sidebar{border-left:0;border-top:1px solid var(--line)}.sidebar-heading{padding-top:25px}.dial-container,.sidebar-bottom{max-width:520px;margin:0 auto}.canvas-wrap{max-width:580px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}.preset{padding:12px}.preset strong{font-size:12px}.preset small{font-size:9px}footer{padding:20px 18px;line-height:1.7}footer>span:last-child{display:none}.primary{font-size:11px;padding:10px 13px}.empty-state h2{font-size:clamp(30px,8vw,50px)}}@media(max-width:440px){.editor-toolbar{gap:9px}.auto-toggle{margin-left:auto}.toolbar-end{width:100%;justify-content:space-between}.empty-state{padding:14px}.pixel-bust{width:55px;height:55px;margin-bottom:15px}.empty-state p{margin:12px 0;font-size:11px}.empty-meta{font-size:6px;margin-top:12px}.empty-upload{padding:9px 12px;font-size:11px}.stage{padding:12px 12px 10px}.stage-caption{font-size:6px}}.mode-controls{margin-bottom:16px;padding:13px 15px;border:1px solid #d2d8c8;border-radius:4px;background:#e9ecdf}.mode-controls-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.mode-controls-heading>span:last-child{font-size:10px;color:#56624d}.quick-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}.quick-slider{display:block;font-size:11px;color:#394732;min-width:0}.quick-slider>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.quick-slider output{font:10px var(--mono);white-space:nowrap}.quick-slider input{display:block;width:100%;margin:0;min-height:20px;accent-color:#506b43;cursor:pointer}.quick-hint{margin:10px 0 0;color:#536249;font-size:10px;line-height:1.6}.swatch-press{color:#d0338f}@media(max-width:1100px){.presets>.preset:last-child{grid-column:1 / -1}.quick-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.quick-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-slider input{min-height:28px}.mode-controls{padding:12px}}.source-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:-3px 0 15px}.source-info{font:10px var(--mono);color:#59644f}.source-info strong{display:inline-block;font:8px var(--mono);padding:4px 5px;margin-left:7px;background:#e6dcc3;color:#72512a;border-radius:2px}.source-actions{display:flex;gap:7px}.source-actions button{border:1px solid #c5cbbb;border-radius:4px;background:#f5f4ec;padding:7px 9px;font-size:10px}.source-actions button:nth-child(2){background:#e3e8d8;border-color:#a8b49a}@media(max-width:780px){.source-actions{flex-wrap:wrap}.source-actions button{min-height:40px}}@media(min-width:781px){.control-sidebar{position:sticky;top:0;align-self:start;max-height:100dvh;display:flex;flex-direction:column}.sidebar-heading,.sidebar-note,.sidebar-bottom{flex-shrink:0}.dial-container{overflow-y:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}.sidebar-bottom details[open]{max-height:32dvh;overflow-y:auto;overscroll-behavior:contain}}@media(pointer:coarse){.format-label select,.dial-container input{font-size:16px}.compare-button,.icon-button,.empty-upload{min-height:44px}}button{-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.mobile-icon-link{display:none;color:inherit;font:9px var(--mono);text-underline-offset:4px}@media(max-width:780px){.mobile-icon-link{display:block}}.icon-lab .topbar .button{color:inherit;text-decoration:none}.icon-back{display:none}@media(max-width:780px){.icon-back{display:block;margin:0 auto 25px;border:0;background:transparent;font:11px var(--mono);text-decoration:underline;text-underline-offset:4px}}.icon-layout{grid-template-columns:minmax(0,1fr) 340px}.icon-workspace{padding:38px;min-width:0}.icon-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.icon-heading h1{font-size:clamp(25px,2.8vw,40px);letter-spacing:-1.4px}.icon-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 24px;max-width:420px}.icon-edition{color:var(--muted);font:8px/1.9 var(--mono);text-align:right;flex-shrink:0}.icon-palette{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 28px}.icon-palette button{width:38px;height:32px;border:1px solid #7f8578;border-radius:3px;font-size:21px;line-height:1}.icon-palette button[aria-pressed=true]{outline:2px solid #c55132;outline-offset:3px}.icon-palette>span{margin-left:7px;font:8px var(--mono);color:var(--muted);letter-spacing:.6px}.icon-search{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:13px}.icon-search label{flex:1}.icon-search input{border:0;background:transparent;width:100%;padding:8px 0;font-size:14px;color:inherit}.icon-search>span{font:9px var(--mono);color:var(--muted)}.icon-filters{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 20px}.icon-filters button{border:1px solid transparent;background:transparent;font-size:10px;padding:8px 12px;border-radius:3px}.icon-filters button[aria-pressed=true]{background:#dfe4d4;border-color:#b3bca6}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-card{position:relative;min-width:0;height:163px;background:var(--icon-paper);color:var(--icon-ink);border:1px solid color-mix(in srgb,var(--icon-ink) 18%,var(--icon-paper));display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:3px}.icon-card.is-selected{outline:2px solid #c55132;outline-offset:2px}.icon-index{position:absolute;top:10px;left:10px;font:8px var(--mono)}.icon-card>svg{flex-shrink:0;margin-top:11px}.icon-name{font:10px var(--mono);margin-top:14px}.icon-category{font:7px var(--mono);margin-top:6px}.icon-library-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:22px 0 0;align-items:center}.icon-library-note>span{font:8px var(--mono);color:var(--muted)}.icon-library-note button,.icon-copy{border:0;background:transparent;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.icon-inspector{border-left:1px solid var(--line);background:#f6f5ef;padding-top:38px}.icon-inspector-heading{padding:0 25px}.icon-inspector h2{margin:9px 0;font-size:27px;font-weight:500;letter-spacing:-.7px}.icon-inspector-heading>span:last-child{font:9px var(--mono);color:var(--muted)}.icon-preview{display:grid;place-items:center;width:240px;height:240px;margin:25px auto 14px;background-color:var(--icon-paper);color:var(--icon-ink);border:1px solid #0002}.icon-preview.show-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--icon-ink) 12%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--icon-ink) 12%,transparent) 1px,transparent 1px);background-size:12px 12px;background-position:center}.icon-native{display:flex;align-items:center;gap:19px;min-height:63px;color:var(--icon-ink);background:var(--icon-paper);padding:8px 12px;margin:0 25px 25px;border:1px solid #0002}.icon-native>span{color:var(--icon-label);font:7px var(--mono);width:43px;line-height:1.6}.icon-exports{padding:20px 25px 25px;display:flex;flex-direction:column;gap:10px}.icon-exports .icon-copy{align-self:center}.icon-exports p{font-size:10px;line-height:1.8;margin:2px 0;color:var(--muted)}.icon-loop-export{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;color:var(--muted)}.icon-loop-export input{accent-color:#526a45}.icon-animation-export{background:#dce7cf;border-color:#91a87c}.icon-status{min-height:25px;font:10px/1.6 var(--mono);color:#3f6543;overflow-wrap:anywhere}.icon-empty{padding:40px 0;font-size:13px}.icon-artwork{display:block;flex-shrink:0;line-height:0}.icon-artwork>svg{display:block;max-width:100%}.icon-card .icon-artwork,.icon-card .icon-name{margin-top:4px}.icon-card .icon-name,.icon-card .icon-index,.icon-card .icon-category{color:var(--icon-label)}.icon-material.lcd{background-image:linear-gradient(135deg,#ffffff06,#0000000c);box-shadow:inset 0 1px 3px #12291230,inset 0 -1px #ffffff10}.icon-material.backlit{background-image:radial-gradient(ellipse at 45% 30%,#ffffff17,transparent 80%);box-shadow:inset 0 1px 4px #53300955,inset 0 -1px #fff2bd66,0 0 calc(18px * var(--screen-glow)) color-mix(in srgb,var(--icon-paper) 30%,transparent)}.icon-preview{border:1px solid #1c271b66;overflow:hidden}.icon-preview.backlit{box-shadow:0 0 0 5px #332a23,0 0 0 6px #514436,0 0 calc(34px * var(--screen-glow)) color-mix(in srgb,var(--icon-paper) 48%,transparent)}.icon-motion{margin:21px 25px 0;padding:16px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.icon-motion-heading{display:flex;justify-content:space-between;gap:8px}.icon-motion-heading>span:last-child{font:8px var(--mono);color:#496b43}.icon-effect-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:16px 0 12px}.icon-motion select{padding:7px;border:1px solid #bfc5b6;background:#f8f7f1;color:inherit;border-radius:3px;font-size:11px}.icon-effect-label select{min-width:160px}.icon-transport{display:flex;align-items:center;gap:8px}.icon-transport .button{font-size:10px;padding:9px 10px}.icon-transport label{font-size:9px;display:flex;flex-direction:column;gap:4px;margin-left:auto}.icon-transport label select{padding:3px;font-size:10px}.icon-transport .icon-trigger{flex:1;padding:13px 10px;font-size:12px}.icon-motion p,.icon-material-note{font-size:10px;line-height:1.7;color:var(--muted)}.icon-material-note{padding:0 25px;margin:14px 0 20px}@media(max-width:780px){.icon-motion{max-width:370px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.icon-material-note{text-align:center}}@media(hover:hover){.icon-card:hover{border-color:var(--icon-ink)}.icon-filters button:hover{background:#e4e7db}}@media(min-width:1500px){.icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.icon-workspace{padding:28px 24px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-layout{grid-template-columns:minmax(0,1fr) 300px}.icon-edition{display:none}}@media(max-width:780px){.icon-layout{grid-template-columns:1fr}.icon-workspace{padding:28px 18px}.icon-inspector{border-left:0;border-top:1px solid var(--line);padding-top:25px}.icon-card{height:150px}.icon-inspector .dial-container,.icon-exports{max-width:420px;margin:auto}.icon-inspector-heading{text-align:center}.icon-native{max-width:290px;margin-left:auto;margin-right:auto}.icon-palette>span{font-size:7px}}.lcd-layout{grid-template-columns:minmax(0,1fr) 340px}.lcd-nav{display:flex;align-items:center;gap:19px;font:10px var(--mono)}.lcd-nav a{color:var(--muted);text-decoration:none;padding:8px 0}.lcd-nav a[aria-current]{color:#263922;border-bottom:1px solid #708368}.lcd-workspace{padding:36px 38px 28px;min-width:0}.lcd-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.lcd-heading h1{font-size:clamp(24px,2.7vw,39px);letter-spacing:-1.2px}.lcd-heading p{font-size:12px;color:var(--muted);margin:15px 0 28px;line-height:1.6}.lcd-edition{font:8px/1.9 var(--mono);color:var(--muted);text-align:right;white-space:nowrap}.lcd-algorithms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}.lcd-algorithms button{position:relative;text-align:left;min-width:0;background:#f5f3ed;padding:13px 12px;border:1px solid #d2d6c8;border-radius:3px}.lcd-algorithms button[aria-pressed=true]{background:#dfe5d5;border-color:#6d815d}.lcd-algorithms span{display:block;font:8px var(--mono);color:#626e58;margin-bottom:17px}.lcd-algorithms strong{display:block;font-size:11px;font-weight:600}.lcd-algorithms small{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:6px}.lcd-algorithms button[aria-pressed=true] span,.lcd-algorithms button[aria-pressed=true] small{color:#46543c}.lcd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.lcd-transport{display:flex;gap:7px}.lcd-transport .button{padding:8px 12px;font-size:11px}.lcd-generation{font:9px var(--mono);color:#5a6950;letter-spacing:.6px}.lcd-stage{border:1px solid #bcc5af;padding:16px 16px 10px;background:#dfe3d7}.lcd-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;box-shadow:0 2px 5px #172b1722;background:var(--lcd-paper)}.lcd-stage.backlit{background:#302e27;border-color:#514b3e}.lcd-stage.backlit canvas{box-shadow:0 0 16px color-mix(in srgb,var(--lcd-paper) 18%,transparent)}.lcd-canvas-caption{display:flex;justify-content:space-between;gap:10px;font:7px/1.6 var(--mono);color:#4d6044;letter-spacing:.4px;padding-top:10px}.lcd-stage.backlit .lcd-canvas-caption{color:#d7c591}.lcd-seed{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:19px 0 26px}.lcd-seed form{display:flex;align-items:center;gap:8px}.lcd-seed label{font:8px var(--mono);color:#57644d}.lcd-seed input{width:94px;border:1px solid #c2c9b6;background:#f7f6ef;padding:8px;border-radius:3px;font:11px var(--mono)}.lcd-seed .button{font-size:10px;padding:8px 11px}.lcd-seed>span{margin-left:auto;font:8px var(--mono);color:var(--muted)}.lcd-palettes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lcd-palettes button{min-width:0;padding:0 0 10px;border:1px solid #d1d5c8;background:#f6f5ef;border-radius:3px;overflow:hidden}.lcd-palettes button[aria-pressed=true]{outline:2px solid #c55132;outline-offset:2px}.lcd-palettes button>span{display:block;padding:10px;font-size:25px;line-height:1}.lcd-palettes small{display:block;font-size:8px;margin-top:10px;padding:0 3px}.lcd-notes{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.lcd-notes p{color:#5c6853;font-size:11px;line-height:1.8;max-width:670px;margin:9px 0}.lcd-status{min-height:32px;margin-top:20px;font:10px/1.7 var(--mono);color:#48643b}.lcd-sidebar{background:#f6f5ef;border-left:1px solid var(--line)}.lcd-sidebar-note{padding:20px 25px 30px;font-size:11px;line-height:1.9;color:#5e6c53}.lcd-sidebar-note a{color:#344d2b;text-underline-offset:4px}@media(hover:hover){.lcd-algorithms button:hover{border-color:#71885e}.lcd-nav a:hover{color:#263922}.lcd-palettes button:hover{border-color:#71885e}}@media(max-width:1100px){.lcd-layout{grid-template-columns:minmax(0,1fr) 300px}.lcd-workspace{padding:28px 24px}.lcd-edition{display:none}.lcd-algorithms{grid-template-columns:repeat(2,minmax(0,1fr))}.lcd-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}.lcd-algorithms span{margin-bottom:10px}}@media(max-width:780px){.lcd-layout{grid-template-columns:1fr}.lcd-workspace{padding:28px 18px}.lcd-sidebar{border-left:0;border-top:1px solid var(--line)}.lcd-sidebar .dial-container,.lcd-sidebar-note{max-width:500px;margin:auto}.lcd-stage{padding:9px 9px 8px}.lcd-stage canvas{width:100%}.lcd-canvas-caption{font-size:6px}.lcd-generation{font-size:8px}.lcd-nav{gap:10px;font-size:9px}.lcd-lab .topbar{height:auto;min-height:90px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}.lcd-lab .topbar .brand{flex:1}.lcd-export{margin-left:auto}.lcd-seed>span{margin-left:0;width:100%}}@media(max-width:780px){.topbar:has(.lcd-nav){flex-wrap:wrap;height:auto;min-height:75px;padding-top:14px;padding-bottom:14px}}@media(max-width:780px){.lcd-lab .topbar .brand{min-width:190px;white-space:nowrap}.lcd-lab .lcd-export{order:1}.lcd-lab .lcd-nav{order:2;width:100%;justify-content:center;gap:26px}}.composition-layout{grid-template-columns:minmax(0,1fr) 340px}.composition-workspace{padding:36px 38px 28px;min-width:0}.composition-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.composition-heading h1{font-size:clamp(24px,2.7vw,38px);letter-spacing:-1.2px}.composition-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 25px}.composition-edition{font:8px/1.9 var(--mono);color:var(--muted);text-align:right;flex-shrink:0}.composition-layout-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:22px}.composition-layout-presets button{min-width:0;border:1px solid #c9d1bf;background:#f7f5ef;border-radius:3px;padding:10px;text-align:left}.composition-layout-presets button[aria-pressed=true]{background:#dce5d1;border-color:#658154}.composition-layout-presets svg{display:block;width:100%;height:63px;margin-bottom:12px}.composition-layout-presets strong{display:block;font-size:11px;margin-bottom:6px;font-weight:600}.composition-layout-presets small{display:block;font-size:9px;color:#4d5c43;line-height:1.6}@media(max-width:1100px){.composition-layout-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.composition-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.composition-assets>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#f7f5ef;padding:15px;border:1px solid var(--line);border-radius:3px;min-width:0}.composition-assets .eyebrow{display:block;width:100%;margin-bottom:4px;color:#57664b}.composition-assets .button{padding:8px 11px;font-size:11px;cursor:pointer}.composition-assets .button:focus-within{outline:2px solid #c7552d;outline-offset:3px}.composition-assets small{width:100%;font-size:9px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.composition-text-button{border:0;padding:5px 0;background:transparent;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#405536}.composition-stage{padding:14px 14px 10px;background:#dce1d3;border:1px solid #bdc6b1}.composition-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;box-shadow:0 2px 6px #1e351d22;background:#5c7b48}.composition-caption{display:flex;justify-content:space-between;gap:10px;padding-top:10px;font:7px/1.6 var(--mono);letter-spacing:.3px;color:#506047}.composition-quick{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;margin:19px 0 25px}.composition-quick .button{font-size:10px;padding:9px 12px}.composition-mirror[aria-pressed=true]{background:#d7e0cb;border-color:#738c61}.composition-attribution{display:flex;gap:0;border:1px solid #b7c1aa;border-radius:3px;overflow:hidden}.composition-attribution button{background:transparent;border:0;font-size:10px;padding:10px 12px}.composition-attribution button[aria-pressed=true]{background:#d7e0cb;color:#263e21}.composition-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:22px;border-top:1px solid var(--line)}.composition-copy>label:first-child{grid-column:1 / -1}.composition-copy>div{display:flex;flex-direction:column;gap:15px}.composition-copy label{display:flex;flex-direction:column;gap:9px;font:8px var(--mono);color:#53634a;letter-spacing:.6px;min-width:0}.composition-copy input,.composition-copy textarea{width:100%;background:#f9f7f1;border:1px solid #bcc6b0;border-radius:3px;padding:12px;color:#283322;font:13px/1.6 Arial,sans-serif;letter-spacing:0}.composition-copy textarea{resize:vertical;min-height:85px}.composition-copy small{font:9px/1.7 Arial,sans-serif;letter-spacing:0;color:var(--muted)}.composition-palettes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:25px}.composition-palettes button{padding:10px 4px;min-width:0;border:1px solid #75836766;border-radius:3px}.composition-palettes button[aria-pressed=true]{outline:2px solid #c55132;outline-offset:2px}.composition-palettes span{display:block;font-size:24px;line-height:1}.composition-palettes small{display:block;font-size:8px;margin-top:9px}.composition-palettes small{background:#f6f5ef;color:#394833;margin:10px -4px -10px;padding:9px 2px}.composition-status{font:10px/1.8 var(--mono);color:#46623d;margin:22px 0 0;min-height:30px}.composition-warning{font-size:11px;line-height:1.8;color:#87502d}.composition-details{margin-top:15px;font-size:11px}.composition-details a{color:inherit}.composition-sidebar{border-left:1px solid var(--line);background:#f6f5ef}.composition-sidebar-notes{padding:20px 25px 28px;font-size:11px;color:#5f6b55;line-height:1.9}@media(hover:hover){.composition-attribution button:hover{background:#e0e5d7}.composition-assets label.button:hover{background:#e5eadc}}@media(max-width:1100px){.composition-layout{grid-template-columns:minmax(0,1fr) 300px}.composition-workspace{padding:28px 24px}.composition-edition{display:none}.composition-assets{grid-template-columns:1fr}.composition-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.composition-layout{grid-template-columns:1fr}.composition-workspace{padding:27px 18px}.composition-sidebar{border-left:0;border-top:1px solid var(--line)}.composition-sidebar .dial-container,.composition-sidebar-notes{max-width:500px;margin:auto}.composition-stage{padding:8px}.composition-caption{font-size:5px;gap:8px}.composition-copy{grid-template-columns:1fr}.composition-lab .topbar .brand{min-width:180px;white-space:nowrap;flex:1}.composition-export{order:1;margin-left:auto}.composition-lab .lcd-nav{order:2;width:100%;justify-content:center;gap:20px}.composition-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}