.demo-preview[data-v-39b6b783]{min-width:0;color:var(--sd-color-text-1);background:var(--sd-color-bg-2);border:1px solid var(--sd-color-border-2);border-radius:8px;overflow:hidden}.demo-toolbar[data-v-39b6b783]{background:var(--sd-color-bg-2);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}[data-v-39b6b783] .demo-select{width:160px}[data-v-39b6b783] .zoom-select{width:88px}.docs-link[data-v-39b6b783]{margin-left:auto}.demo-surface[data-v-39b6b783]{min-height:280px;color:var(--sd-color-text-1);background:var(--sd-color-bg-2);padding:24px;font-size:14px;overflow:auto}.token-panel[data-v-57fa6f22]{gap:14px;min-width:0;display:grid}.token-filters[data-v-57fa6f22]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}[data-v-57fa6f22] .category-select{width:100px}.token-list[data-v-57fa6f22]{max-height:620px;overflow:auto}.token-row[data-v-57fa6f22]{border-bottom:1px solid var(--sl-color-gray-5);padding:12px 2px}.token-row.modified[data-v-57fa6f22]{background:var(--sd-color-fill-1)}.token-name[data-v-57fa6f22]{max-width:100%;color:inherit;text-align:left;text-overflow:ellipsis;padding:0;font:12px monospace;overflow:hidden}.token-value[data-v-57fa6f22]{gap:8px;margin:8px 0;display:flex}.token-value[data-v-57fa6f22] .value-input{flex:1;min-width:0;font:12px monospace}.token-value[data-v-57fa6f22] .value-input input{font-family:monospace}.color-trigger[data-v-57fa6f22]{padding:4px}.color-swatch[data-v-57fa6f22]{border:1px solid var(--sd-color-border-2);border-radius:var(--sd-border-radius-small);width:22px;height:22px}.token-row small[data-v-57fa6f22],.token-details[data-v-57fa6f22]{color:var(--sl-color-gray-2);font-size:12px}.token-details code[data-v-57fa6f22]{overflow-wrap:anywhere}.related[data-v-57fa6f22]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.detail-panel[data-v-dad94bd8]{gap:12px;padding-top:16px;display:grid}p[data-v-dad94bd8]{color:var(--sl-color-gray-2);margin:0;font-size:13px}.preview-canvas[data-v-41670947]{color:var(--sd-color-text-1);background:var(--sd-color-bg-2);border:1px solid var(--sd-color-border-2);border-radius:var(--sd-border-radius-medium);overflow:hidden}.canvas-toolbar[data-v-41670947]{border-bottom:1px solid var(--sd-color-border-2);padding:12px}.canvas-viewport[data-v-41670947]{background:var(--sd-color-fill-2);outline-offset:-2px;width:100%;height:clamp(480px,68vh,800px);display:block}.canvas-viewport[data-v-41670947]:focus-visible{outline:2px solid rgb(var(--sd-primary-6))}.canvas-viewport.is-hand[data-v-41670947]{cursor:grab;touch-action:none}.canvas-viewport.is-dragging[data-v-41670947]{cursor:grabbing;user-select:none}.canvas-page[data-v-41670947]{width:100%;color:var(--sd-color-text-1);background:var(--sd-color-bg-2);font-size:14px;line-height:1.5}.preview-canvas[data-v-41670947] .canvas-help{padding:12px;font-size:12px;display:block}.workspace-page[data-v-92e77741]{color:var(--sd-color-text-1);background:var(--sd-color-bg-1)}.workspace-header[data-v-92e77741]{background:var(--sd-color-bg-2);border-bottom:1px solid var(--sd-color-border-2);justify-content:space-between;align-items:center;height:64px;padding:16px 24px;display:flex}.workspace-sidebar[data-v-92e77741]{background:var(--sd-color-bg-2);border-right:1px solid var(--sd-color-border-2)}.sidebar-summary[data-v-92e77741]{padding:16px}.workspace-content[data-v-92e77741]{gap:20px;min-width:0;padding:24px;display:grid}.workspace-metrics[data-v-92e77741]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.task-filters[data-v-92e77741]{margin-bottom:16px}[data-v-92e77741] .task-status{width:140px}.workspace-bottom[data-v-92e77741]{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.mobile-layout[data-v-92e77741]{border:1px solid var(--sd-color-border-2);border-radius:var(--sd-border-radius-medium);overflow:hidden}.mobile-layout .workspace-sidebar[data-v-92e77741]{display:none}.mobile-layout .workspace-header[data-v-92e77741]{gap:8px;height:auto;min-height:64px;padding:12px}.mobile-layout .workspace-header[data-v-92e77741] .sd-tag,.mobile-layout .workspace-header[data-v-92e77741]>:last-child .sd-avatar{display:none}.mobile-layout .workspace-content[data-v-92e77741]{gap:16px;padding:12px}.mobile-layout .workspace-metrics[data-v-92e77741]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-layout .workspace-bottom[data-v-92e77741]{grid-template-columns:minmax(0,1fr)}.mobile-layout .workspace-title[data-v-92e77741] .sd-page-header-header,.mobile-layout .workspace-title[data-v-92e77741] .sd-page-header-main{flex-wrap:wrap;gap:8px}.mobile-layout .workspace-title[data-v-92e77741] .sd-page-header-divider{display:none}.mobile-layout .workspace-title[data-v-92e77741] .sd-page-header-subtitle{width:100%;margin-left:0}.mobile-layout .workspace-title[data-v-92e77741] .sd-page-header-extra{margin-left:0}.mobile-layout .task-filters[data-v-92e77741]{display:flex}.mobile-layout .task-filters[data-v-92e77741] .sd-space-item:first-child{width:100%}.preset-panel[data-v-37db9b54],.preset-list[data-v-37db9b54]{gap:12px;min-width:0;display:grid}h2[data-v-37db9b54]{margin:0;font-size:20px;font-weight:600}p[data-v-37db9b54],.preset-option>span[data-v-37db9b54]{color:var(--sl-color-gray-2);margin:0;font-size:13px}.preset-option[data-v-37db9b54]{border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:6px;gap:8px;padding:14px;display:grid;position:relative}.preset-list .preset-option[data-v-37db9b54]{margin-right:0}.preset-option[data-v-37db9b54]:has(:checked){border-color:var(--sl-color-accent);outline:1px solid var(--sl-color-accent)}.preset-option[data-v-37db9b54]:focus-within{outline:2px solid var(--sl-color-accent);outline-offset:3px}.preset-sample[data-v-37db9b54]{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;padding-right:24px;display:flex}.preset-sample[data-v-37db9b54] .sd-input-wrapper{width:100%}.seed-panel[data-v-b51beaac]{gap:12px;display:grid}.seed-group[data-v-b51beaac]{gap:12px;min-width:0;display:grid}.seed-group+.seed-group[data-v-b51beaac]{border-top:1px solid var(--sl-color-gray-5);padding-top:12px}h3[data-v-b51beaac]{margin:0;font-size:15px}p[data-v-b51beaac]{color:var(--sl-color-gray-2);margin:0;font-size:13px}.brand-colors[data-v-b51beaac]{flex-wrap:wrap;gap:8px;display:flex}.radius-choices[data-v-b51beaac]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.radius-choice[data-v-b51beaac]{border:1px solid var(--sl-color-gray-5);cursor:pointer;border-radius:6px;justify-items:center;gap:12px;padding:16px 4px;font-size:13px;display:grid;position:relative}.radius-choices .radius-choice[data-v-b51beaac]{margin-right:0}.radius-choice[data-v-b51beaac]:has(:checked){border-color:var(--sl-color-accent)}.radius-choice[data-v-b51beaac]:focus-within{outline:2px solid var(--sl-color-accent);outline-offset:2px}.seed-field[data-v-b51beaac]{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.seed-precise .seed-field[data-v-b51beaac]{margin-top:16px}.theme-editor[data-v-1fc04ff9]{width:100%;color:var(--sl-color-text);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:6px;overflow:clip;container-type:inline-size}.editor-toolbar[data-v-1fc04ff9],.toolbar-actions[data-v-1fc04ff9],.preview-toolbar[data-v-1fc04ff9],.step-actions[data-v-1fc04ff9],.developer-actions[data-v-1fc04ff9],.json-actions[data-v-1fc04ff9]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-toolbar[data-v-1fc04ff9]{border-bottom:1px solid var(--sl-color-gray-5);justify-content:space-between;padding:20px 24px}.editor-title[data-v-1fc04ff9]{gap:4px;display:grid}.editor-title strong[data-v-1fc04ff9]{font-size:18px}.editor-title span[data-v-1fc04ff9],.save-notice[data-v-1fc04ff9]{color:var(--sl-color-gray-2);font-size:13px;line-height:1.6}.editor-steps[data-v-1fc04ff9]{background:var(--sl-color-bg-nav);border-bottom:1px solid var(--sl-color-gray-5);padding:24px}.editor-steps[data-v-1fc04ff9] .sd-steps{max-width:680px;margin-inline:auto}.editor-layout[data-v-1fc04ff9]{grid-template-columns:minmax(0,1fr) 400px;min-height:660px;display:grid}.editor-preview[data-v-1fc04ff9]{background:var(--sl-color-bg-nav);min-width:0;padding:24px}.preview-toolbar[data-v-1fc04ff9]{gap:12px;margin-bottom:16px;font-size:14px}.preview-toolbar>strong[data-v-1fc04ff9]{margin-right:auto}.save-notice[data-v-1fc04ff9]{margin:0;padding:8px 24px}.comparison-notice[data-v-1fc04ff9]{background:var(--sl-color-accent-low);padding:12px;font-size:13px}.editor-controls[data-v-1fc04ff9]{border-left:1px solid var(--sl-color-gray-5);min-width:0;padding:24px}.panel-heading[data-v-1fc04ff9]{margin-bottom:16px}h2[data-v-1fc04ff9]{margin:0 0 8px;font-size:20px}.more-settings[data-v-1fc04ff9]{border-top:1px solid var(--sl-color-gray-5);margin-top:16px;padding-top:16px}.developer-actions[data-v-1fc04ff9]{padding-top:16px}.step-actions[data-v-1fc04ff9]{border-top:1px solid var(--sl-color-gray-5);justify-content:space-between;margin-top:16px;padding-top:16px}.step-actions[data-v-1fc04ff9]>:last-child{margin-left:auto}.name-field[data-v-1fc04ff9]{gap:12px;font-size:14px;display:grid}[data-v-1fc04ff9] .preview-select{width:180px;margin-bottom:16px}.editor-status[data-v-1fc04ff9]{margin:0}.mobile-toolbar[data-v-1fc04ff9]{display:none}.mobile-anchor[data-v-1fc04ff9]{scroll-margin-top:var(--sl-nav-height,64px)}.json-editor[data-v-1fc04ff9]{width:100%;margin-block:16px}.json-editor[data-v-1fc04ff9] .sd-textarea{font:13px/1.6 monospace}.json-actions[data-v-1fc04ff9]{justify-content:flex-end}@container (width<=950px){.editor-layout[data-v-1fc04ff9]{grid-template-columns:minmax(0,1fr) 320px}.editor-preview[data-v-1fc04ff9],.editor-controls[data-v-1fc04ff9]{padding:16px}}@container (width<=700px){.editor-toolbar[data-v-1fc04ff9]{gap:12px;padding:16px}.editor-title span[data-v-1fc04ff9]{display:none}.mobile-toolbar[data-v-1fc04ff9]{top:var(--sl-nav-height,64px);z-index:10;scroll-margin-top:var(--sl-nav-height,64px);background:var(--sl-color-bg);border-bottom:1px solid var(--sl-color-gray-5);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky}.mobile-panes[data-v-1fc04ff9]{flex:1;min-width:0;display:flex}.mobile-panes[data-v-1fc04ff9] .sd-radio-button{flex:1;min-height:44px}.mobile-settings .editor-preview[data-v-1fc04ff9],.mobile-preview .editor-controls[data-v-1fc04ff9]{display:none}.toolbar-actions[data-v-1fc04ff9] .sd-btn,.mobile-toolbar[data-v-1fc04ff9] .sd-btn,.step-actions[data-v-1fc04ff9] .sd-btn,.developer-actions[data-v-1fc04ff9] .sd-btn,[data-v-1fc04ff9] .brand-colors .sd-btn,.editor-controls[data-v-1fc04ff9] .sd-radio-button,.editor-controls[data-v-1fc04ff9] .sd-collapse-item-header{min-height:44px}.editor-layout[data-v-1fc04ff9]{flex-direction:column;min-height:0;display:flex}.editor-controls[data-v-1fc04ff9]{border-bottom:1px solid var(--sl-color-gray-5);border-left:0;order:-1}.editor-steps[data-v-1fc04ff9]{padding:12px 8px}.editor-steps[data-v-1fc04ff9] .sd-steps .sd-steps-item{text-align:center;flex:1;min-width:0;min-height:44px;margin-right:0}.editor-steps[data-v-1fc04ff9] .sd-steps .sd-steps-item-node{margin-inline:0}.editor-steps[data-v-1fc04ff9] .sd-steps .sd-steps-item-content{width:100%}.preview-toolbar>strong[data-v-1fc04ff9]{display:none}.preview-toolbar[data-v-1fc04ff9]{gap:8px}.editor-controls[data-v-1fc04ff9] .sd-input,.editor-controls[data-v-1fc04ff9] .sd-textarea{font-size:16px}}.main-pane:has(.theme-editor){container-type:inline-size}.main-pane .sl-container:has(.theme-editor){margin-inline:auto}.main-pane .theme-editor{width:90cqw;margin-inline:calc(50% - 45cqw)}@media (width<=767px){.main-pane .theme-editor{border-inline:0;border-radius:0;width:100cqw;margin-inline:calc(50% - 50cqw)}}