.geometry-mode--square{--radius:0px;--radius-xs:0px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px}.ds-btn{box-sizing:border-box;--ds-btn-height:var(--size-md);--ds-btn-border-width:1px;--ds-btn-font-size:14px;font-family:var(--font-sans);font-size:var(--ds-btn-font-size);line-height:1.5;height:var(--ds-btn-height);padding:0 calc(var(--space-unit) * 4);border-radius:var(--radius);border-width:var(--ds-btn-border-width);border-style:solid;border-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--space-unit) * 2);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ds-btn--primary{--ds-btn-face:color-mix(in oklch,var(--accent),var(--primary) 14%);background:var(--ds-btn-face);color:var(--accent-foreground);border-color:color-mix(in oklch,var(--primary),transparent 62%)}.ds-btn--primary:hover:not(:disabled){--ds-btn-face:color-mix(in oklch,var(--accent),var(--primary) 24%);border-color:color-mix(in oklch,var(--primary),transparent 42%)}.ds-btn--primary:active:not(:disabled){--ds-btn-face:color-mix(in oklch,var(--accent),var(--background) 34%);border-color:var(--primary);color:var(--primary-hover);box-shadow:inset 0 1px 3px color-mix(in oklch,var(--background),transparent 45%)}.ds-btn__content{display:inline-flex;align-items:center;transition:color var(--motion-fast) var(--motion-ease),text-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-btn--primary:active:not(:disabled) .ds-btn__content{transform:scale(.98)}.ds-btn--accent{--ds-btn-face:var(--action);background:var(--ds-btn-face);color:var(--action-foreground,var(--text-primary));border-color:color-mix(in oklch,var(--ds-btn-face),var(--action-hover) 55%);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--action-hover),transparent 55%),inset 0 -1px 0 color-mix(in oklch,var(--action-pressed),transparent 40%),0 1px 0 color-mix(in oklch,var(--background),transparent 24%)}.ds-btn--accent:hover:not(:disabled){--ds-btn-face:color-mix(in oklch,var(--action),var(--action-hover) 55%);border-color:color-mix(in oklch,var(--ds-btn-face),var(--action-hover) 70%)}.ds-btn--accent:active:not(:disabled){--ds-btn-face:var(--action-pressed);border-color:var(--action-pressed);box-shadow:inset 0 1px 3px color-mix(in oklch,var(--background),transparent 45%)}.ds-btn--accent:not(:disabled) .ds-btn__content{text-shadow:0 1px 1px color-mix(in oklch,var(--action-pressed),transparent 45%)}.ds-btn--accent:active:not(:disabled) .ds-btn__content{transform:scale(.98)}.ds-btn--secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--input)}.ds-btn--secondary:hover:not(:disabled){background:color-mix(in oklch,var(--secondary),var(--foreground) 7%);border-color:var(--border)}.ds-btn--secondary:active:not(:disabled){background:color-mix(in oklch,var(--secondary),var(--background) 40%)}.ds-btn.ds-btn--danger{height:calc(var(--ds-btn-height) - 2px);padding-inline:clamp(10px,calc(var(--ds-btn-height) - 18px),18px);font-size:calc(var(--ds-btn-font-size) - .5px);background:color-mix(in oklch,var(--danger),var(--danger-bg) 35%);color:var(--text-primary);border-color:color-mix(in oklch,var(--danger),var(--danger-bg) 10%)}.ds-btn--danger:hover:not(:disabled){background:color-mix(in oklch,var(--danger),var(--danger-bg) 20%)}.ds-btn--danger:active:not(:disabled){background:color-mix(in oklch,var(--danger),var(--danger-bg) 52%)}.ds-btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.ds-btn--ghost:hover:not(:disabled){background:var(--state-hover-bg);color:var(--text-primary)}.ds-btn--ghost:active:not(:disabled){background:var(--state-pressed-bg)}.ds-btn--ghost-danger{background:transparent;border-color:transparent;color:var(--danger-text)}.ds-btn--ghost-danger:hover:not(:disabled){background:color-mix(in oklch,var(--danger),transparent 88%);color:var(--danger-text)}.ds-btn--ghost-danger:active:not(:disabled){background:color-mix(in oklch,var(--danger),transparent 80%)}.ds-btn:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:2px}.ds-btn:disabled{background:color-mix(in oklch,var(--secondary),var(--background) 45%);color:var(--muted-foreground);cursor:not-allowed}.ds-btn--primary:disabled{background:transparent;border-color:var(--input);box-shadow:none}.ds-btn--accent:disabled{background:color-mix(in oklch,var(--action),var(--background) 62%);border-color:color-mix(in oklch,var(--action),var(--background) 45%);box-shadow:none}.ds-btn--primary:disabled .ds-btn__content{color:inherit;text-shadow:none}.ds-btn--secondary:disabled{background:transparent;border-color:var(--input)}.ds-btn--ghost-danger:disabled,.ds-btn--ghost:disabled{background:transparent;border-color:transparent;opacity:.4}.ds-btn--sm{--ds-btn-height:var(--size-sm);--ds-btn-border-width:0.5px;--ds-btn-font-size:13px;padding:0 calc(var(--space-unit) * 3)}.ds-btn--lg{--ds-btn-height:var(--size-lg);--ds-btn-border-width:1.5px;--ds-btn-font-size:15px;padding:0 calc(var(--space-unit) * 6)}.ds-btn--custom{padding-inline:calc(var(--space-unit) * 6)}.ds-btn--icon{width:var(--ds-btn-height);padding:0}.ds-spinner{width:12px;height:12px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-field{display:flex;flex-direction:column;gap:var(--space-4)}.ds-label{font-size:12px;color:var(--muted-foreground)}.ds-input{box-sizing:border-box;font-family:var(--font-sans);font-size:14px;height:var(--size-md);padding:0 calc(var(--space-unit) * 3);border-radius:var(--radius);background:var(--background);color:var(--foreground);border:1px solid var(--input);transition:border-color var(--motion-fast) var(--motion-ease)}.ds-input::placeholder{color:var(--muted-foreground)}.ds-input:hover:not(:disabled){border-color:var(--border)}.ds-input:focus{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px;border-color:var(--ring)}.ds-input:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.ds-input[data-invalid]{border-color:var(--danger-border)}.ds-help{font-size:12px;color:var(--muted-foreground)}.ds-error{font-size:12px;color:var(--danger-text)}.ds-backdrop{position:fixed;inset:0;background:var(--overlay-scrim);transition:opacity var(--motion-base) var(--motion-ease)}.ds-backdrop[data-ending-style],.ds-backdrop[data-starting-style]{opacity:0}.ds-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:360px;padding:var(--space-24);background:var(--bg-panel-2);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--elevation-3);color:var(--text-primary);transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease)}.ds-popup[data-ending-style],.ds-popup[data-starting-style]{opacity:0;transform:translate(-50%,-46%) scale(.97)}.ds-popup-title{font-size:var(--type-h3-size);line-height:var(--type-h3-line);margin:0 0 var(--space-8)}.ds-popup-desc{font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary);margin:0 0 var(--space-24)}.ds-popup-actions{display:flex;gap:var(--space-8);justify-content:flex-end}.ds-select-field{display:flex;flex-direction:column;gap:var(--space-4);width:min(220px,100%)}.ds-trigger{width:100%;height:var(--size-md);padding:0 calc(var(--space-unit) * 3);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-8);border-radius:var(--radius);background:var(--background);color:var(--foreground);border:1px solid var(--input);font-family:var(--font-sans);font-size:14px;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-trigger:hover:not(:disabled){border-color:var(--border)}.ds-trigger[data-popup-open]{border-color:var(--ring)}.ds-trigger:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-trigger[aria-invalid=true]{border-color:var(--danger-border)}.ds-trigger:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.ds-select-icon{color:var(--muted-foreground);font-size:11px;transition:color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-select-icon[data-popup-open]{color:var(--primary);transform:rotate(180deg)}.ds-listbox{width:var(--anchor-width);max-height:min(280px,var(--available-height));overflow-y:auto;padding:0;background:var(--bg-panel-2);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--elevation-2);color:var(--text-primary);transform-origin:var(--transform-origin);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-listbox[data-ending-style],.ds-listbox[data-starting-style]{opacity:0;transform:scale(.98)}.ds-option{position:relative;min-height:var(--size-md);padding:0 var(--space-12);display:flex;align-items:center;gap:var(--space-8);border-radius:0;outline:none;font-family:var(--font-family);font-size:14px;cursor:pointer}.ds-option[data-highlighted]{background:var(--state-hover-bg)}.ds-option[data-selected]{background:var(--state-pressed-bg);color:var(--brand)}.ds-option[data-selected]:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--brand)}.ds-alert{display:flex;align-items:flex-start;gap:calc(var(--space-unit) * 3);padding:calc(var(--space-unit) * 4);border-left:var(--ds-alert-rule) solid var(--ds-alert-line);font-family:var(--font-sans);font-size:12px;line-height:1.6;color:var(--muted-foreground);--ds-alert-rule:2px;--ds-alert-fade:95%;--ds-alert-tint:color-mix(in oklch,var(--ds-alert-hue),transparent var(--ds-alert-fade));--ds-alert-mark:var(--ds-alert-line);background-color:var(--card);background-image:linear-gradient(var(--ds-alert-tint),var(--ds-alert-tint))}.ds-alert__mark{flex:none;color:var(--ds-alert-mark);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:calc(12px * 1.6)}.ds-alert__content{display:grid;align-content:center;grid-gap:calc(var(--space-unit) * 1.5);gap:calc(var(--space-unit) * 1.5)}.ds-alert__content strong{color:var(--foreground);font-size:12px;font-weight:700}.ds-alert__content>span{color:currentColor}.ds-alert--success{--ds-alert-hue:var(--success);--ds-alert-line:var(--success-text)}.ds-alert--info{--ds-alert-hue:var(--info);--ds-alert-line:var(--info-text)}.ds-alert--warning{--ds-alert-hue:var(--warning);--ds-alert-line:var(--warning-text);--ds-alert-fade:93%;--ds-alert-rule:3px}.ds-alert--danger{--ds-alert-hue:var(--danger);--ds-alert-line:var(--danger-text);--ds-alert-fade:91%;--ds-alert-rule:3px}.ds-alert--note{--ds-alert-hue:var(--note);--ds-alert-line:var(--note-text)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--type-body-size);color:var(--text-primary)}.ds-table th{text-align:left;background:var(--table-header-bg);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:500;border-bottom:1px solid var(--border-subtle)}.ds-table td,.ds-table th{height:var(--row-height);padding:0 var(--space-12)}.ds-table td{border-bottom:1px solid var(--row-divider)}.ds-table tbody tr:hover{background:var(--state-hover-bg)}.ds-table tbody tr[data-selected]{background:var(--state-pressed-bg)}.ds-table--dense td,.ds-table--dense th{height:var(--size-sm)}.ds-empty{padding:var(--space-32);text-align:center;color:var(--text-muted)}.ds-card{--ds-card-step:calc(var(--space-unit) * 1.5);--ds-card-stroke:1px;--ds-card-gap:calc(var(--space-unit) / 2);--ds-card-rule-inset:calc(var(--ds-card-stroke) + var(--ds-card-gap));--ds-card-face-inset:calc(var(--ds-card-rule-inset) + var(--ds-card-stroke));--ds-card-surface:var(--card);--ds-card-rule:color-mix(in oklch,var(--card),var(--border) 25%);--ds-card-shape:polygon(0 var(--ds-card-step),var(--ds-card-step) var(--ds-card-step),var(--ds-card-step) 0,calc(100% - var(--ds-card-step)) 0,calc(100% - var(--ds-card-step)) var(--ds-card-step),100% var(--ds-card-step),100% calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) 100%,var(--ds-card-step) 100%,var(--ds-card-step) calc(100% - var(--ds-card-step)),0 calc(100% - var(--ds-card-step)));position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--card-foreground);background:var(--border);-webkit-clip-path:var(--ds-card-shape);clip-path:var(--ds-card-shape)}.ds-card:before{content:"";inset:var(--ds-card-stroke);background:var(--ds-card-surface)}.ds-card:before,.ds-card__rule,.ds-card__surface{position:absolute;-webkit-clip-path:var(--ds-card-shape);clip-path:var(--ds-card-shape)}.ds-card__rule{inset:var(--ds-card-rule-inset);background:var(--ds-card-rule)}.ds-card__surface{inset:var(--ds-card-face-inset);background:var(--ds-card-surface)}.ds-card__body,.ds-card__footer,.ds-card__header{position:relative}.ds-card--subtle{background:var(--border-subtle);--ds-card-rule:color-mix(in oklch,var(--card),var(--border-subtle) 25%)}.ds-card--selected{background:var(--border-strong);--ds-card-surface:color-mix(in oklch,var(--card),var(--primary) 5%);--ds-card-rule:color-mix(in oklch,var(--card),var(--primary) 26%)}.ds-card--interactive{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:0;padding:0;border:0;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease)}.ds-card--interactive:hover{background:var(--border-strong)}.ds-card--interactive:focus-visible{outline:none;background:var(--ring);--ds-card-rule:color-mix(in oklch,var(--card),var(--ring) 55%)}.ds-card__header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-unit) * 4);padding:0 calc(var(--space-unit) * 5);border-bottom:var(--ds-card-stroke) solid var(--border-subtle)}.ds-card__kicker{margin:0 0 var(--space-unit);color:var(--primary);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-card__title{margin:0;font-size:16px;font-weight:600;line-height:1.4}.ds-card__meta{color:var(--muted-foreground);font-family:var(--font-mono);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:uppercase;white-space:nowrap}.ds-card__body{padding:calc(var(--space-unit) * 5)}.ds-card--flush .ds-card__body{padding:0}.ds-card__footer{margin:0;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 5);border-top:var(--ds-card-stroke) solid var(--border-subtle);color:var(--muted-foreground);font-size:var(--type-caption-size);line-height:1.7}.ds-canvas{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-family);padding:var(--space-24);min-height:100vh}.ds-row{display:flex;gap:var(--space-16);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-16)}.ds-caption{font-size:var(--type-caption-size);color:var(--text-muted);width:100px;flex:none}.ds-icon{inline-size:var(--ds-icon-box);block-size:var(--ds-icon-box);flex:none;display:inline-block;vertical-align:-.125em}.ds-badge{display:inline-flex;align-items:center;gap:calc(var(--space-unit) * 1.5);block-size:18px;padding-inline:calc(var(--space-unit) * 1.5);border:1px solid var(--ds-badge-line);border-radius:var(--radius-sm);background-color:var(--ds-badge-bg);color:var(--ds-badge-ink);font-family:var(--font-sans);font-size:11px;line-height:1;white-space:nowrap;--ds-badge-ink:var(--text-secondary);--ds-badge-line:var(--border-subtle);--ds-badge-bg:transparent}.ds-badge__dot{inline-size:5px;block-size:5px;border-radius:50%;background:currentColor}.ds-badge--brand{--ds-badge-ink:var(--accent-foreground);--ds-badge-line:color-mix(in oklch,var(--primary),transparent 55%);--ds-badge-bg:var(--accent)}.ds-badge--success{--ds-badge-ink:var(--success-text);--ds-badge-line:color-mix(in oklch,var(--success-border),transparent 45%);--ds-badge-bg:color-mix(in oklch,var(--success),transparent 92%)}.ds-badge--warning{--ds-badge-ink:var(--warning-text);--ds-badge-line:color-mix(in oklch,var(--warning-border),transparent 45%);--ds-badge-bg:color-mix(in oklch,var(--warning),transparent 92%)}.ds-badge--danger{--ds-badge-ink:var(--danger-text);--ds-badge-line:color-mix(in oklch,var(--danger-border),transparent 45%);--ds-badge-bg:color-mix(in oklch,var(--danger),transparent 92%)}.ds-badge--info{--ds-badge-ink:var(--info-text);--ds-badge-line:color-mix(in oklch,var(--info-border),transparent 45%);--ds-badge-bg:color-mix(in oklch,var(--info),transparent 92%)}.ds-kbd{gap:2px}.ds-kbd,.ds-kbd__key{display:inline-flex;align-items:center}.ds-kbd__key{min-inline-size:16px;block-size:16px;padding-inline:4px;justify-content:center;border:1px solid var(--border-subtle);border-block-end-width:2px;border-radius:var(--radius-xs);background:color-mix(in oklch,var(--bg-raised),transparent 40%);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;line-height:1}.ds-kbd__sep{color:var(--text-dimmed);font-size:10px;padding-inline:1px}.ds-skeleton{display:block;border-radius:var(--radius-xs);background-color:var(--muted);background-image:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--foreground),transparent 92%) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;animation:ds-skeleton-sweep 1.4s var(--motion-ease) infinite;inline-size:var(--ds-skeleton-width,100%);block-size:var(--ds-skeleton-height,auto)}@keyframes ds-skeleton-sweep{0%{background-position:-100% 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none;background-image:none}}.ds-skeleton--text{block-size:var(--ds-skeleton-height,calc(var(--type-body-size) * .85))}.ds-skeleton--circle{border-radius:50%;block-size:var(--ds-skeleton-height,var(--ds-skeleton-width,var(--size-md)))}.ds-skeleton--block{block-size:var(--ds-skeleton-height,var(--size-lg));border-radius:var(--radius-sm)}.ds-skeleton--last{inline-size:62%}.ds-empty-state,.ds-skeleton-stack{display:flex;flex-direction:column;gap:var(--space-8)}.ds-empty-state{align-items:center;padding:var(--space-32) var(--space-24);text-align:center;font-family:var(--font-sans)}.ds-empty-state__icon{color:var(--text-dimmed)}.ds-empty-state__title{margin:0;color:var(--text-secondary);font-size:var(--type-body-size)}.ds-empty-state__description{margin:0;color:var(--text-muted);font-size:var(--type-caption-size);line-height:1.6;max-inline-size:34ch}.ds-empty-state__action{-webkit-margin-before:var(--space-8);margin-block-start:var(--space-8)}.ds-empty-state--idle{padding:var(--space-16) var(--space-8);gap:var(--space-4)}.ds-empty-state--idle .ds-empty-state__title{font-size:var(--type-caption-size);color:var(--text-muted)}.ds-empty-state--first-run .ds-empty-state__title{color:var(--text-primary);font-size:var(--type-h3-size);line-height:var(--type-h3-line)}.ds-separator{flex:none;background:var(--border-subtle);border:0}.ds-separator[data-orientation=horizontal]{block-size:1px;inline-size:100%}.ds-separator[data-orientation=vertical]{inline-size:1px;block-size:100%;align-self:stretch}.ds-separator--hairline{background:var(--row-divider)}.ds-separator--inset[data-orientation=horizontal]{inline-size:auto;margin-inline:var(--space-12)}.ds-separator--inset[data-orientation=vertical]{block-size:auto;margin-block:var(--space-8)}.ds-tooltip{z-index:var(--z-tooltip);display:flex;align-items:center;gap:var(--space-8);max-inline-size:260px;padding:5px var(--space-8);border-radius:var(--radius-xs);background:var(--bg-deep);box-shadow:var(--elevation-2);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-caption-size);line-height:1.5;transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-tooltip[data-ending-style],.ds-tooltip[data-starting-style]{opacity:0;transform:scale(.96)}.ds-tooltip .ds-kbd__key{border-color:var(--border-default);background:transparent}.ds-switch{--ds-switch-track:32px;--ds-switch-thumb:12px;position:relative;flex:none;inline-size:var(--ds-switch-track);block-size:calc(var(--ds-switch-thumb) + 6px);padding:0;border:1px solid var(--input);border-radius:999px;background:var(--background);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ds-switch--sm{--ds-switch-track:26px;--ds-switch-thumb:10px}.ds-switch__thumb{position:absolute;inset-block-start:50%;inset-inline-start:2px;inline-size:var(--ds-switch-thumb);block-size:var(--ds-switch-thumb);border-radius:50%;background:var(--text-muted);transform:translateY(-50%);transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-switch[data-checked]{background:var(--action);border-color:var(--action-hover)}.ds-switch[data-checked] .ds-switch__thumb{background:var(--accent-foreground);transform:translate(calc(var(--ds-switch-track) - var(--ds-switch-thumb) - 6px),-50%)}.ds-switch:hover:not([data-disabled]){border-color:var(--border)}.ds-switch:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:2px}.ds-switch[data-disabled]{opacity:.5;cursor:not-allowed}.ds-checkbox{flex:none;inline-size:16px;block-size:16px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--input);border-radius:var(--radius-xs);background:var(--background);color:var(--accent-foreground);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ds-checkbox:hover:not([data-disabled]){border-color:var(--border)}.ds-checkbox:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:2px}.ds-checkbox[data-checked],.ds-checkbox[data-indeterminate]{background:var(--accent);border-color:color-mix(in oklch,var(--primary),transparent 40%)}.ds-checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.ds-checkbox-field,.ds-checkbox__indicator{display:inline-flex}.ds-checkbox-field{align-items:center;gap:var(--space-8);cursor:pointer}.ds-checkbox-field__label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-body-size)}.ds-radio-group{display:flex;gap:var(--space-16)}.ds-radio-group--stack{flex-direction:column;gap:var(--space-8)}.ds-radio{display:flex;align-items:flex-start;gap:var(--space-8);cursor:pointer}.ds-radio__control{flex:none;inline-size:16px;block-size:16px;-webkit-margin-before:3px;margin-block-start:3px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--input);border-radius:50%;background:var(--background);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease)}.ds-radio__control:hover:not([data-disabled]){border-color:var(--border)}.ds-radio__control:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:2px}.ds-radio__control[data-checked]{border-color:var(--primary)}.ds-radio__control[data-disabled]{opacity:.5;cursor:not-allowed}.ds-radio__indicator{inline-size:8px;block-size:8px;border-radius:50%;background:var(--primary)}.ds-radio__text{display:flex;flex-direction:column;gap:2px;font-family:var(--font-sans)}.ds-radio__label{color:var(--text-primary);font-size:var(--type-body-size);line-height:1.4}.ds-radio__description{color:var(--text-muted);font-size:var(--type-caption-size);line-height:1.5}.ds-tabs{display:flex;flex-direction:column;font-family:var(--font-sans)}.ds-tabs__list{position:relative;display:flex;gap:var(--space-4)}.ds-tabs__tab{position:relative;block-size:var(--size-md);padding-inline:var(--space-12);display:inline-flex;align-items:center;gap:var(--space-8);border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--type-body-size);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-tabs__tab:hover:not([data-disabled]){color:var(--text-secondary)}.ds-tabs__tab[data-selected]{color:var(--accent-foreground)}.ds-tabs__tab[data-disabled]{opacity:.45;cursor:not-allowed}.ds-tabs__tab:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-2px}.ds-tabs__indicator{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:var(--active-tab-width);translate:var(--active-tab-left) 0;transition:translate var(--motion-fast) var(--motion-ease),inline-size var(--motion-fast) var(--motion-ease)}.ds-tabs--line .ds-tabs__list{-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle)}.ds-tabs--line .ds-tabs__indicator{block-size:2px;background:var(--primary)}.ds-tabs--panel .ds-tabs__list{padding:2px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:0}.ds-tabs--panel .ds-tabs__tab{block-size:calc(var(--size-sm) - 4px);padding-inline:var(--space-8);font-size:var(--type-caption-size)}.ds-tabs--panel .ds-tabs__indicator{inset-block:2px;block-size:auto;border-radius:var(--radius-xs);background:var(--state-pressed-bg)}.ds-tabs__panel{-webkit-padding-before:var(--space-16);padding-block-start:var(--space-16)}.ds-tabs--panel .ds-tabs__panel{-webkit-padding-before:var(--space-8);padding-block-start:var(--space-8)}.ds-slider{gap:var(--space-8);inline-size:100%;font-family:var(--font-sans)}.ds-slider,.ds-slider__control{display:flex;align-items:center}.ds-slider__control{flex:1 1;block-size:var(--row-height-dense);cursor:pointer}.ds-slider__track{position:relative;inline-size:100%;block-size:4px;border-radius:999px;background:var(--input)}.ds-slider__indicator{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:var(--primary)}.ds-slider__thumb{inline-size:12px;block-size:12px;border-radius:50%;border:1px solid var(--bg-deep);background:var(--primary);transition:box-shadow var(--motion-fast) var(--motion-ease)}.ds-slider__thumb:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:2px}.ds-slider__thumb[data-dragging]{box-shadow:0 0 0 5px var(--state-pressed-bg)}.ds-slider[data-disabled]{opacity:.5}.ds-slider__value{flex:none;min-inline-size:42px;text-align:end;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-slider__unit{color:var(--text-dimmed);-webkit-margin-start:1px;margin-inline-start:1px}.ds-number{display:flex;flex-direction:column;gap:var(--space-4)}.ds-number__scrub{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-number__group{display:inline-flex;align-items:stretch;block-size:var(--size-md);border:1px solid var(--input);border-radius:var(--radius);background:var(--background);overflow:hidden;transition:border-color var(--motion-fast) var(--motion-ease)}.ds-number--sm .ds-number__group{block-size:var(--size-sm)}.ds-number__group:hover{border-color:var(--border)}.ds-number__group:focus-within{border-color:var(--ring);outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-number__step{inline-size:var(--size-sm);display:inline-flex;align-items:center;justify-content:center;border:0;background:color-mix(in oklch,var(--secondary),transparent 40%);color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.ds-number__step:hover:not(:disabled){background:var(--state-hover-bg);color:var(--text-primary)}.ds-number__step:disabled{opacity:.4;cursor:not-allowed}.ds-number__input{inline-size:56px;min-inline-size:0;border:0;border-inline:1px solid var(--border-subtle);background:transparent;color:var(--foreground);font-family:var(--font-mono);font-size:var(--type-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;outline:none}.ds-progress{display:flex;flex-direction:column;gap:var(--space-4);inline-size:100%;font-family:var(--font-sans)}.ds-progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8)}.ds-progress__label{color:var(--text-secondary);font-size:var(--type-caption-size)}.ds-progress__value{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-progress__track{position:relative;block-size:6px;border-radius:999px;background:var(--input);overflow:hidden}.ds-progress--sm .ds-progress__track{block-size:4px}.ds-progress__indicator{block-size:100%;border-radius:999px;background:var(--primary);transition:inline-size var(--motion-base) var(--motion-ease)}.ds-progress[data-indeterminate] .ds-progress__indicator{inline-size:35%;animation:ds-progress-scan 1.2s var(--motion-ease) infinite}@keyframes ds-progress-scan{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.ds-progress[data-indeterminate] .ds-progress__indicator{animation-duration:2.4s}}.ds-popover{z-index:var(--z-popover);min-inline-size:180px;max-inline-size:min(360px,var(--available-width));background:var(--bg-panel-2);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--elevation-2);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;transform-origin:var(--transform-origin);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-popover[data-ending-style],.ds-popover[data-starting-style]{opacity:0;transform:scale(.98)}.ds-popover__title{margin:0;padding:var(--space-8) var(--space-12);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:600}.ds-popover__body{padding:var(--space-12)}.ds-menu-trigger,.ds-popover-trigger{display:inline-flex}.ds-menu{z-index:var(--z-popover);min-inline-size:180px;padding-block:var(--space-4);background:var(--bg-panel-2);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--elevation-2);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;transform-origin:var(--transform-origin);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ds-menu[data-ending-style],.ds-menu[data-starting-style]{opacity:0;transform:scale(.98)}.ds-menu__item{position:relative;min-block-size:var(--size-md);padding-inline:var(--space-12);display:flex;align-items:center;gap:var(--space-8);outline:none;font-size:var(--type-body-size);cursor:pointer}.ds-menu__item[data-highlighted]{background:var(--state-hover-bg)}.ds-menu__item[data-disabled]{opacity:.45;cursor:not-allowed}.ds-menu__icon{inline-size:16px;display:inline-flex;color:var(--text-muted)}.ds-menu__text{flex:1 1}.ds-menu__keys{-webkit-margin-start:var(--space-16);margin-inline-start:var(--space-16)}.ds-menu__item--danger{color:var(--danger-text)}.ds-menu__item--danger .ds-menu__icon{color:inherit}.ds-menu__item--danger[data-highlighted]{background:color-mix(in oklch,var(--danger),transparent 90%)}.ds-menu__separator{block-size:1px;margin-block:var(--space-4);background:var(--border-subtle)}.ds-menu__label{padding:var(--space-4) var(--space-12);color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ds-toast-viewport{position:fixed;z-index:var(--z-toast);inset-block-end:var(--space-16);inset-inline-end:var(--space-16);flex-direction:column;inline-size:min(360px,calc(100vw - var(--space-32)))}.ds-toast,.ds-toast-viewport{display:flex;gap:var(--space-8)}.ds-toast{align-items:flex-start;padding:var(--space-12);-webkit-border-start:2px solid var(--ds-toast-line);border-inline-start:2px solid var(--ds-toast-line);background-color:var(--bg-panel-2);background-image:linear-gradient(var(--ds-toast-tint),var(--ds-toast-tint));box-shadow:var(--elevation-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--type-caption-size);line-height:1.6;transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease);--ds-toast-line:var(--info-text);--ds-toast-tint:color-mix(in oklch,var(--info),transparent 95%)}.ds-toast--success{--ds-toast-line:var(--success-text);--ds-toast-tint:color-mix(in oklch,var(--success),transparent 95%)}.ds-toast--danger{--ds-toast-line:var(--danger-text);--ds-toast-tint:color-mix(in oklch,var(--danger),transparent 91%)}.ds-toast[data-ending-style],.ds-toast[data-starting-style]{opacity:0;transform:translateX(var(--space-16))}.ds-toast__mark{flex:none;color:var(--ds-toast-line);-webkit-margin-before:1px;margin-block-start:1px}.ds-toast__content{flex:1 1;display:grid;grid-gap:2px;gap:2px}.ds-toast__title{color:var(--foreground);font-size:var(--type-caption-size);font-weight:700}.ds-toast__description{color:currentColor}.ds-toast__action{color:var(--accent-foreground);font-family:inherit;font-size:var(--type-caption-size)}.ds-toast__action,.ds-toast__close{flex:none;border:0;background:transparent;cursor:pointer}.ds-toast__close{color:var(--text-dimmed);padding:0}.ds-toast__close:hover{color:var(--text-secondary)}.ds-toolbar{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-panel)}.ds-toolbar--vertical{flex-direction:column}.ds-toolbar__separator{flex:none;background:var(--border-subtle)}.ds-toolbar--horizontal .ds-toolbar__separator{inline-size:1px;margin-inline:var(--space-4)}.ds-toolbar--vertical .ds-toolbar__separator{block-size:1px;margin-block:var(--space-4)}.ds-tool{position:relative;inline-size:var(--size-md);block-size:var(--size-md);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.ds-toolbar--sm .ds-tool{inline-size:var(--size-sm);block-size:var(--size-sm)}.ds-tool:hover:not(:disabled){background:var(--state-hover-bg);color:var(--text-primary)}.ds-tool:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-1px}.ds-tool:disabled{opacity:.4;cursor:not-allowed}.ds-tool--active{background:var(--state-pressed-bg);color:var(--accent-foreground)}.ds-tool--active:before{content:"";position:absolute;inset-inline-start:0;inset-block:3px;inline-size:2px;background:var(--brand)}.ds-toolbar--vertical .ds-tool--active:before{inset-block:auto;inset-block-start:0;inset-inline:3px;block-size:2px;inline-size:auto}.ds-swatch{--ds-swatch-size:14px;flex:none;display:inline-block;inline-size:var(--ds-swatch-size);block-size:var(--ds-swatch-size);border:1px solid var(--ds-swatch-line);border-radius:var(--radius-xs);background:var(--ds-swatch-fill)}.ds-swatch--sm{--ds-swatch-size:10px}.ds-swatch--lg{--ds-swatch-size:22px}.ds-color-trigger{display:inline-flex;align-items:center;gap:var(--space-8);block-size:var(--size-sm);inline-size:100%;padding-inline:var(--space-8);border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-caption-size);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease)}.ds-color-trigger:hover:not(:disabled){border-color:var(--border)}.ds-color-trigger:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-color-trigger__text{flex:1 1;text-align:start}.ds-color-trigger__caret{color:var(--text-muted)}.ds-color-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.ds-color-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-color-cell:hover{background:var(--state-hover-bg)}.ds-color-cell:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-1px}.ds-color-cell--active{border-color:var(--brand);background:var(--state-pressed-bg)}.ds-color-cell__index{color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px}.ds-color-custom{display:flex;align-items:center;gap:var(--space-8);-webkit-margin-before:var(--space-12);margin-block-start:var(--space-12);-webkit-padding-before:var(--space-8);padding-block-start:var(--space-8);-webkit-border-before:1px solid var(--border-subtle);border-block-start:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--type-caption-size);cursor:pointer}.ds-color-custom small{display:block;color:var(--text-dimmed);font-size:10px;line-height:1.5}.ds-color-custom__input{inline-size:22px;block-size:22px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:transparent;cursor:pointer}.ds-prop{--ds-prop-label:64px;display:grid;grid-template-columns:var(--ds-prop-label) 1fr;align-items:center;grid-gap:var(--space-8);gap:var(--space-8);min-block-size:var(--row-height-dense);padding-block:3px;font-family:var(--font-sans)}.ds-prop--stacked{grid-template-columns:1fr;align-items:stretch;gap:var(--space-4)}.ds-prop__label{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--type-caption-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-prop__hint{color:var(--text-dimmed)}.ds-prop__control{min-inline-size:0;display:flex;align-items:center;gap:var(--space-4)}.ds-prop__control>.ds-input,.ds-prop__control>.ds-select-field{inline-size:100%}.ds-prop-group{display:block}.ds-prop-group__title{display:flex;align-items:center;gap:var(--space-4);min-block-size:var(--row-height-dense);color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:default}.ds-prop-group__action{-webkit-margin-start:auto;margin-inline-start:auto}.ds-prop-group--collapsible>.ds-prop-group__title{cursor:pointer;list-style:none}.ds-prop-group--collapsible>.ds-prop-group__title::-webkit-details-marker{display:none}.ds-prop-group__caret{transition:transform var(--motion-fast) var(--motion-ease)}.ds-prop-group--collapsible[open]>.ds-prop-group__title .ds-prop-group__caret{transform:rotate(90deg)}.ds-prop-group__body{display:flex;flex-direction:column}.ds-layers{margin:0;padding:0;list-style:none;font-family:var(--font-sans)}.ds-layers__row{position:relative;display:flex;align-items:center;gap:var(--space-4);min-block-size:var(--row-height-dense);padding-inline:var(--space-4);-webkit-border-after:1px solid var(--row-divider-dense);border-block-end:1px solid var(--row-divider-dense);color:var(--text-secondary);transition:background-color var(--motion-fast) var(--motion-ease)}.ds-layers__row:hover{background:var(--state-hover-bg)}.ds-layers__row--selected{background:var(--state-pressed-bg);color:var(--text-primary)}.ds-layers__row--selected:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:2px;background:var(--brand)}.ds-layers__grip,.ds-layers__row--hidden{color:var(--text-dimmed)}.ds-layers__grip{cursor:-webkit-grab;cursor:grab;display:inline-flex}.ds-layers__main{flex:1 1;min-inline-size:0;display:flex;align-items:center;gap:var(--space-8);padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--type-caption-size);text-align:start;cursor:pointer}.ds-layers__main:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-2px}.ds-layers__kind{color:var(--text-dimmed)}.ds-layers__nofaction{inline-size:10px;block-size:10px;flex:none}.ds-layers__name{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-layers__toggle{flex:none;inline-size:20px;block-size:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-dimmed);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-layers__toggle:hover{background:var(--state-hover-bg);color:var(--text-primary)}.ds-layers__toggle:active{background:var(--state-pressed-bg)}.ds-layers__toggle:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-1px}.ds-layers__toggle--on{color:var(--accent-foreground)}.ds-layers__drop{position:absolute;inset-block-start:-1px;inset-inline:0;block-size:2px;background:var(--brand)}.ds-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:148px;padding:var(--space-16);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--card),transparent 40%);font-family:var(--font-sans);text-align:center;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-dropzone--dragging{border-color:var(--brand);border-style:solid;background:var(--state-hover-bg)}.ds-dropzone--error{border-color:var(--danger-border);border-style:solid}.ds-dropzone--uploading{border-style:solid}.ds-dropzone__input{display:none}.ds-dropzone__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);inline-size:100%;max-inline-size:280px}.ds-dropzone__icon{color:var(--text-dimmed)}.ds-dropzone__icon--error{color:var(--danger-text)}.ds-dropzone__title{margin:0;color:var(--text-secondary);font-size:var(--type-body-size)}.ds-dropzone__hint{margin:0;color:var(--text-dimmed);font-size:var(--type-caption-size)}.ds-copy-field{display:flex;flex-direction:column;gap:var(--space-4)}.ds-copy-field__group{display:flex;align-items:center;gap:var(--space-4)}.ds-copy-field__input{flex:1 1;min-inline-size:0;block-size:var(--size-sm);padding-inline:var(--space-8);border:1px solid var(--input);border-radius:var(--radius);background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-caption-size)}.ds-copy-field__input:focus{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-copy-field__group--copied .ds-copy-field__input{border-color:var(--success-border)}.ds-copy-field__status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.ds-canvas-frame{--ds-canvas-grid:color-mix(in oklch,var(--border-subtle),transparent 55%);--ds-canvas-handle:var(--brand);--ds-canvas-guide:color-mix(in oklch,var(--brand),transparent 40%);--ds-canvas-marquee:var(--state-pressed-bg);position:relative;min-block-size:260px;border:1px solid var(--border-subtle);background-color:var(--bg-deep);overflow:hidden}.ds-canvas-frame--grid{background-image:linear-gradient(var(--ds-canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ds-canvas-grid) 1px,transparent 1px);background-size:calc(24px * var(--ds-canvas-zoom, 1)) calc(24px * var(--ds-canvas-zoom, 1)),calc(24px * var(--ds-canvas-zoom, 1)) calc(24px * var(--ds-canvas-zoom, 1))}.ds-canvas-frame__stage{position:absolute;inset:0}.ds-canvas-frame__guide{position:absolute;background:transparent;border-color:var(--ds-canvas-guide);border-style:dashed}.ds-canvas-frame__guide--x{inset-inline:0;inset-block-start:38%;border-block-start-width:1px}.ds-canvas-frame__guide--y{inset-block:0;inset-inline-start:44%;border-inline-start-width:1px}.ds-canvas-frame__selection{position:absolute;inset-block:26% 30%;inset-inline:28% 32%;border:1px solid var(--ds-canvas-handle);background:var(--ds-canvas-marquee)}.ds-canvas-frame__handles{position:absolute;inset:-4px;background-image:linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle)),linear-gradient(var(--ds-canvas-handle),var(--ds-canvas-handle));background-repeat:no-repeat;background-size:7px 7px;background-position:0 0,top,100% 0,0,100%,0 100%,bottom,100% 100%}.ds-canvas-frame__zoom{position:absolute;z-index:var(--z-panel);inset-block-end:var(--space-12);inset-inline-end:var(--space-12);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--bg-panel),transparent 8%);box-shadow:var(--elevation-2)}.ds-canvas-frame__level{min-inline-size:42px;text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-timeline{flex-direction:column;font-family:var(--font-sans)}.ds-timeline,.ds-timeline__bar{display:flex;gap:var(--space-8)}.ds-timeline__bar{align-items:center}.ds-timeline__progress{position:relative;flex:1 1;block-size:4px;border-radius:999px;background:var(--input)}.ds-timeline__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:var(--primary);transition:inline-size var(--motion-base) linear}.ds-timeline__tick{position:absolute;inset-block-start:50%;inline-size:6px;block-size:6px;border-radius:50%;background:var(--bg-panel-2);border:1px solid var(--border-default);transform:translate(-50%,-50%)}.ds-timeline__tick--active{background:var(--brand);border-color:var(--brand);inline-size:8px;block-size:8px}.ds-timeline__counter{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-timeline__track{display:flex;gap:var(--space-8);margin:0;padding:0 0 var(--space-4);list-style:none;overflow-x:auto}.ds-timeline__node{display:flex;align-items:center;gap:var(--space-8);min-inline-size:148px;padding:var(--space-8);border:1px solid var(--border-subtle);background:var(--card);color:var(--text-secondary);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ds-timeline__node:hover{border-color:var(--border-default)}.ds-timeline__node:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-timeline__node--active{border-color:var(--border-strong);background:color-mix(in oklch,var(--card),var(--primary) 5%);color:var(--text-primary)}.ds-timeline__order{flex:none;inline-size:20px;block-size:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.ds-timeline__node--active .ds-timeline__order{border-color:var(--brand);color:var(--accent-foreground)}.ds-timeline__text{flex:1 1;min-inline-size:0;display:flex;flex-direction:column;gap:1px}.ds-timeline__label{font-size:var(--type-caption-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-timeline__meta{color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px}.ds-timeline__grip{color:var(--text-dimmed);cursor:-webkit-grab;cursor:grab}.ds-timeline--replay .ds-timeline__node{min-inline-size:112px}.ds-code{position:relative;margin:0;border:1px solid var(--border-subtle);background:var(--bg-deep);font-family:var(--font-mono);overflow:hidden}.ds-code__head{display:flex;align-items:center;gap:var(--space-8);block-size:var(--size-md);padding-inline:var(--space-12);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-secondary);font-size:var(--type-caption-size)}.ds-code__filename{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-code__lang{color:var(--text-dimmed);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ds-btn.ds-code__copy--float{position:absolute;z-index:var(--z-panel);inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.ds-code__pre{margin:0;padding:var(--space-12) 0;overflow-x:auto;color:var(--text-secondary);font-size:13px;line-height:20px;-moz-tab-size:2;tab-size:2}.ds-code__line{display:flex;align-items:flex-start;min-inline-size:max-content;inline-size:100%;padding-inline:var(--space-12)}.ds-code__line--marked{background:var(--state-hover-bg);box-shadow:inset 2px 0 0 var(--brand)}.ds-code__number{flex:none;inline-size:28px;-webkit-padding-end:var(--space-12);padding-inline-end:var(--space-12);color:var(--text-dimmed);font-size:11px;text-align:end;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-code__text{white-space:pre}.ds-code__status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.ds-code-inline{padding:1px 5px;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--bg-deep),transparent 35%);color:var(--accent-foreground);font-family:var(--font-mono);font-size:.92em}.ds-scroll{position:relative;overflow:hidden}.ds-scroll__viewport{block-size:100%;overflow:auto;overscroll-behavior:contain}.ds-scroll__viewport:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-2px}.ds-scroll__bar{display:flex;touch-action:none;opacity:1;transition:opacity var(--motion-fast) var(--motion-ease)}.ds-scroll__bar[data-orientation=vertical]{inline-size:6px;padding-block:2px}.ds-scroll__bar[data-orientation=horizontal]{block-size:6px;padding-inline:2px}.ds-scroll__thumb{flex:1 1;border-radius:999px;background:var(--border-default)}.ds-scroll__thumb:hover{background:var(--border-strong)}.ds-scroll--overlay .ds-scroll__bar{opacity:0}.ds-scroll--overlay .ds-scroll__bar[data-orientation=vertical]{inline-size:4px}.ds-scroll--overlay .ds-scroll__bar[data-scrolling],.ds-scroll--overlay:hover .ds-scroll__bar{opacity:1}.ds-avatar{--ds-avatar-size:28px;position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--ds-avatar-size);block-size:var(--ds-avatar-size);border:1px solid var(--border-subtle);border-radius:50%;background:var(--ds-avatar-fill);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-avatar--sm{--ds-avatar-size:22px}.ds-avatar--lg{--ds-avatar-size:40px}.ds-avatar__image{inline-size:100%;block-size:100%;object-fit:cover}.ds-avatar__fallback{color:var(--ds-avatar-ink);font-family:var(--font-sans);font-size:calc(var(--ds-avatar-size) * .42);font-weight:600;line-height:1}.ds-search{position:relative;display:flex;align-items:center;gap:var(--space-8);block-size:var(--size-md);padding-inline:var(--space-8);border:1px solid var(--input);border-radius:var(--radius);background:var(--background);transition:border-color var(--motion-fast) var(--motion-ease)}.ds-search--sm{block-size:var(--size-sm)}.ds-search:hover{border-color:var(--border)}.ds-search:focus-within{border-color:var(--ring);outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-search__icon{color:var(--text-dimmed)}.ds-search__input{flex:1 1;min-inline-size:0;border:0;background:transparent;color:var(--foreground);font-family:var(--font-sans);font-size:var(--type-body-size);outline:none}.ds-search__input::placeholder{color:var(--muted-foreground)}.ds-search__input::-webkit-search-cancel-button{display:none}.ds-btn.ds-search__clear{flex:none;--ds-btn-height:20px;-webkit-margin-end:-2px;margin-inline-end:-2px}.ds-btn.ds-search__clear:focus-visible{outline-offset:0}.ds-nav{gap:calc(var(--space-unit) * 5);font-family:var(--font-sans)}.ds-nav,.ds-nav__group{display:flex;flex-direction:column}.ds-nav__group{gap:1px}.ds-nav__group-title{margin:0 0 var(--space-4);padding-inline:var(--space-8);color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-nav__item{position:relative;display:flex;align-items:center;gap:var(--space-8);min-block-size:var(--size-sm);padding-inline:var(--space-8);border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--type-caption-size);text-align:start;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.ds-nav__item:hover:not(:disabled){background:var(--state-hover-bg);color:var(--text-primary)}.ds-nav__item:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-2px}.ds-nav__item:disabled{opacity:.4;cursor:not-allowed}.ds-nav__item--active{background:var(--state-pressed-bg);color:var(--accent-foreground)}.ds-nav__item--active:before{content:"";position:absolute;inset-block:2px;inset-inline-start:0;inline-size:2px;background:var(--brand)}.ds-nav__icon{color:currentColor}.ds-nav__label{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-24);text-align:center;font-family:var(--font-sans);--ds-result-hue:var(--info);--ds-result-ink:var(--info-text)}.ds-result--warning{--ds-result-hue:var(--warning);--ds-result-ink:var(--warning-text)}.ds-result--danger{--ds-result-hue:var(--danger);--ds-result-ink:var(--danger-text)}.ds-result--locked{--ds-result-hue:var(--note);--ds-result-ink:var(--accent-foreground)}.ds-result__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border:1px solid color-mix(in oklch,var(--ds-result-hue),transparent 60%);border-radius:50%;background:color-mix(in oklch,var(--ds-result-hue),transparent 90%);color:var(--ds-result-ink)}.ds-result__title{margin:0;color:var(--text-primary);font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:600}.ds-result__description{margin:0;max-inline-size:42ch;color:var(--text-muted);font-size:var(--type-body-size);line-height:1.7}.ds-result__body{inline-size:min(280px,100%);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.ds-result__action{display:flex;gap:var(--space-8)}.ds-result__footer{margin:0;color:var(--text-dimmed);font-size:var(--type-caption-size)}.ds-resizable{display:flex;inline-size:100%;min-block-size:0}.ds-resizable--vertical{flex-direction:column}.ds-resizable__pane{min-inline-size:0;min-block-size:0;overflow:hidden}.ds-resizable--horizontal>.ds-resizable__pane:first-child{inline-size:var(--ds-resizable-size);flex:none}.ds-resizable--vertical>.ds-resizable__pane:first-child{block-size:var(--ds-resizable-size);flex:none}.ds-resizable__pane--fill{flex:1 1}.ds-resizable__handle{position:relative;flex:none;border:0;padding:0;background:var(--border-subtle);transition:background-color var(--motion-fast) var(--motion-ease)}.ds-resizable--horizontal>.ds-resizable__handle{inline-size:1px;cursor:col-resize}.ds-resizable--vertical>.ds-resizable__handle{block-size:1px;cursor:row-resize}.ds-resizable__handle:after{content:"";position:absolute;inset:0}.ds-resizable--horizontal>.ds-resizable__handle:after{inset-inline:-3px}.ds-resizable--vertical>.ds-resizable__handle:after{inset-block:-3px}.ds-resizable--dragging>.ds-resizable__handle,.ds-resizable__handle:hover{background:var(--border-strong)}.ds-resizable__handle:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:1px}.ds-media-card{--ds-card-step:calc(var(--space-unit) * 1.5);position:relative;display:flex;flex-direction:column;border:1px solid var(--border-subtle);background:var(--card);-webkit-clip-path:polygon(0 var(--ds-card-step),var(--ds-card-step) var(--ds-card-step),var(--ds-card-step) 0,calc(100% - var(--ds-card-step)) 0,calc(100% - var(--ds-card-step)) var(--ds-card-step),100% var(--ds-card-step),100% calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) 100%,var(--ds-card-step) 100%,var(--ds-card-step) calc(100% - var(--ds-card-step)),0 calc(100% - var(--ds-card-step)));clip-path:polygon(0 var(--ds-card-step),var(--ds-card-step) var(--ds-card-step),var(--ds-card-step) 0,calc(100% - var(--ds-card-step)) 0,calc(100% - var(--ds-card-step)) var(--ds-card-step),100% var(--ds-card-step),100% calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) calc(100% - var(--ds-card-step)),calc(100% - var(--ds-card-step)) 100%,var(--ds-card-step) 100%,var(--ds-card-step) calc(100% - var(--ds-card-step)),0 calc(100% - var(--ds-card-step)));transition:border-color var(--motion-fast) var(--motion-ease);font-family:var(--font-sans)}.ds-media-card:hover{border-color:var(--border-default)}.ds-media-card--selected{border-color:var(--border-strong)}.ds-media-card__hit{display:flex;flex-direction:column;inline-size:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.ds-media-card__hit:focus-visible{outline:2px solid color-mix(in oklch,var(--ring),transparent 55%);outline-offset:-2px}.ds-media-card__cover{position:relative;display:block;aspect-ratio:16/10;background:var(--bg-deep);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);overflow:hidden}.ds-media-card__image{inline-size:100%;block-size:100%;object-fit:cover;display:block}.ds-media-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dimmed)}.ds-media-card__status{position:absolute;inset-block-start:var(--space-8);inset-inline-end:var(--space-8)}.ds-media-card__body{display:flex;flex-direction:column;gap:2px;padding:var(--space-12)}.ds-media-card__title{color:var(--text-primary);font-size:var(--type-body-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-media-card__meta{color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px}.ds-media-card__actions{position:absolute;inset-block-start:var(--space-8);inset-inline-start:var(--space-8);display:flex;gap:var(--space-4);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.ds-media-card:focus-within .ds-media-card__actions,.ds-media-card:hover .ds-media-card__actions{opacity:1}.ds-media-card--loading .ds-media-card__cover{aspect-ratio:16/10}.ds-media-card--loading .ds-media-card__body{padding:var(--space-12)}.ds-legend{font-family:var(--font-sans)}.ds-legend__title{margin:0 0 var(--space-8);color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-legend__list{margin:0;padding:0;list-style:none}.ds-legend__item{display:flex;align-items:center;gap:var(--space-8);font-size:var(--type-caption-size)}.ds-legend__item--dimmed{opacity:.45}.ds-legend__label{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-legend__value{color:var(--text-dimmed);font-family:var(--font-mono);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-legend--panel .ds-legend__item{min-block-size:var(--row-height-dense)}.ds-legend--inline .ds-legend__list{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-12)}.ds-legend--inline{display:inline-block;padding:var(--space-4) var(--space-8);border:1px solid var(--border-subtle);background:color-mix(in oklch,var(--bg-deep),transparent 12%)}.ds-legend--inline .ds-legend__label{font-size:11px}.ds-floating{position:absolute;z-index:var(--z-panel);inset-inline-start:var(--ds-floating-x);inset-block-start:var(--ds-floating-y);transform:translate(-50%,-100%);display:inline-flex;gap:1px;padding:2px;border:1px solid var(--border-default);background:color-mix(in oklch,var(--bg-deep),transparent 6%);box-shadow:var(--elevation-2)}.ds-task{inline-size:min(420px,calc(100vw - var(--space-32)))}.ds-task__body{-webkit-margin-after:var(--space-24);margin-block-end:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12)}.ds-task__outcome{display:flex;align-items:center;gap:var(--space-8);margin:0;font-size:var(--type-body-size)}.ds-task__outcome--success{color:var(--success-text)}.ds-task__outcome--error{color:var(--danger-text)}.uilore-project{min-block-size:100%}.uilore-project,.uilore-project body{background:var(--background);color:var(--foreground)}.uilore-project body{min-block-size:100vh;margin:0;font-family:var(--font-sans)}.uilore-project *,.uilore-project :after,.uilore-project :before{box-sizing:border-box}.ds-page-shell{min-block-size:100vh;background:var(--bg-base);color:var(--text-primary)}.ds-page-shell__bar{min-block-size:var(--space-64);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-inline:var(--space-24);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);background:var(--bg-deep)}.ds-page-shell__brand{color:var(--accent-foreground);font-size:var(--type-h3-size);font-weight:700;letter-spacing:.03em}.ds-page-shell__bar-actions{display:flex;align-items:center;gap:var(--space-8)}.ds-page-shell__body{min-block-size:calc(100vh - var(--space-64))}.ds-page-shell__main{min-inline-size:0;padding:var(--space-32)}.ds-page-shell__heading{max-inline-size:calc(var(--space-unit) * 180);-webkit-margin-after:var(--space-24);margin-block-end:var(--space-24)}.ds-page-shell__eyebrow{margin:0 0 var(--space-4);color:var(--accent-foreground);font-family:var(--font-mono);font-size:var(--type-caption-size);text-transform:uppercase;letter-spacing:.08em}.ds-page-shell__title{margin:0;color:var(--text-primary);font-size:var(--type-h2-size);line-height:var(--type-h2-line)}.ds-page-shell__description{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--type-body-size);line-height:var(--type-body-line)}.ds-page-shell--centered .ds-page-shell__main{display:grid;place-items:center;min-block-size:calc(100vh - var(--space-64))}.ds-page-shell--centered .ds-page-shell__heading{-webkit-margin-after:var(--space-16);margin-block-end:var(--space-16);text-align:center}.ds-page-shell--centered .ds-page-shell__content,.ds-page-shell--centered .ds-page-shell__heading{inline-size:min(100%,calc(var(--space-unit) * 110))}.ds-page-shell--dashboard .ds-page-shell__body{display:grid;grid-template-columns:calc(var(--space-unit) * 56) minmax(0,1fr)}.ds-page-shell--landing .ds-page-shell__main{inline-size:min(100%,calc(var(--space-unit) * 300));margin-inline:auto;padding-block:var(--space-64)}.ds-page-shell--landing .ds-page-shell__heading{max-inline-size:calc(var(--space-unit) * 190);margin-inline:auto;-webkit-margin-after:var(--space-40);margin-block-end:var(--space-40);text-align:center}.ds-page-shell--landing .ds-page-shell__title{font-size:var(--type-h1-size);line-height:var(--type-h1-line)}.ds-page-shell--landing .ds-page-shell__description{font-size:var(--type-h3-size);line-height:var(--type-h3-line)}.ds-page-shell__nav{padding:var(--space-24) var(--space-12);-webkit-border-end:1px solid var(--sidebar-border);border-inline-end:1px solid var(--sidebar-border);background:var(--sidebar)}.ds-flow{display:flex;min-inline-size:0}.ds-flow--content,.ds-flow--form{flex-direction:column;gap:var(--space-16)}.ds-flow--form{inline-size:100%}.ds-flow--actions{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-8)}.ds-flow--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-unit) * 60),1fr));grid-gap:var(--space-16);gap:var(--space-16)}@media (max-width:720px){.ds-page-shell__bar{padding-inline:var(--space-16)}.ds-page-shell__main{padding:var(--space-16)}.ds-page-shell--dashboard .ds-page-shell__body{display:block}.ds-page-shell__nav{padding:var(--space-8);-webkit-border-end:0;border-inline-end:0;-webkit-border-after:1px solid var(--sidebar-border);border-block-end:1px solid var(--sidebar-border)}.ds-page-shell__nav .ds-nav{display:flex;overflow-x:auto}.ds-page-shell__nav .ds-nav__group{display:flex}.ds-page-shell__nav .ds-nav__group-title{display:none}}.ds-editor-shell{display:grid;grid-template-rows:var(--space-64) minmax(0,1fr) auto;min-block-size:100vh;block-size:100dvh;overflow:hidden;background:var(--bg-deep);color:var(--text-primary)}.ds-editor-shell__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:var(--space-16);gap:var(--space-16);padding-inline:var(--space-12);-webkit-border-after:1px solid var(--border-subtle);border-block-end:1px solid var(--border-subtle);background:var(--bg-deep)}.ds-editor-shell__actions,.ds-editor-shell__identity,.ds-editor-shell__status{display:flex;align-items:center;gap:var(--space-8);min-inline-size:0}.ds-editor-shell__actions{justify-content:flex-end}.ds-editor-shell__status{justify-content:center}.ds-editor-shell__brand{flex:none;color:var(--accent-foreground);font-weight:700}.ds-editor-shell__project{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.ds-editor-shell__workspace{display:grid;grid-template-columns:var(--space-40) calc(var(--space-unit) * 56) minmax(0,1fr) calc(var(--space-unit) * 64);min-block-size:0}.ds-editor-shell__inspector,.ds-editor-shell__layers,.ds-editor-shell__tools{min-block-size:0;overflow:auto;background:var(--bg-panel)}.ds-editor-shell__tools{padding-block:var(--space-8)}.ds-editor-shell__layers,.ds-editor-shell__tools{-webkit-border-end:1px solid var(--border-subtle);border-inline-end:1px solid var(--border-subtle)}.ds-editor-shell__layers{padding:var(--space-12)}.ds-editor-shell__inspector{padding:var(--space-12);-webkit-border-start:1px solid var(--border-subtle);border-inline-start:1px solid var(--border-subtle)}.ds-editor-shell__canvas{min-inline-size:0;min-block-size:0;overflow:hidden}.ds-editor-shell__canvas>.ds-canvas-frame{block-size:100%}.ds-canvas-frame__stage>[data-canvas-host]{inline-size:100%;block-size:100%}.ds-editor-shell__timeline{min-block-size:0;-webkit-border-before:1px solid var(--border-subtle);border-block-start:1px solid var(--border-subtle);background:var(--bg-panel)}@media (max-width:980px){.ds-editor-shell__workspace{grid-template-columns:var(--space-40) minmax(0,1fr) calc(var(--space-unit) * 56)}.ds-editor-shell__layers{display:none}}@media (max-width:640px){.ds-editor-shell{grid-template-rows:auto minmax(0,1fr) auto}.ds-editor-shell__bar{grid-template-columns:minmax(0,1fr) auto;padding-block:var(--space-8)}.ds-editor-shell__brand,.ds-editor-shell__status{display:none}.ds-editor-shell__workspace{grid-template-columns:var(--space-40) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(calc(var(--space-unit) * 36),30vh)}.ds-editor-shell__tools{grid-column:1;grid-row:1}.ds-editor-shell__canvas{grid-column:2;grid-row:1}.ds-editor-shell__inspector{display:block;grid-column:1/-1;grid-row:2;-webkit-border-before:1px solid var(--border-subtle);border-block-start:1px solid var(--border-subtle);-webkit-border-start:0;border-inline-start:0}}.ds-playback-shell{position:relative;block-size:100dvh;min-block-size:100vh;overflow:hidden;background:var(--bg-deep)}.ds-playback-shell__canvas{position:absolute;inset:0}.ds-playback-shell__canvas>.ds-canvas-frame{block-size:100%}.ds-playback-shell__controls{position:absolute;inset-inline:0;inset-block-end:0;padding:var(--space-48) var(--space-24) var(--space-16);background:linear-gradient(transparent,color-mix(in oklch,var(--bg-deep),transparent 4%) 42%);pointer-events:none}.ds-playback-shell__controls>*{pointer-events:auto}.ds-playback-shell__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);-webkit-margin-after:var(--space-8);margin-block-end:var(--space-8)}.ds-playback-shell__heading h1{min-inline-size:0;margin:0;overflow:hidden;color:var(--text-primary);font-size:var(--type-h3-size);text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.ds-playback-shell__controls{padding-inline:var(--space-8);-webkit-padding-after:var(--space-8);padding-block-end:var(--space-8)}}