:root{--chrome-surface: var(--color-background-secondary-default);--chrome-raised: var(--color-background-primary-default);--chrome-raised-hover: var(--color-background-primary-hover);--chrome-agent-drop: 0 1px 2px 0 rgba(0, 0, 0, .35);--chrome-composer-plus: rgba(255, 255, 255, .06);--chrome-composer-chip: rgba(255, 255, 255, .08);--chrome-composer-chip-ink: rgba(255, 255, 255, .5);--chrome-composer-ink-hover: #a3a3a3;--chrome-attachment-dismiss: #373737;--chrome-attachment-dismiss-hover: #404040;--chrome-attachment-photo-dismiss: rgba(255, 255, 255, .5);--chrome-attachment-photo-dismiss-hover: rgba(255, 255, 255, .7);--chrome-attachment-photo-dismiss-ink: #262626;--chrome-dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06), 0 4px 8px 0 rgba(0, 0, 0, .2);--chrome-shimmer-peak: rgba(223, 223, 223, .144);--chrome-ink-note: rgba(255, 255, 255, .5);--chrome-glyph-highlight: rgba(255, 255, 255, .25);--chrome-pill-ring-edge: rgba(255, 255, 255, .1);--chrome-skills-surface: #202020;--chrome-skills-shadow: 0 4px 34px 0 rgba(0, 0, 0, .25), 0 4px 8px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .06);--chrome-skills-sheet-shadow: 0 -16px 17px 0 rgba(0, 0, 0, .25), 0 -6px 29px 0 rgba(0, 0, 0, .2), 0 -19px 1px 0 rgba(0, 0, 0, .06);--chrome-skills-pill: rgba(255, 255, 255, .11);--chrome-skills-switch-track: #404040;--chrome-skills-field-active: rgba(255, 255, 255, .5);--chrome-fresh-button-drop: var(--chrome-agent-drop);--chrome-skills-knob-from: #858585;--chrome-skills-knob-to: #919191;--chrome-skills-knob-chip-from: #404040;--chrome-skills-knob-chip-to: #404040;--chrome-skills-mark: rgba(255, 255, 255, .16);--chrome-skills-avatar-ring: transparent;--chrome-field-hover: #2e2e2e;--chrome-slider-field-fill: rgba(255, 255, 255, .11);--chrome-slider-field-fill-active: rgba(255, 255, 255, .15);--chrome-slider-field-tick: rgba(255, 255, 255, .15);--chrome-slider-field-handle: #ffffff;--chrome-well: #262626;--chrome-grid-cell: #000000;--chrome-grid-cell-opacity: .3;--chrome-menu: var(--color-background-primary-default);--chrome-pill: var(--color-background-primary-default);--chrome-segment-pill: var(--color-background-quaternary-default);--chrome-close-hover: var(--color-background-quaternary-default);--chrome-canvas: var(--color-background-full);--chrome-constraint-square: #404040;--chrome-pin-track: #404040;--chrome-pin-track-on: #1e3551;--chrome-gradient-ring: #202020;--chrome-gradient-marker-edge: none;--chrome-thumb: #404040;--chrome-checker-a: #3a3a3a;--chrome-checker-b: #262626;--chrome-track-checker-a: rgba(217, 217, 217, .1);--chrome-track-checker-b: rgba(217, 217, 217, .2);--chrome-border: #262626;--chrome-separator: #262626;--chrome-border-hover: var(--color-border-button-default);--chrome-control-border: var(--color-border-button-default);--chrome-outlined-stroke: var(--color-border-button-default);--chrome-field-stroke: rgba(255, 255, 255, .07);--chrome-field-stroke-hover: rgba(255, 255, 255, .13);--chrome-search-stroke-active: rgba(255, 255, 255, .3);--chrome-menu-search-stroke: var(--color-border-button-default);--chrome-pill-stroke: #363636;--chrome-segment-pill-stroke: #4d4d4d;--chrome-swatch-ring: rgba(255, 255, 255, .05);--chrome-chip-ring: rgba(255, 255, 255, .1);--chrome-thumb-ring: rgba(255, 255, 255, .12);--chrome-hairline-strong: rgba(255, 255, 255, .16);--chrome-palette-ring: rgb(255 255 255 / .08);--chrome-picker-separator: #d9d9d9;--chrome-picker-separator-opacity: .21;--chrome-stepper-separator: rgba(217, 217, 217, .15);--chrome-track-ring: rgba(255, 255, 255, .05);--chrome-field-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);--chrome-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--chrome-menu-shadow: 0 1px 2px 0 rgba(0, 0, 0, .18), 0 4px 12px 0 rgba(0, 0, 0, .32);--chrome-popover-shadow: 0 2px 2px 0 rgba(0, 0, 0, .39), 0 4px 20px 0 rgba(0, 0, 0, .3);--chrome-pill-inset: inset 0 -1px 0 0 rgba(255, 255, 255, .04), inset 0 8px 16px 0 rgba(255, 255, 255, .03);--chrome-pill-ring-opacity: .2;--chrome-pill-drop: 0 1px 1px 0 rgba(0, 0, 0, .35);--chrome-button-drop: 0 1px 1px 0 rgba(0, 0, 0, .35);--chrome-ghost-shadow: 0 4px 20px 0 rgba(0, 0, 0, .4);--chrome-constraint-square-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .05);--chrome-slider-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .25), inset 0 4px 4px 0 rgba(255, 255, 255, .25);--chrome-swatch-drop: 0 1px 4px 0 rgba(0, 0, 0, .64);--chrome-ink: #ffffff;--chrome-ink-label: rgba(255, 255, 255, .5);--chrome-text: var(--color-text-primary);--chrome-text-muted: var(--color-text-tertiary);--chrome-error: var(--color-text-error-primary);--chrome-destructive: var(--color-text-destructive);--chrome-on-accent: #ffffff;--chrome-vector-line: #006fff;--chrome-vector-arm: #b3b3b3;--chrome-vector-point: #ffffff;--chrome-icon: var(--color-foreground-icon-primary);--chrome-glyph-ink: #fafafa;--chrome-instance-text: #c4a6ff;--chrome-glyph: #6b6b6b;--chrome-glyph-text: #737373;--chrome-glyph-strong: #8b8b8b;--chrome-glyph-muted: #acacac;--chrome-ink-soft: #d9d9d9;--chrome-glyph-fill: rgba(255, 255, 255, .19);--chrome-glyph-wash: rgba(255, 255, 255, .1);--chrome-align-box-centre: #434343;--chrome-align-stop-1: #e7e7e7;--chrome-align-stop-2: #969696;--chrome-align-stop-3: #d8d8d8;--chrome-knob: #171717;--chrome-knob-stroke: #c6c6c6;--chrome-wash: rgba(255, 255, 255, .05);--chrome-row-hover: rgba(255, 255, 255, .05);--chrome-unread: #3279ff;--chrome-wash-strong: rgba(255, 255, 255, .1);--chrome-token-pill: rgba(255, 255, 255, .06);--chrome-token-pill-disabled: rgba(255, 255, 255, .04);--chrome-accent-soft: #7cc4f8;--chrome-accent-soft-wash: rgba(96, 136, 252, .25);--chrome-accent-soft-text: #7cc4f8;--chrome-gradient-row-field: rgba(255, 255, 255, .065);--chrome-scrollbar-thumb: rgb(255 255 255 / .3);--chrome-tab-track: rgba(255, 255, 255, .03);--chrome-pill-hover: #2e2e2e;--chrome-constraint-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect width='1' height='1' fill='%23d9d9d9' fill-opacity='0.02'/%3E%3C/svg%3E");--chrome-code-selection: var(--color-accent-950);--chrome-code-accent: var(--color-accent-400);--chrome-canvas-label: var(--color-text-secondary);--chrome-canvas-label-muted: var(--color-text-tertiary);--chrome-canvas-chip-border: var(--color-border-button-default);--chrome-canvas-name: rgba(255, 255, 255, .5);--chrome-canvas-name-muted: rgba(255, 255, 255, .2);--chrome-canvas-button-ring: rgba(255, 255, 255, .07);--chrome-canvas-button-glyph: rgba(255, 255, 255, .89);--chrome-canvas-button-open: rgba(255, 255, 255, .06);--chrome-canvas-button-hover: rgba(255, 255, 255, .05);--chrome-canvas-button-pressed: rgba(255, 255, 255, .1);--chrome-breakpoint-group: rgba(255, 255, 255, .03);--chrome-breakpoint-group-edge: rgba(255, 255, 255, .1);--chrome-gen-label: color-mix(in oklab, var(--color-accent-400) 75%, white);--chrome-live: var(--color-accent-400);--chrome-pixel-grid: rgba(187, 187, 187, .21);--chrome-component-backdrop: transparent;--chrome-tool: #737373;--chrome-tool-hover: #a3a3a3;--chrome-tool-pressed: #333333;--chrome-tool-pressed-ink: #fafafa;--chrome-tool-pressed-edge: 0 0 0 0 transparent;--chrome-tool-pressed-fill: #ffffff;--chrome-tool-cell: #232323;--chrome-zoom: #232323;--chrome-zoom-hover: #2a2a2a;--chrome-zoom-edge: 0 0 0 0 transparent;--chrome-control: var(--color-background-primary-default);--chrome-control-hover: var(--color-background-primary-hover);--chrome-control-active: var(--color-background-primary-active);--chrome-control-edge: var(--color-border-button-default);--chrome-control-edge-hover: var(--color-border-button-hover);--chrome-control-edge-active: var(--color-border-button-active);--chrome-control-shadow: var(--shadow-xs);--chrome-switch-track: var(--color-background-tertiary-default);--chrome-switch-track-edge: none;--chrome-switch-knob-shadow: 0 3px 3px 0 rgb(0 0 0 / .03), 0 .75px 0 0 rgb(0 0 0 / .05);--chrome-comments-edge: #333;--chrome-comments-shadow: 0 8px 32px #0004;--chrome-comments-line: #ffffff0d;--chrome-comments-hover: #ffffff05;--chrome-comments-field: #ffffff07;--chrome-comments-field-stroke: #ffffff12;--chrome-comments-pressed: #ffffff12;--chrome-comments-muted: #929292;--chrome-comments-error: #f87171;--chrome-comments-ring: #171717;--chrome-logo-tile: #f2f2f2;--chrome-logo-tile-stroke: rgba(255, 255, 255, .06);--chrome-logo-tile-dark: #262626}:root:not(.dark){--chrome-surface: #ffffff;--chrome-raised: #f5f5f5;--chrome-raised-hover: #ebebeb;--chrome-agent-drop: 0 1px 2px 0 rgba(0, 0, 0, .14);--chrome-composer-plus: rgba(0, 0, 0, .05);--chrome-composer-chip: rgba(0, 0, 0, .06);--chrome-composer-chip-ink: #525252;--chrome-composer-ink-hover: #525252;--chrome-attachment-dismiss: #ebebeb;--chrome-attachment-dismiss-hover: #d4d4d4;--chrome-attachment-photo-dismiss: rgba(255, 255, 255, .5);--chrome-attachment-photo-dismiss-hover: rgba(255, 255, 255, .7);--chrome-attachment-photo-dismiss-ink: #262626;--chrome-dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, .024), 0 4px 8px 0 rgba(0, 0, 0, .08);--chrome-shimmer-peak: rgba(255, 255, 255, .8);--chrome-ink-note: #737373;--chrome-glyph-highlight: transparent;--chrome-pill-ring-edge: rgba(0, 0, 0, .1);--chrome-skills-surface: #ffffff;--chrome-skills-shadow: 0 4px 34px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .024);--chrome-skills-sheet-shadow: 0 -16px 17px 0 rgba(0, 0, 0, .1), 0 -6px 29px 0 rgba(0, 0, 0, .08), 0 -19px 1px 0 rgba(0, 0, 0, .024);--chrome-skills-pill: #f5f5f5;--chrome-skills-switch-track: #e5e5e5;--chrome-skills-field-active: rgba(0, 0, 0, .5);--chrome-fresh-button-drop: 0 1px 1px 0 rgba(0, 0, 0, .05);--chrome-skills-knob-from: #ffffff;--chrome-skills-knob-to: #f7f7f7;--chrome-skills-knob-chip-from: #ffffff;--chrome-skills-knob-chip-to: #f7f7f7;--chrome-skills-mark: rgba(0, 0, 0, .16);--chrome-skills-avatar-ring: rgba(0, 0, 0, .08);--chrome-field-hover: #ebebeb;--chrome-slider-field-fill: rgba(0, 0, 0, .1);--chrome-slider-field-fill-active: rgba(0, 0, 0, .15);--chrome-slider-field-tick: rgba(0, 0, 0, .15);--chrome-slider-field-handle: #171717;--chrome-well: #f5f5f5;--chrome-grid-cell: #ffffff;--chrome-grid-cell-opacity: 1;--chrome-menu: #ffffff;--chrome-pill: #f5f5f5;--chrome-segment-pill: #ffffff;--chrome-close-hover: #ebebeb;--chrome-canvas: #f5f5f5;--chrome-constraint-square: #ffffff;--chrome-pin-track: #ffffff;--chrome-pin-track-on: #dcebff;--chrome-gradient-ring: #ffffff;--chrome-gradient-marker-edge: 0 0 0 .5px rgba(0, 0, 0, .07), 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-thumb: #ebebeb;--chrome-checker-a: #ffffff;--chrome-checker-b: #e5e5e5;--chrome-track-checker-a: #ffffff;--chrome-track-checker-b: #e5e5e5;--chrome-border: #e5e5e5;--chrome-separator: #ebebeb;--chrome-border-hover: var(--color-neutral-300);--chrome-control-border: #e5e5e5;--chrome-outlined-stroke: #ffffff;--chrome-field-stroke: rgba(0, 0, 0, .07);--chrome-field-stroke-hover: rgba(0, 0, 0, .12);--chrome-search-stroke-active: rgba(0, 0, 0, .3);--chrome-menu-search-stroke: transparent;--chrome-pill-stroke: #e5e5e5;--chrome-segment-pill-stroke: #e5e5e5;--chrome-swatch-ring: rgba(0, 0, 0, .05);--chrome-chip-ring: rgba(0, 0, 0, .1);--chrome-thumb-ring: rgba(0, 0, 0, .08);--chrome-hairline-strong: rgba(0, 0, 0, .16);--chrome-palette-ring: rgb(0 0 0 / .08);--chrome-picker-separator: #e5e5e5;--chrome-picker-separator-opacity: 1;--chrome-stepper-separator: #e5e5e5;--chrome-track-ring: rgba(0, 0, 0, .1);--chrome-field-shadow: 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-shadow-xs: 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-menu-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07), 0 4px 12px 0 rgba(0, 0, 0, .13);--chrome-popover-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 4px 20px 0 rgba(0, 0, 0, .12);--chrome-pill-inset: inset 0 -1px 0 0 rgba(255, 255, 255, .04), inset 0 8px 14px 0 rgba(255, 255, 255, .03);--chrome-pill-ring-opacity: 0;--chrome-pill-drop: 0 0 0 0 transparent;--chrome-button-drop: 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-ghost-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);--chrome-constraint-square-shadow: 0 1px .875px 0 rgba(0, 0, 0, .08), 0 2px 3.5px 0 rgba(0, 0, 0, .08);--chrome-slider-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .25), inset 0 4px 3.5px 0 rgba(255, 255, 255, .25);--chrome-swatch-drop: 0 1px 4px 0 rgba(0, 0, 0, .26);--chrome-ink: #171717;--chrome-ink-label: rgba(23, 23, 23, .5);--chrome-text: #171717;--chrome-text-muted: #737373;--chrome-error: var(--color-red-600);--chrome-destructive: #ab0416;--chrome-on-accent: #ffffff;--chrome-vector-line: #006fff;--chrome-vector-arm: #b3b3b3;--chrome-vector-point: #ffffff;--chrome-icon: #171717;--chrome-glyph-ink: #171717;--chrome-instance-text: #7f22fe;--chrome-glyph: #8f8f8f;--chrome-glyph-text: #737373;--chrome-glyph-strong: #525252;--chrome-glyph-muted: #a3a3a3;--chrome-ink-soft: #525252;--chrome-glyph-fill: rgba(0, 0, 0, .19);--chrome-glyph-wash: rgba(0, 0, 0, .04);--chrome-align-box-centre: #e5e5e5;--chrome-align-stop-1: #f0f0f0;--chrome-align-stop-2: #c4c4c4;--chrome-align-stop-3: #e5e5e5;--chrome-knob: #ffffff;--chrome-knob-stroke: #737373;--chrome-wash: rgba(0, 0, 0, .04);--chrome-row-hover: rgba(0, 0, 0, .02);--chrome-unread: #3279ff;--chrome-wash-strong: rgba(0, 0, 0, .08);--chrome-token-pill: rgba(0, 0, 0, .05);--chrome-token-pill-disabled: rgba(0, 0, 0, .03);--chrome-accent-soft: #006fff;--chrome-accent-soft-wash: rgba(53, 90, 255, .1);--chrome-accent-soft-text: var(--color-accent-700);--chrome-gradient-row-field: rgba(255, 255, 255, .7);--chrome-scrollbar-thumb: rgb(0 0 0 / .3);--chrome-tab-track: transparent;--chrome-pill-hover: #ebebeb;--chrome-constraint-pattern: none;--chrome-code-selection: var(--color-accent-100);--chrome-code-accent: var(--color-accent-600);--chrome-canvas-label: #525252;--chrome-canvas-label-muted: #6b6b6b;--chrome-canvas-chip-border: var(--color-neutral-300);--chrome-canvas-name: rgba(23, 23, 23, .5);--chrome-canvas-name-muted: rgba(23, 23, 23, .2);--chrome-canvas-button-ring: rgba(0, 0, 0, .07);--chrome-canvas-button-glyph: rgba(23, 23, 23, .89);--chrome-canvas-button-open: rgba(0, 0, 0, .05);--chrome-canvas-button-hover: rgba(0, 0, 0, .04);--chrome-canvas-button-pressed: rgba(0, 0, 0, .08);--chrome-breakpoint-group: rgba(0, 0, 0, .03);--chrome-breakpoint-group-edge: rgba(0, 0, 0, .08);--chrome-gen-label: var(--color-accent-600);--chrome-live: var(--color-accent-600);--chrome-pixel-grid: rgba(115, 115, 115, .22);--chrome-component-backdrop: var(--color-neutral-925);--chrome-tool: #737373;--chrome-tool-hover: #525252;--chrome-tool-pressed: #f5f5f5;--chrome-tool-pressed-ink: #171717;--chrome-tool-pressed-edge: inset 0 0 0 .5px #e5e5e5;--chrome-tool-pressed-fill: #171717;--chrome-tool-cell: #f5f5f5;--chrome-zoom: #f5f5f5;--chrome-zoom-hover: #ebebeb;--chrome-zoom-edge: inset 0 0 0 .5px rgba(0, 0, 0, .07), 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-control: #f5f5f5;--chrome-control-hover: #ebebeb;--chrome-control-active: #e5e5e5;--chrome-control-edge: #ffffff;--chrome-control-edge-hover: #ffffff;--chrome-control-edge-active: #ffffff;--chrome-control-shadow: 0 1px 1.75px 0 rgba(0, 0, 0, .08);--chrome-switch-track: #e5e5e5;--chrome-switch-track-edge: inset 0 0 0 .5px rgba(0, 0, 0, .07);--chrome-switch-knob-shadow: 0 0 0 .5px rgba(0, 0, 0, .1), 0 1px 1.75px 0 rgba(0, 0, 0, .12);--chrome-comments-edge: #e5e5e5;--chrome-comments-shadow: 0 8px 32px 0 rgba(0, 0, 0, .11);--chrome-comments-line: #ebebeb;--chrome-comments-hover: rgba(0, 0, 0, .04);--chrome-comments-field: #f5f5f5;--chrome-comments-field-stroke: rgba(0, 0, 0, .07);--chrome-comments-pressed: #f5f5f5;--chrome-comments-muted: #737373;--chrome-comments-error: var(--color-red-600);--chrome-comments-ring: #ffffff;--chrome-logo-tile: #f5f5f5;--chrome-logo-tile-stroke: rgba(0, 0, 0, .06);--chrome-logo-tile-dark: #262626}.canvas[data-canvas-tone=light]{--chrome-canvas-label: #525252;--chrome-canvas-label-muted: #6b6b6b;--chrome-canvas-chip-border: #d4d4d4;--chrome-canvas-name: rgba(23, 23, 23, .5);--chrome-canvas-name-muted: rgba(23, 23, 23, .2);--chrome-canvas-button-ring: rgba(0, 0, 0, .07);--chrome-canvas-button-glyph: rgba(23, 23, 23, .89);--chrome-canvas-button-open: rgba(0, 0, 0, .05);--chrome-canvas-button-hover: rgba(0, 0, 0, .04);--chrome-canvas-button-pressed: rgba(0, 0, 0, .08);--chrome-breakpoint-group: rgba(0, 0, 0, .03);--chrome-breakpoint-group-edge: rgba(0, 0, 0, .08)}.canvas[data-canvas-tone=dark]{--chrome-canvas-label: #737373;--chrome-canvas-label-muted: #525252;--chrome-canvas-chip-border: #404040;--chrome-canvas-name: rgba(255, 255, 255, .5);--chrome-canvas-name-muted: rgba(255, 255, 255, .2);--chrome-canvas-button-ring: rgba(255, 255, 255, .07);--chrome-canvas-button-glyph: rgba(255, 255, 255, .89);--chrome-canvas-button-open: rgba(255, 255, 255, .06);--chrome-canvas-button-hover: rgba(255, 255, 255, .05);--chrome-canvas-button-pressed: rgba(255, 255, 255, .1);--chrome-breakpoint-group: rgba(255, 255, 255, .03);--chrome-breakpoint-group-edge: rgba(255, 255, 255, .1)}.collaboration-layer{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.collaboration-cursor{position:absolute;display:flex;align-items:flex-start;pointer-events:none;left:0;top:0;will-change:transform}.collaboration-cursor[hidden]{display:none}.collaboration-cursor span{margin-top:20px;margin-left:-3px;color:#171717;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;white-space:nowrap}.collaboration-selection{position:absolute;border:1.5px solid;box-sizing:border-box}.collaboration-place{position:absolute;inset:0;pointer-events:auto;cursor:crosshair}.collaboration-pin{position:absolute;transform:translate(-50%,-100%);min-width:26px;height:26px;border-radius:50% 50% 50% 3px;border:2px solid var(--chrome-comments-ring);background:#737373;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;pointer-events:auto;cursor:pointer}.collaboration-pin[data-active=true],.collaboration-draft-pin{background:#3478f6}.collaboration-panel{position:absolute;top:56px;width:280px;max-width:calc(100% - 24px);max-height:calc(100% - 130px);display:flex;flex-direction:column;pointer-events:auto;background:var(--chrome-surface);color:var(--chrome-text);border:1px solid var(--chrome-comments-edge);border-radius:12px;box-shadow:var(--chrome-comments-shadow);overflow:hidden;font-size:12px}.collaboration-panel header{display:flex;align-items:center;gap:6px;padding:10px;border-bottom:1px solid var(--chrome-comments-line)}.collaboration-panel header strong{flex:1;font-size:12px;font-weight:500}.collaboration-panel header button{width:26px;height:26px}.collaboration-connection{width:5px;height:5px;border-radius:50%;background:#737373}.collaboration-connection[data-online=true]{background:#4ade80}.collaboration-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 12px 12px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent)}.collaboration-message{padding:10px 0}.collaboration-message>div{display:flex;justify-content:space-between;gap:8px}.collaboration-message strong,.collaboration-thread-row strong{font-weight:500}.collaboration-message time,.collaboration-thread-row small,.collaboration-thread-heading,.collaboration-filter,.collaboration-footnote{color:var(--chrome-comments-muted);font-size:11px}.collaboration-message p,.collaboration-thread-row p{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.collaboration-thread-row{text-align:left;display:block;width:100%;border:0;background:transparent;color:inherit;padding:12px 4px;border-bottom:1px solid var(--chrome-comments-line);cursor:pointer}.collaboration-thread-row:hover{background:var(--chrome-comments-hover)}.collaboration-thread-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.collaboration-form{padding:12px;border-top:1px solid var(--chrome-comments-line);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.collaboration-form textarea{box-sizing:border-box;width:100%;background:var(--chrome-comments-field);border:1px solid var(--chrome-comments-field-stroke);border-radius:8px;padding:10px;font:inherit;color:inherit;resize:vertical;min-height:72px;max-height:180px}.collaboration-form textarea:focus{outline:1px solid #3478f6}.collaboration-form [role=alert],.collaboration-thread-heading [role=alert]{color:var(--chrome-comments-error);font-size:11px}.collaboration-empty,.collaboration-notice{margin:0;padding:16px 12px;color:var(--chrome-comments-muted);line-height:1.6}.collaboration-thread-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0}.collaboration-filter{display:flex;align-items:center;gap:6px;padding:10px 12px}.collaboration-footnote{padding:0 12px 12px;margin:0;line-height:1.5}.collaboration-toggle[aria-pressed=true]{background:var(--chrome-comments-pressed);color:var(--chrome-glyph-ink)}.collaboration-pin:focus-visible,.collaboration-thread-row:focus-visible{outline:2px solid #3478f6;outline-offset:2px}.studio{position:relative;height:100dvh;min-height:520px;display:flex;flex-direction:column;overflow:hidden}.project-dot,.local-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--color-status-lime-text)}.project-dot{margin-left:4px}.workspace-heading{display:flex;align-items:center;gap:10px;font-size:12px}.workspace-actions{display:flex;gap:4px;align-items:center}.workspace{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:317px minmax(0,1fr) 317px;grid-template-rows:minmax(0,1fr);grid-template-areas:"left canvas right"}.workspace>.canvas{grid-area:canvas}.file-header{height:44px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:14px;font-weight:500;flex-shrink:0;border-bottom:1px solid var(--color-separator-border)}.file-header>span:first-child{display:flex;align-items:center;gap:8px}.file-header>span:first-child>svg{color:var(--color-status-orange-text)}.file-header>span:first-child span{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.file-type{font-size:9px;letter-spacing:1px}.dirty-dot{height:5px;width:5px;border-radius:50%;background:var(--color-status-orange-text)}.code-editor{position:relative;flex:1;min-height:0;overflow:hidden}.code-editor-mount{height:100%}.artboard>.scroll-fade{border-radius:12px 12px 0 0;overflow:hidden}.compose-footer{border-top:1px solid var(--color-separator-border);padding:18px 16px 16px;background:var(--chrome-raised)}.editor-tip{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:20px}.editor-tip svg{margin-top:2px;color:var(--color-text-tertiary)}.editor-tip span span{color:var(--chrome-text-muted)}.compose-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.live-control{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--color-text-secondary)}.shortcut-inline{margin-left:12px;opacity:.65;font-size:10px}.error-message{font-size:11px;color:var(--chrome-error);text-align:left;line-height:1.7;margin-bottom:12px;max-height:110px;overflow:auto}.error-message strong{display:block}.canvas{position:relative;overflow:clip;min-width:0;min-height:0;touch-action:none;background-color:var(--chrome-canvas)}.canvas[data-box]{-webkit-user-select:none;user-select:none}.canvas-hand{cursor:grab}.canvas-hand:active{cursor:grabbing}.canvas-draw-layer{position:absolute;inset:0;z-index:2;cursor:crosshair}.canvas-draw-layer[data-tool=text]{cursor:text}.canvas-draw-layer[data-tool=vector][data-add]{cursor:var(--add-point-cursor, crosshair)}.canvas-hand .canvas-draw-layer{cursor:grab}.canvas-hand .canvas-draw-layer:active{cursor:grabbing}.canvas-draw-layer[data-cursor]{z-index:2}.canvas[data-gesture-cursor=crosshair],.canvas[data-gesture-cursor=crosshair] *{cursor:crosshair!important}.canvas[data-gesture-cursor=ns-resize],.canvas[data-gesture-cursor=ns-resize] *{cursor:ns-resize!important}.canvas[data-gesture-cursor=ew-resize],.canvas[data-gesture-cursor=ew-resize] *{cursor:ew-resize!important}.canvas[data-gesture-cursor=nwse-resize],.canvas[data-gesture-cursor=nwse-resize] *{cursor:nwse-resize!important}.canvas[data-gesture-cursor=nesw-resize],.canvas[data-gesture-cursor=nesw-resize] *{cursor:nesw-resize!important}.canvas[data-gesture-cursor=row-resize],.canvas[data-gesture-cursor=row-resize] *{cursor:row-resize!important}.canvas[data-gesture-cursor=col-resize],.canvas[data-gesture-cursor=col-resize] *{cursor:col-resize!important}.canvas[data-gesture-cursor=move],.canvas[data-gesture-cursor=move] *{cursor:move!important}.canvas[data-gesture-cursor=grab],.canvas[data-gesture-cursor=grab] *{cursor:grab!important}.canvas[data-gesture-image],.canvas[data-gesture-image] *{cursor:var(--gesture-cursor)!important}.canvas-world{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0}.canvas-viewport :is(.canvas-world,.canvas-hud){transition:opacity .12s ease-out}.canvas-viewport[data-landing] :is(.canvas-world,.canvas-hud){opacity:0;transition:none}.canvas-context{display:flex;position:absolute;z-index:1;top:23px;left:24px;align-items:center;gap:8px;font-size:9px;letter-spacing:1.1px;color:var(--color-text-tertiary);pointer-events:none}.canvas-context>span:last-child{text-transform:none;letter-spacing:0;font-size:10px}.context-dot{width:5px;height:5px;border:1px solid var(--color-text-tertiary);border-radius:50%}.context-divider{margin:0 3px;color:var(--color-border-button-hover)}.artboard{position:absolute;background:var(--color-background-primary-default)}.artboard-body{position:absolute;inset:0;border-radius:inherit}.artboard-border{position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none}.artboard[data-painted],.artboard[data-rounded] .render-frame{background:transparent}.artboard[data-rounded] .render-host-loading{border-radius:inherit}.artboard[data-unclipped] .render-host{overflow:visible}.artboard:not(.artboard-component)[data-color-scheme=light] .render-frame{color-scheme:light}.artboard-label{--canvas-zoom: var(--canvas-chrome-zoom, 1);position:absolute;top:calc(-30px / var(--canvas-zoom, 1));height:calc(24px / var(--canvas-zoom, 1));font-size:calc(12px / var(--canvas-zoom, 1));width:calc(100% * var(--canvas-chrome-scale, 1));display:flex;align-items:center;justify-content:space-between;gap:calc(8px / var(--canvas-zoom, 1));color:var(--chrome-canvas-label);cursor:move;white-space:nowrap;-webkit-user-select:none;user-select:none;translate:var(--canvas-snap-x, 0px) var(--canvas-snap-y, 0px)}.canvas[data-detail=deep] .artboard-label{top:0;transform:translateY(calc(-30px / var(--canvas-chrome-zoom, 1) / var(--canvas-chrome-scale, 1))) scale(calc(1 / var(--canvas-chrome-scale, 1)));transform-origin:0 0}.artboard-label>span:first-child{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden}.artboard-header{z-index:1;top:calc(-28px / var(--canvas-zoom, 1));height:calc(28px / var(--canvas-zoom, 1));justify-content:flex-start;gap:calc(6px / var(--canvas-zoom, 1));color:var(--chrome-canvas-name);font-weight:400;line-height:calc(15px / var(--canvas-zoom, 1));pointer-events:none;cursor:default}.artboard-header>*{pointer-events:auto}.canvas[data-detail=deep] .artboard-header{transform:translateY(calc(-28px / var(--canvas-chrome-zoom, 1) / var(--canvas-chrome-scale, 1))) scale(calc(1 / var(--canvas-chrome-scale, 1)))}.artboard-header-play{flex:none;display:flex;width:calc(20px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));padding:0;border:0;border-radius:calc(5px / var(--canvas-zoom, 1));background:transparent;box-shadow:inset 0 0 0 calc(.714px / var(--canvas-zoom, 1)) var(--chrome-canvas-button-ring);color:var(--chrome-canvas-button-glyph);cursor:default;outline:none;transition:background-color .15s ease-out}.artboard-header-play>svg{display:block;width:100%;height:100%}@media(hover:hover){.artboard-header-play:hover:not([data-pressed]){background:var(--chrome-canvas-button-hover)}}.artboard-header-play[data-pressed],.artboard-header-play:active{background:var(--chrome-canvas-button-pressed)}.artboard-header-play:focus-visible{box-shadow:inset 0 0 0 calc(.714px / var(--canvas-zoom, 1)) var(--chrome-canvas-button-ring),0 0 0 calc(2px / var(--canvas-zoom, 1)) var(--color-border-focus-ring)}.artboard-header-adapt{flex:none;display:flex;width:calc(20px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));padding:0;border:0;border-radius:calc(5px / var(--canvas-zoom, 1));background:transparent;opacity:.7;color:var(--chrome-glyph-text);cursor:default;outline:none;transition:background-color .15s ease-out,opacity .15s ease-out}.artboard-header-adapt>svg{display:block;width:100%;height:100%}@media(hover:hover){.artboard-header-adapt:hover:not([data-blocked]){background:var(--chrome-canvas-button-hover)}}.artboard-header-adapt:active:not([data-blocked]){background:var(--chrome-canvas-button-pressed)}.artboard-header-adapt:focus-visible{box-shadow:0 0 0 calc(2px / var(--canvas-zoom, 1)) var(--color-border-focus-ring)}.artboard-header-adapt[data-blocked]{opacity:.3}.artboard-header>span.artboard-header-name{flex:0 1 auto;display:flex;align-items:center;gap:calc(4px / var(--canvas-zoom, 1));min-width:0;overflow:hidden}.artboard-header .artboard-title{min-width:0}.artboard-title-suffix{flex:none;color:var(--chrome-canvas-name-muted)}.artboard-header-add:not([hidden]){flex:none;display:flex;margin-inline-start:auto;width:calc(20px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));border-radius:calc(5px / var(--canvas-zoom, 1));opacity:.7;color:var(--chrome-glyph-text)}.artboard-header-add>svg,.breakpoint-group-add>svg{display:block;width:100%;height:100%}.artboard-header-add:not([hidden]),.breakpoint-group-add:not([hidden]){padding:0;border:0;background:transparent;cursor:default;outline:none;transition:background-color .15s ease-out}@media(hover:hover){.artboard-header-add:hover:not([data-open],[hidden]),.breakpoint-group-add:hover:not([data-open],[hidden]){background:var(--chrome-canvas-button-hover)}}.artboard-header-add[data-open],.breakpoint-group-add[data-open]{background:var(--chrome-canvas-button-open)}.artboard-header-add:focus-visible,.breakpoint-group-add:focus-visible{box-shadow:0 0 0 calc(2px / var(--canvas-zoom, 1)) var(--color-border-focus-ring)}.artboard-header-add[data-quiet]:focus-visible,.breakpoint-group-add[data-quiet]:focus-visible{box-shadow:none;--tw-ring-shadow: 0 0 #0000}.breakpoint-menu{box-shadow:var(--chrome-dropdown-shadow);transform-origin:top right}.breakpoint-menu-item{gap:6px;padding:5px 10px 5px 8px;border-radius:10px}.breakpoint-menu-item:is(:hover,:focus-visible):not([data-blocked]){background-color:var(--chrome-wash)}.breakpoint-menu-item>svg{flex:none;width:16px;height:16px;color:var(--chrome-ink-label)}.breakpoint-menu-item[data-blocked]{opacity:.3;cursor:default}.breakpoint-group{position:absolute;pointer-events:none}.breakpoint-group-surface{position:absolute;inset:calc(-30px / var(--canvas-zoom, 1)) calc(-6px / var(--canvas-zoom, 1)) calc(-6px / var(--canvas-zoom, 1));border-radius:calc(12px / var(--canvas-zoom, 1));background:var(--chrome-breakpoint-group);box-shadow:inset 0 0 0 calc(.5px / var(--canvas-zoom, 1)) var(--chrome-breakpoint-group-edge)}.breakpoint-group-surface[data-pressable]{pointer-events:auto}.breakpoint-group-add:not([hidden]){position:absolute;right:0;top:calc(-24px / var(--canvas-zoom, 1));display:flex;width:calc(20px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));border-radius:calc(5px / var(--canvas-zoom, 1));opacity:.7;color:var(--chrome-glyph-text);pointer-events:auto}.artboard-header>.artboard-header-add-slot{flex:none;margin-inline-start:auto;width:calc(20px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));pointer-events:none}.canvas[data-detail=compact] :is(.breakpoint-group-add,.artboard-header-add-slot){display:none}.artboard[data-breakpoint]{background:var(--artboard-background)}.artboard[data-breakpoint] .render-frame{transition:opacity .15s ease-out}.artboard[data-breakpoint]:not([data-content-painted]) .render-frame{opacity:0}.artboard[data-breakpoint]:not([data-content-painted]) .render-host-loading{display:none}.artboard[data-leaving]{pointer-events:none}.lp-rename.artboard-rename{flex:0 1 auto;min-width:calc(80px / var(--canvas-zoom, 1));height:calc(20px / var(--canvas-zoom, 1));margin-inline-start:calc(-4px / var(--canvas-zoom, 1));padding:0 calc(4px / var(--canvas-zoom, 1));border-radius:calc(6px / var(--canvas-zoom, 1));box-shadow:inset 0 0 0 calc(.5px / var(--canvas-zoom, 1)) var(--sp-field-stroke);font-weight:400}.lp-rename.artboard-rename:has(.lp-rename-input:focus){box-shadow:inset 0 0 0 calc(1px / var(--canvas-zoom, 1)) var(--sp-focus)}.lp-rename.artboard-rename .lp-rename-input{height:calc(15px / var(--canvas-zoom, 1))}.artboard-title{overflow:hidden;text-overflow:ellipsis}.artboard-state{font-size:.8em;padding:calc(2px / var(--canvas-zoom, 1)) calc(5px / var(--canvas-zoom, 1));border:calc(1px / var(--canvas-zoom, 1)) solid var(--chrome-canvas-chip-border);border-radius:calc(4px / var(--canvas-zoom, 1));color:var(--chrome-canvas-label-muted)}.artboard-state[data-shown]{border-color:#006fff;background:#006fff;color:var(--chrome-on-accent);font-weight:500}.artboard-dimensions{color:var(--chrome-canvas-label-muted);font-family:var(--font-mono);font-size:.75em}.artboard-placeholder,.artboard .render-host-loading{background:var(--artboard-background, var(--color-background-full))}.artboard-placeholder{position:absolute;inset:0;border-radius:inherit;overflow:hidden;container-type:size;-webkit-user-select:none;user-select:none}.artboard-placeholder-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;height:100%;font-size:min(calc(13px / var(--canvas-zoom, 1)),10cqh,6cqw);white-space:nowrap}.artboard[data-ink=dark] :is(.artboard-placeholder,.render-host-loading){color:#0000008c}.artboard[data-ink=light] :is(.artboard-placeholder,.render-host-loading){color:#ffffff8c}.artboard[data-ink=dark] .render-spinner{border-color:#00000026;border-top-color:#0000008c}.artboard-placeholder-title{max-width:90%;overflow:hidden;text-overflow:ellipsis;font-weight:500}.artboard-placeholder-size{font-family:var(--font-mono);font-size:.8em;opacity:.8}.screen-body{width:100%;height:100%;display:flex;flex-direction:column;border-radius:inherit;overflow:auto;scrollbar-width:thin}.canvas-toolbar{position:absolute;z-index:5;bottom:32px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;box-sizing:border-box;border:1px solid var(--chrome-border);border-radius:16px;background:var(--chrome-surface);white-space:nowrap}.canvas-tool{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--chrome-tool);cursor:pointer;outline:none}.canvas-tool>svg{display:block}.canvas-tool[aria-pressed=true]{background:var(--chrome-tool-pressed);box-shadow:var(--chrome-tool-pressed-edge);color:var(--chrome-tool-pressed-ink)}.canvas-tool:not([aria-pressed=true],[aria-disabled=true]):hover{color:var(--chrome-tool-hover)}.canvas-tool:focus-visible,.canvas-zoom:focus-visible{box-shadow:0 0 0 2px var(--color-border-focus-ring)}.canvas-tool[aria-disabled=true]{cursor:default}.canvas-tool[aria-disabled=true]>svg{opacity:.4}.canvas-zoom{flex:none;display:flex;align-items:center;height:30px;padding:6px 10px 6px 8px;box-sizing:border-box;border:0;border-radius:8px;background:var(--chrome-zoom);box-shadow:var(--chrome-zoom-edge);color:#737373}.canvas-zoom:hover,.canvas-zoom[aria-expanded=true]{background:var(--chrome-zoom-hover)}.canvas-zoom-inner{display:flex;align-items:center;gap:5px;min-width:44px}.canvas-zoom-value{flex:1 0 auto;font:400 13px / 18px var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--chrome-text);text-align:left;white-space:nowrap}.canvas-zoom-chevron{flex:none;display:block}.canvas-live-bar{position:absolute;z-index:5;bottom:86px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--chrome-canvas-label-muted);font-size:11px}.inspector-section{padding:16px;border-top:1px solid var(--color-separator-border)}.section-title{font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.muted-note{color:var(--chrome-text-muted);font-size:12px;line-height:1.7;margin-top:12px}.property-fields{display:flex;flex-direction:column;gap:14px}.property-toggle{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-secondary)}.property-select{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-secondary)}.source-reference{display:flex;gap:7px;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary)}.source-reference svg{color:var(--color-text-tertiary)}.theme-row{display:flex;align-items:center;gap:9px;font-size:11px}.theme-row small{display:block;color:var(--color-text-tertiary);font-size:9px;margin-top:3px}.theme-row>svg{margin-left:auto;color:var(--color-text-tertiary)}.theme-swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border-button-hover);background:linear-gradient(135deg,var(--color-background-full) 50%,var(--color-background-tertiary-default) 50%)}.palette-strip{display:flex;height:18px;border:1px solid var(--color-border-button-default);border-radius:5px;overflow:hidden;margin-top:16px}.palette-strip i{flex:1;background:var(--color-background-full)}.palette-strip i:nth-child(2){background:var(--color-background-primary-default)}.palette-strip i:nth-child(3){background:var(--color-background-secondary-default)}.palette-strip i:nth-child(4){background:var(--color-background-tertiary-default)}.palette-strip i:nth-child(5){background:var(--color-text-tertiary)}.palette-strip i:nth-child(6){background:var(--color-accent-500)}.inspector-foot{padding:14px 18px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--color-separator-border);font-size:10px;color:var(--color-text-tertiary)}.inspector-empty{padding:40px 20px;color:var(--chrome-text-muted);text-align:center;font-size:11px}.inspector-empty svg{margin:0 auto 16px}.inspector-empty h3{color:var(--color-text-secondary);margin-bottom:8px}.inspector-empty p{margin-bottom:20px;line-height:1.7}.scroll-shell{position:relative;min-height:0;flex:1}.scroll-body{height:100%;overflow-y:auto;scrollbar-width:thin}.scroll-fade{position:absolute;inset:0 0 auto;height:24px;pointer-events:none;z-index:3}.scroll-fade i{position:absolute;top:0;left:0;right:0;height:24px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.scroll-fade i:nth-child(2){height:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scroll-fade i:nth-child(3){height:24px;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(to bottom,var(--scroll-fade-surface, var(--color-background-primary-default)),transparent)}.panel-bottom{border-top:1px solid var(--color-separator-border);padding:16px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--color-background-full) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:32px}@media(max-width:480px){.modal-backdrop{padding-inline:16px}}.guide-modal{max-width:700px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:32px;border:1px solid var(--color-border-button-default);border-radius:24px;background:var(--color-background-secondary-default);box-shadow:var(--shadow-xl)}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:32px}.eyebrow{font-size:9px;color:var(--color-accent-400);letter-spacing:2px}.guide-header h2{font-size:23px;font-weight:500;letter-spacing:-.8px;margin-top:10px}.guide-modal>p{color:var(--color-text-secondary);font-size:13px;line-height:1.8;margin:18px 0}.guide-modal pre{background:var(--color-background-full);border:1px solid var(--color-border-button-default);padding:20px;border-radius:12px;font-size:12px;line-height:1.9;color:var(--color-text-secondary);overflow:auto}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.guide-grid strong{font-size:12px;font-weight:500}.guide-grid p{margin-top:6px;color:var(--color-text-tertiary);font-size:11px;line-height:1.8}.guide-footer{display:flex;justify-content:space-between;margin-top:32px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.editor-loading{padding:24px;color:var(--chrome-text-muted);font-size:12px}.guide-description{color:var(--color-text-secondary);font-size:13px;line-height:1.8;margin:18px 0}.panel-bottom .muted-note{margin-top:12px}.frame-route{color:var(--chrome-canvas-label-muted);font-size:.9em;margin-left:8px}.canvas[data-detail=compact] :is(.frame-route,.artboard-state,.artboard-dimensions){display:none}.application-preview-backdrop{position:fixed;inset:0;z-index:100;background:var(--chrome-canvas)}body:has(.application-preview-backdrop) .modal-backdrop{z-index:101}.application-preview,.application-preview-dialog{width:100%;height:100%;outline:none}.application-preview-dialog{display:flex;flex-direction:column}.preview-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.preview-bar.ws-topbar{display:grid;grid-template-columns:minmax(min-content,1fr) auto minmax(min-content,1fr);column-gap:8px}.preview-bar-start{display:flex;align-items:center;gap:4px;min-width:0}.preview-bar-size{display:flex;align-items:center;gap:8px}.preview-bar-end{display:flex;justify-content:flex-end;min-width:0}.preview-back{gap:2px;margin-right:4px;padding-left:6.5px}.preview-tool{width:28px;height:28px;opacity:.6;transition:opacity .12s ease-out}.preview-tool:hover{opacity:1;background:var(--chrome-wash)}.preview-bar .sp-field{height:28px}.preview-bar .preview-page-picker{flex:0 1 180px;justify-content:center;min-width:32px;margin-left:4px;container-type:inline-size}@container (width < 50px){.preview-bar .preview-page-picker .sp-field-main{display:none}}.preview-bar:is([data-fit=no-viewers],[data-fit=no-breakpoints]) .ws-avatars,.preview-bar[data-fit=no-breakpoints] .preview-breakpoints{display:none}.preview-breakpoints-slot{display:contents}.preview-breakpoints.sp-direction{flex:none;width:calc(var(--preview-segments, 3) * 124px / 3 + (var(--preview-segments, 3) - 1) * 4px + 7px)}.preview-breakpoints .sp-direction-segment,.preview-breakpoints .sp-direction-segment[data-selected]{color:var(--chrome-ink)}.preview-breakpoints .sp-direction-segment[data-selected]>.sp-icon{opacity:calc(.9 * var(--sp-segment-dim))}.preview-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;place-items:center}.preview-viewport{position:relative;box-shadow:0 0 0 1px var(--chrome-border)}.preview-viewport[data-color-scheme=light] .render-frame{color-scheme:light}.preview-viewport[data-color-scheme=dark] .render-frame{color-scheme:dark}.preview-viewport .render-host-loading{background:var(--artboard-background, var(--color-background-full))}.preview-viewport[data-color-scheme=light] .render-host-loading{color:#0000008c}.preview-viewport[data-color-scheme=dark] .render-host-loading{color:#ffffff8c}.preview-focus-guard{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.preview-viewport[data-resizing]:after{content:"";position:absolute;inset:0;cursor:ew-resize}.preview-viewport[data-resizing=bottom]:after{cursor:ns-resize}.preview-handle{position:absolute;z-index:1;display:grid;place-items:center;touch-action:none}.preview-handle:before{content:"";border-radius:999px;background:#80808080;transition:background-color .12s ease-out}.preview-handle:hover:before,.preview-viewport[data-resizing=left]>[data-edge=left]:before,.preview-viewport[data-resizing=right]>[data-edge=right]:before,.preview-viewport[data-resizing=bottom]>[data-edge=bottom]:before{background:#808080e6}.preview-handle[data-edge=left],.preview-handle[data-edge=right]{top:50%;width:16px;height:56px;translate:0 -50%;cursor:ew-resize}.preview-handle[data-edge=left]{left:2px}.preview-handle[data-edge=right]{right:2px}.preview-handle[data-edge=bottom]{bottom:2px;left:50%;width:56px;height:16px;translate:-50% 0;cursor:ns-resize}.preview-viewport[data-room-x]>.preview-handle[data-edge=left]{left:-18px}.preview-viewport[data-room-x]>.preview-handle[data-edge=right]{right:-18px}.preview-viewport[data-room-y]>.preview-handle[data-edge=bottom]{bottom:-18px}.preview-handle[data-edge=left]:before,.preview-handle[data-edge=right]:before{width:4px;height:32px}.preview-handle[data-edge=bottom]:before{width:32px;height:4px}@media(max-width:650px){.preview-bar.ws-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 8px}.preview-bar-size,.preview-bar .ws-avatars{display:none}}.canvas-viewport{isolation:isolate}.render-host{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.render-frame{display:block;width:100%;height:100%;border:0;background:var(--artboard-background, var(--color-neutral-925));color-scheme:dark}.render-host-loading,.render-host-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;background:var(--color-background-primary-default);color:var(--color-text-secondary);font-size:13px}.render-host-error{flex-direction:column}.render-host-error button{padding:8px 12px;border:1px solid var(--color-border-button-default);border-radius:8px}.render-spinner{width:14px;height:14px;border:2px solid var(--color-border-button-default);border-top-color:var(--color-text-primary);border-radius:50%;animation:renderer-spin .8s linear infinite}@keyframes renderer-spin{to{transform:rotate(360deg)}}.artboard-live .artboard-state{color:var(--chrome-live)}.canvas-hud{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;--hud-blue: #006fff;--hud-handle-blue: #0b99ff;--hud-pink: #f600ff;--hud-corner-fill: var(--chrome-canvas)}.hud-handle{position:absolute;pointer-events:auto}.studio-focus :is(.left-panel,.studio-card){display:none}.page-list{display:flex;flex-direction:column;gap:4px;padding:8px}.state-picker{display:flex;flex-wrap:wrap;max-width:100%}.state-picker>button{max-width:100%;overflow-wrap:anywhere}.shared-compositions{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding:20px 16px;border-top:1px solid var(--color-separator-border)}.library-group h3{margin:20px 0 8px;font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-secondary)}.library-item>span:nth-child(2){min-width:0;flex:1}.library-item strong{display:block;font-size:14px;line-height:20px;font-weight:500;text-transform:capitalize}.library-item small{display:block;margin-top:2px;font-size:12px;line-height:16px;color:var(--color-text-secondary)}.library-icon,.library-item>svg{flex-shrink:0;color:var(--color-foreground-icon-secondary)}.library-group{display:flex;flex-direction:column;gap:4px}.interaction-tabs{flex:1;min-height:0;gap:0}.interaction-tab-panel{display:flex;flex:1;min-height:0;flex-direction:column}.interaction-content{padding:16px;display:flex;flex-direction:column;gap:20px}.interaction-field{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--color-separator-border)}.interaction-field code{overflow-wrap:anywhere}.interaction-value{display:block;max-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--font-mono);color:var(--color-text-secondary)}.connections-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:4;color:var(--color-accent-500)}.connection-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.connection-layer .connections-overlay{z-index:auto}.connection-path{opacity:.6}.connection-list{position:absolute;top:52px;left:calc(20px + var(--canvas-left-inset, 0px));display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 40px - var(--canvas-left-inset, 0px) - var(--canvas-right-inset, 0px))}.connection-help{color:var(--chrome-text-muted);font-size:11px;padding:6px 8px;border-radius:8px;background:var(--color-background-primary-default)}.connection-group{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--color-border-button-default);background:var(--color-background-primary-default);color:var(--color-text-secondary);font-size:12px;max-width:240px}.connection-group>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-group:hover,.connection-group[data-pressed]{background:var(--color-background-secondary-hover)}.connection-count{color:var(--chrome-text-muted);font-variant-numeric:tabular-nums}.scope-enter{padding:0 14px 12px}.scope-interaction-list{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:16px}.workspace-heading{min-width:0;overflow:auto}.interaction-advanced{display:flex;flex-direction:column;gap:10px;color:var(--color-text-secondary);font-size:12px}.interaction-advanced>summary{cursor:pointer;padding:4px 0}.interaction-advanced[open]>:not(summary){margin-top:10px}.inspector-property-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 14px;align-items:center;gap:8px;width:100%;padding:9px 8px;border-radius:8px;text-align:left;font-size:12px;color:var(--color-text-secondary);background:var(--chrome-raised);border:1px solid var(--color-border-button-default);box-shadow:var(--shadow-xs)}.inspector-property-row:hover,.inspector-property-row[data-pressed]{background:var(--color-background-secondary-hover);border-color:var(--color-border-button-hover)}.inspector-property-row>span,.inspector-property-row>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-property-row>strong{color:var(--color-text-primary);font-weight:500}.inspector-rows{display:flex;flex-direction:column;gap:6px}.inspector-popover{width:330px;max-width:calc(100vw - 24px);max-height:min(620px,calc(100vh - 32px));overflow-y:auto}.inspector-popover-body{gap:14px;padding:4px}.action-editor,.structured-list,.structured-object,.structured-item-body{display:flex;flex-direction:column;gap:12px;min-width:0}.action-editor .property-select{gap:8px}.structured-item{border:1px solid var(--color-border-button-default);border-radius:8px;background:var(--chrome-raised)}.structured-item>summary{padding:10px;cursor:pointer;font-size:12px;overflow-wrap:anywhere}.structured-item-body{padding:0 10px 10px}.structured-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.structured-object-field{display:flex;align-items:flex-start;gap:6px}.structured-object-field>:first-child{flex:1;min-width:0}.property-error{font-size:12px;color:var(--chrome-error);overflow-wrap:anywhere}.inspector-trigger-list{max-height:360px;overflow-y:auto}.inspector-disclosure>summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.inspector-disclosure[open]>summary{margin-bottom:14px}.inspector-disclosure[open]>:not(summary){margin-top:10px}.menu-shortcut{margin-left:auto;color:var(--color-text-tertiary);font-size:12px}.canvas-compact-menu .menu-shortcut{font-size:13px;font-weight:400}.canvas-compact-menu [data-flyout-row][data-destructive]{color:var(--chrome-destructive)}.scope-enter{padding:0 14px 10px}.library-group h3{font-size:12px}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.studio .workspace>.left-panel,.studio .workspace>.studio-card{display:none;position:absolute;top:12px;bottom:12px;grid-area:auto;padding:0;border-width:1px;border-radius:24px}.studio-panel-left .workspace>.left-panel{display:flex;left:12px;width:min(317px,calc(100% - 24px))}.studio-panel-right .workspace>.studio-card{display:flex;right:12px;width:min(317px,calc(100% - 24px))}}.studio.studio-focus .workspace>:is(.left-panel,.studio-card){display:none}.studio.studio-focus .workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.inspector-section{border-top-color:var(--color-separator-border-strong)}.canvas-drop-indicator{position:absolute;z-index:25;pointer-events:none;background:var(--color-border-focus-ring);border:2px solid var(--color-border-focus-ring);border-radius:2px}.canvas-drop-indicator.is-container{background:transparent;outline:2px solid var(--color-border-focus-ring);outline-offset:-2px}.canvas-drop-indicator>span,.canvas-drop-status{position:absolute;white-space:nowrap;padding:4px 8px;border-radius:6px;background:var(--color-background-primary-default);color:var(--color-text-primary);box-shadow:var(--shadow-md);font-size:11px;pointer-events:none}.canvas-drop-indicator>span{left:0;bottom:8px}.canvas-drop-status{z-index:25;left:50%;bottom:80px;transform:translate(-50%)}.canvas-drop-ghost{position:absolute;z-index:25;pointer-events:none;--ghost-dash: repeating-linear-gradient( 90deg, var(--color-border-focus-ring) 0 2px, transparent 2px 4px );--ghost-dash-v: repeating-linear-gradient( 180deg, var(--color-border-focus-ring) 0 2px, transparent 2px 4px );background:var(--ghost-dash) top / 100% 1px no-repeat,var(--ghost-dash) bottom / 100% 1px no-repeat,var(--ghost-dash-v) left / 1px 100% no-repeat,var(--ghost-dash-v) right / 1px 100% no-repeat}.component-dialog{width:min(420px,calc(100vw - 32px));border-radius:var(--radius-3xl);padding:24px;background:var(--color-background-secondary-default);border:1px solid var(--color-border-button-default);box-shadow:var(--shadow-lg)}.component-dialog form{max-height:calc(100dvh - 112px);display:flex;flex-direction:column;gap:16px}.component-dialog form>:not(.component-dialog-fields){flex-shrink:0}.component-dialog-fields{flex:0 1 auto;display:flex;flex-direction:column;overflow:hidden}.component-dialog-fields .scroll-body{height:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:16px;padding:4px}.component-dialog-fields .scroll-body>*{flex-shrink:0}.component-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.component-asset{display:flex;align-items:center;gap:4px;margin-bottom:6px}.component-asset-insert{flex:1;min-width:0;justify-content:flex-start;height:auto;padding:10px}.component-asset-insert span{min-width:0;text-align:left}.component-asset-insert strong,.component-asset-insert small{display:block;overflow:hidden;text-overflow:ellipsis}.component-asset-insert small{font-size:11px;color:var(--color-text-secondary);font-weight:400}.component-property{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:stretch}.component-property-field{display:flex;align-items:center;gap:4px}.canvas-library-drop{position:absolute;inset:0;z-index:20}.component-picker [draggable=true]{cursor:grab}.component-picker [draggable=true] .library-item{cursor:inherit}.component-property-field>:first-child{flex:1;min-width:0}.component-binding{font-size:11px;color:var(--color-text-secondary)}.agent-dock-content{display:flex;flex:1;min-height:0}.agent-dock-content[hidden]{display:none}.canvas-agent{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.agent-transcript{flex:1;min-height:0;margin-top:8px}.agent-transcript .scroll-body{padding:8px 16px 16px}.agent-empty{margin:24px 0;text-align:center;color:var(--chrome-text-muted)}.agent-messages{display:flex;flex-direction:column;gap:20px}.agent-message{display:flex;flex-direction:column;gap:8px}.agent-message[data-role=user]>p{background:var(--chrome-raised)}.agent-message-end{padding-inline:4px;overflow-wrap:anywhere}.agent-message[data-role=user]>.agent-message-end{text-align:end}.agent-message-end[data-over-actions]{margin-top:-32px;margin-bottom:6px;pointer-events:none;transition:opacity .15s ease-out}.agent-message>:is(:hover,:focus-within)+.agent-message-end[data-over-actions]{opacity:0}.agent-answers{display:flex;flex-direction:column;gap:6px;margin:0;padding-inline:4px;overflow-wrap:anywhere}.agent-answers dd{margin:0}.agent-steps{display:flex;flex-direction:column;gap:6px}.agent-steps>p{margin:0;padding-inline:4px;overflow-wrap:anywhere}.agent-steps-skills>span{display:inline-block;max-width:100%}.agent-thinking{padding-inline:4px}.agent-questions{display:flex;flex-direction:column;min-width:0;gap:16px;padding:14px;border-radius:12px;background:var(--chrome-raised)}.agent-question{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0;min-inline-size:0}.agent-question>legend{max-width:100%;padding:0;margin-bottom:8px;white-space:normal;overflow-wrap:anywhere}.agent-question-options{display:flex;flex-wrap:wrap;gap:6px}.agent-question-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.agent-question-option{height:auto;min-height:28px;max-width:100%;padding:4px 9px;justify-content:flex-start;font-size:13px;line-height:18px;white-space:normal;text-align:start}.agent-question-option[data-solid]{padding:5px 10px}.agent-question-option>span{display:block;flex-shrink:1;min-width:0;padding:0;overflow-wrap:anywhere}.agent-thinking>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.agent-thinking>summary::-webkit-details-marker{display:none}.agent-thinking>summary:after{content:" ›"}.agent-thinking[open]>summary:after{content:" ⌄"}.agent-thinking>p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.agent-footer{padding:0 9px 10px}.agent-notice{margin:0 4px 12px;overflow-wrap:anywhere}.canvas-state-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;margin:0;padding:0;border:1px dashed var(--chrome-glyph);border-radius:8px;background:transparent;color:var(--chrome-text-muted);font:500 13px/18px var(--font-inter),ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background-color .15s ease-out}.canvas-state-tile>svg{width:16px;height:16px}@media(hover:hover){.canvas-state-tile:hover{background:var(--chrome-wash)}}@media(prefers-reduced-motion:reduce){.canvas-state-tile{transition:none}}.inspector-disabled-select button{opacity:.3}.inspector-more-settings{margin-top:12px}.inspector-more-settings>summary{cursor:pointer;color:var(--color-text-secondary);font-size:12px}.inspector-more-settings[open]>summary{margin-bottom:12px}.inspector-more-settings .inspector-rows{margin-top:8px}.component-picker{padding:8px 4px 4px}.component-picker-results{height:min(420px,55vh);display:flex;flex-direction:column;margin-top:8px}.component-picker .library-group h3{margin:10px 8px 4px;font-size:11px}.component-picker .library-item strong{font-size:12px}.component-picker .library-item{padding:6px 8px}[data-flyout-pane] .component-picker [data-input-size]>[role=presentation]:not([data-hovered],[data-focus-within]){box-shadow:inset 0 0 0 1px var(--chrome-menu-search-stroke)}.selection-breadcrumb>ol{flex-wrap:wrap;gap:6px;min-width:0}.selection-breadcrumb li,.selection-breadcrumb button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.selection-breadcrumb button{max-width:calc(100% + 8px)}.interaction-group{margin:8px 0}.interaction-group>summary{cursor:pointer;padding:6px 0;color:var(--color-text-secondary);font-size:12px}.interaction-group>.inspector-rows{margin:4px 0 12px}.interaction-chooser-heading{padding:12px 8px 4px;font-size:11px;color:var(--color-text-tertiary)}.interaction-when{display:flex;flex-direction:column;gap:6px;font-size:12px}.interaction-rule{display:flex;flex-direction:column;gap:12px;min-width:0}.interaction-trigger-name{color:var(--color-text-primary);font-size:12px;font-weight:500;overflow-wrap:anywhere}.action-editor>details>.property-select{margin-top:10px}.interaction-when>span{color:var(--color-text-tertiary)}.interaction-when>strong{font-weight:500;color:var(--color-text-primary)}.inspector-property-row-stacked{grid-template-columns:minmax(0,1fr) 14px;row-gap:4px}.inspector-property-row-stacked>span,.inspector-property-row-stacked>strong{grid-column:1;white-space:normal;overflow-wrap:anywhere}.inspector-property-row-stacked>svg{grid-column:2;grid-row:1 / 3}.workspace>.sp-card{position:relative;z-index:30;border-width:0;border-radius:0}.workspace>.studio-card{grid-area:right;border-left-width:1px;padding-right:1px;--scroll-fade-surface: var(--chrome-surface)}.workspace>.studio-card .sp-column{padding-top:16px}.studio-card>.agent-dock-content{margin-top:6px}.agent-credits{display:flex;justify-content:flex-end;padding:0 12px 6px}.workspace .sp-tab-list{box-sizing:border-box;height:33px;padding:2px;border-radius:12px;background:var(--chrome-tab-track)}.workspace .sp-tab{height:28px}.workspace .sp-tab-pill{inset:-.5px;box-shadow:inset 0 0 0 .5px var(--chrome-pill-stroke),var(--chrome-pill-inset),var(--chrome-pill-drop)}.studio-inspector{display:flex;flex:none;flex-direction:column;gap:16px;min-width:0}.studio-inspector>.inspector-section{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0 14px 0 15px;border:0}.studio-inspector>details.inspector-section{display:block}.studio-inspector>.inspector-section+.inspector-section{padding-top:16px;border-top:1px solid var(--chrome-separator)}.studio-inspector>.inspector-section>.section-title,.studio-inspector>.inspector-disclosure>summary{margin:0;font-size:13px;font-weight:500;line-height:16px;letter-spacing:-.26px;color:var(--chrome-ink)}.studio-inspector>.inspector-disclosure>summary{display:flex;align-items:center;justify-content:space-between;height:20px;list-style:none;cursor:default}.studio-inspector>.inspector-disclosure>summary::-webkit-details-marker{display:none}.studio-inspector>.inspector-disclosure>summary:after{content:"";width:16px;height:16px;background:var(--color-foreground-icon-secondary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13.17 16.95 8.22l1.41 1.41L12 16l-6.36-6.37 1.41-1.41z'/%3E%3C/svg%3E") center / 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13.17 16.95 8.22l1.41 1.41L12 16l-6.36-6.37 1.41-1.41z'/%3E%3C/svg%3E") center / 16px no-repeat;transition:transform .15s ease-out}.studio-inspector>.inspector-disclosure[open]>summary:after{transform:rotate(180deg)}.studio-inspector>.inspector-disclosure>summary:focus-visible{outline:2px solid var(--color-border-focus-ring);outline-offset:2px;border-radius:4px}.studio-inspector>.inspector-disclosure[open]>summary{margin-bottom:12px}.studio-inspector>.inspector-disclosure[open]>:not(summary){margin-top:0}@media(prefers-reduced-motion:reduce){.studio-inspector>.inspector-disclosure>summary:after{transition:none}}.studio-inspector .property-fields{gap:12px}.studio-inspector .component-property{gap:8px}.studio-inspector .component-property-field>button:last-child:not(:first-child){width:30px;height:30px}.studio-inspector .component-property-field:has(>[data-input-size]>[data-label=true])>button:last-child,.studio-inspector .component-property-field:has(>.property-select)>button:last-child{align-self:flex-start;margin-top:24px}.studio-inspector :is(.property-select,.property-toggle)>span,.studio-inspector [data-input-size]>[data-label=true],.studio-inspector .component-binding{font-size:13px;font-weight:500;line-height:16px;letter-spacing:-.26px;color:var(--chrome-ink-label)}.studio-inspector .property-select,.studio-inspector [data-input-size]{gap:8px}.studio-inspector [data-input-size]>:is([role=group],[role=presentation]),.studio-inspector button[aria-haspopup=listbox],.studio-inspector .inspector-property-row{min-height:30px;height:auto;padding:6px 8px;border:0;border-radius:var(--radius-lg);background:var(--chrome-raised);box-shadow:inset 0 0 0 .5px var(--chrome-field-stroke),var(--chrome-field-shadow);font-size:13px;font-weight:500;line-height:18px;letter-spacing:0}.studio-inspector [data-input-size]>:is([role=group],[role=presentation]){height:30px}.studio-inspector [data-input-size] input{padding-left:0;font-size:13px;font-weight:500;line-height:18px}.studio-inspector [data-input-size]>:is([role=group],[role=presentation])[data-focus-within],.studio-inspector button[aria-haspopup=listbox][data-focus-visible],.studio-inspector .inspector-property-row[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-border-focus-ring),var(--chrome-field-shadow)}.studio-inspector [data-input-size]>:is([role=group],[role=presentation])[data-invalid]{background:var(--color-background-tertiary-error)}.studio-inspector button[aria-haspopup=listbox][data-disabled]{opacity:.3}@media(hover:hover){.studio-inspector [data-input-size]>:is([role=group],[role=presentation]):hover:not([data-focus-within],[data-disabled],[data-invalid]),.studio-inspector button[aria-haspopup=listbox]:hover:not(:disabled,[data-focus-visible],[aria-expanded=true]),.studio-inspector .inspector-property-row:hover:not([data-focus-visible],[aria-expanded=true]){background:var(--chrome-field-hover);box-shadow:inset 0 0 0 .5px var(--chrome-field-stroke-hover),var(--chrome-field-shadow)}}.studio-inspector .inspector-property-row[data-pressed]:not([data-focus-visible]){background:var(--chrome-field-hover);box-shadow:inset 0 0 0 .5px var(--chrome-field-stroke-hover),var(--chrome-field-shadow)}.sp-column>.inspector-section{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0 14px 0 15px;border:0}.sp-column>.inspector-section+:is(.inspector-section,.studio-inspector){padding-top:16px;border-top:1px solid var(--chrome-separator)}.sp-column>.inspector-section>.section-title{margin:0;font-size:13px;font-weight:500;line-height:16px;letter-spacing:-.26px;color:var(--chrome-ink)}.sp-column>.inspector-section :is(.property-select,.property-toggle)>span,.sp-column>.inspector-section [data-input-size]>[data-label=true]{font-size:13px;font-weight:500;line-height:16px;letter-spacing:-.26px;color:var(--chrome-ink-label)}.sp-column>.inspector-section .property-select{gap:8px}.sp-column>.inspector-section .muted-note{margin:0;padding:0;font-size:12px;line-height:18px}.sp-column>.inspector-section .bg-background-primary-default:not(:disabled,[aria-disabled=true]){border-color:var(--chrome-control-edge);background-color:var(--chrome-control);--tw-shadow: var(--chrome-control-shadow)}@media(hover:hover){.sp-column>.inspector-section .bg-background-primary-default:not(:disabled,[aria-disabled=true],[aria-haspopup],[aria-expanded]):hover{border-color:var(--chrome-control-edge-hover);background-color:var(--chrome-control-hover)}.sp-column>.inspector-section .bg-background-primary-default:is([aria-haspopup],[aria-expanded]):not(:disabled,[aria-disabled=true],[aria-expanded=true],:focus-visible):hover{border-color:var(--chrome-field-stroke-hover);background-color:var(--chrome-field-hover)}.sp-column>.inspector-section [data-input-size]>:is([role=group],[role=presentation]):hover:not([data-focus-within],[data-disabled],[data-invalid]){background-color:var(--chrome-field-hover);box-shadow:inset 0 0 0 1px var(--chrome-field-stroke-hover)}}.sp-column>.inspector-section .bg-background-primary-default:not(:disabled,[aria-disabled=true],[aria-haspopup],[aria-expanded]):active{border-color:var(--chrome-control-edge-active);background-color:var(--chrome-control-active)}.workspace label[data-rac]:has(>span>input[role=switch]):not([data-selected])>span[aria-hidden=true]{background-color:var(--chrome-switch-track)}.workspace label[data-rac]:has(>span>input[role=switch]):not([data-selected],[data-focus-visible])>span[aria-hidden=true]{box-shadow:var(--chrome-switch-track-edge)}.workspace label[data-rac]:has(>span>input[role=switch])>span[aria-hidden=true]>span{--tw-shadow: var(--chrome-switch-knob-shadow)}.studio-inspector .inspector-rows{gap:8px}.studio-inspector .muted-note{margin:0;padding:0;font-size:12px;line-height:18px;color:var(--chrome-text-muted)}.studio-inspector .inspector-empty{padding:24px 15px}:is(.sp-menu-list,.sp-font-menu-list,.sp-picker-swatch-list,[data-trigger],[data-trigger] :is([role=listbox],[role=menu]),[data-flyout-menu])::-webkit-scrollbar{width:8px;height:8px}:is(.sp-menu-list,.sp-font-menu-list,.sp-picker-swatch-list,[data-trigger],[data-trigger] :is([role=listbox],[role=menu]),[data-flyout-menu])::-webkit-scrollbar-track{margin-block:4px;background:transparent}:is(.sp-menu-list,.sp-font-menu-list,.sp-picker-swatch-list,[data-trigger],[data-trigger] :is([role=listbox],[role=menu]),[data-flyout-menu])::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--chrome-scrollbar-thumb) padding-box}:is(.sp-menu-list,.sp-font-menu-list,.sp-picker-swatch-list,[data-trigger],[data-trigger] :is([role=listbox],[role=menu]),[data-flyout-menu])::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){:is(.sp-menu-list,.sp-font-menu-list,.sp-picker-swatch-list,[data-trigger],[data-trigger] :is([role=listbox],[role=menu]),[data-flyout-menu]){scrollbar-width:thin;scrollbar-color:var(--chrome-scrollbar-thumb) transparent}}.agent-mention-picker{position:absolute;bottom:calc(100% + 8px);inset-inline:0;z-index:20;padding:6px;border:1px solid var(--color-border-button-default);border-radius:14px;background:var(--color-background-primary-default);box-shadow:var(--shadow-dropdown)}.agent-mention-heading{padding:5px 8px 9px}.agent-mention-results,.agent-mention-results .scroll-body{max-height:min(240px,35vh)}.agent-mention-empty{padding:8px}.artboard-component{background:var(--component-surface, transparent);box-shadow:none;border-radius:0}.artboard-component[data-color-scheme=dark]{background:var(--component-surface, var(--chrome-component-backdrop))}.artboard-component .render-frame{background:transparent}.artboard-component[data-color-scheme=light] .render-frame{color-scheme:light}.artboard-component[data-color-scheme=dark] .render-frame{color-scheme:dark}.artboard-component .artboard-label{min-width:calc(260px * var(--canvas-chrome-scale, 1));justify-content:flex-start;flex-wrap:wrap;align-content:flex-start;overflow:hidden}.artboard-component .artboard-label>span:first-child,.artboard-component .artboard-dimensions{height:100%}.artboard-component .artboard-dimensions{display:flex;align-items:center}.icon-picker-results{display:flex;flex-direction:column;min-height:0}.icon-picker-results .scroll-body{height:auto;max-height:min(280px,40vh)}.icon-picker-rows{position:relative;flex-shrink:0}.icon-picker-row,.icon-picker-header{position:absolute;left:0;right:0}.icon-picker-header{display:flex;align-items:flex-end;padding-bottom:6px}.icon-picker-styles{display:flex;width:100%}.icon-picker-styles>button{flex:1 1 0}.logo-tile{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:6px;background:var(--chrome-logo-tile);box-shadow:inset 0 0 0 .5px var(--chrome-logo-tile-stroke);overflow:hidden}.logo-tile[data-light]{background:var(--chrome-logo-tile-dark)}.logo-tile>svg{display:block;flex-shrink:0}.logo-picker-row{gap:8px}.logo-picker-tiles{display:inline-flex;flex-shrink:0;gap:4px}.primitive-style-value{display:grid;gap:6px;min-width:0}.primitive-style-control{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:end}.transition-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.transition-editor>[role=group]{width:100%}.transition-editor>[role=group] button{flex:1}.transition-curve{width:100%;height:auto;aspect-ratio:320 / 180;overflow:hidden;border-radius:12px;background:var(--color-background-secondary-default);touch-action:none}.transition-line{fill:none;stroke:var(--color-text-primary);stroke-width:2}.transition-guide{fill:none;stroke:var(--color-border-button-default);stroke-dasharray:3 4}.transition-handle-line{fill:none;stroke:var(--color-text-tertiary)}.transition-curve circle{fill:var(--color-accent-500);stroke:var(--color-background-primary-default);stroke-width:2;cursor:grab}.transition-curve circle:focus-visible{outline:2px solid var(--color-border-focus-ring)}.transition-preview{display:flex;align-items:center;gap:16px}.transition-preview>div{position:relative;flex:1;height:24px;margin-inline:8px}.transition-preview span{position:absolute;top:6px;width:12px;height:12px;margin-inline-start:-6px;border-radius:50%;background:var(--color-accent-500)}.motion-number{display:grid;grid-template-columns:64px 64px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.motion-number>span{color:var(--color-text-secondary);font-size:12px}.motion-number [data-label=true]{display:none}.motion-number [data-input-size]{min-width:0}.motion-choice{display:flex;justify-content:space-between;align-items:center;gap:12px}.bezier-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.transition-editor>[role=radiogroup]{width:100%}.transition-editor>[role=radiogroup] button{flex:1}.transition-editor [data-input-size]>:is([role=group],[role=presentation]){min-height:30px;height:30px;border-radius:8px;background:var(--color-background-secondary-default);padding-inline:8px}.motion-number>[role=group]>[data-orientation]>span:first-child{background:var(--color-border-button-default)}.motion-extra{display:flex;flex-direction:column;gap:12px}.motion-extra summary{color:var(--color-text-secondary);cursor:pointer;font-size:12px}.motion-extra .property-select{margin-top:12px}.motion-vector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.motion-vector[data-dimensions="3D"]{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-vector[data-dimensions="2D"]{grid-template-columns:1fr}.motion-vector [data-input-size]{min-width:0}.animation-draft{display:flex;flex-direction:column;gap:12px;min-width:0;margin-top:12px}.animation-draft-actions{display:flex;justify-content:flex-end;gap:8px}.animation-properties{min-width:0}.motion-recipe-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.motion-recipe-parameter{display:flex;flex-direction:column;gap:4px}.motion-recipe-note{color:var(--chrome-text-muted);font-size:12px;line-height:18px;margin:0}.motion-recipe-source{display:flex;height:320px;min-width:0;margin:12px 0;border:1px solid var(--chrome-field-stroke);border-radius:8px;overflow:hidden}.motion-recipe-source .cm-content{padding:12px 0 32px}.ws-live-files{position:relative}.ws-live-file:not([data-active]){position:absolute;inset:0;visibility:hidden;pointer-events:none}.ws-topbar{position:relative;z-index:15;flex:none;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;height:49px;padding:0 16px;border-bottom:1px solid var(--chrome-border);background:var(--chrome-surface);color:var(--chrome-ink);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ws-topbar-start{display:flex;flex:1 1 auto;align-items:center;gap:16px;min-width:0}.ws-topbar-icons{display:flex;flex:none;align-items:center;gap:10px}.ws-files{display:flex;align-items:center;gap:8px;min-width:0}.ws-topbar-end{display:flex;flex:none;align-items:center;gap:8px;transition:opacity .2s ease-out,translate .2s ease-out}.ws-topbar-end[data-hidden]{opacity:0;translate:4px 0;pointer-events:none}.ws-icon-button{display:grid;flex:none;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:default;outline:none}.ws-icon-button:focus-visible,.ws-button:focus-visible,.ws-tab-main:focus-visible,.ws-tab-close:focus-visible,.ws-avatar:focus-visible,.ws-save-dot:focus-visible,.ws-narrow-name:focus-visible{outline:2px solid var(--color-border-focus-ring);outline-offset:2px}.ws-home,.ws-design-systems{width:24px;height:24px;border-radius:6px;opacity:.5;transition:opacity .12s ease-out}.ws-home:hover,.ws-design-systems:hover{opacity:.8}.ws-home[aria-pressed=true],.ws-design-systems[aria-pressed=true]{opacity:1;background:var(--chrome-raised);box-shadow:0 0 0 2px var(--chrome-raised)}.ws-new-file{width:20px;height:20px;border-radius:6px;opacity:.5}.ws-new-file:hover{opacity:.8}.ws-preview{width:28px;height:28px}.ws-preview:hover{background:var(--chrome-wash)}.ws-preview[aria-pressed=true]{background:var(--chrome-raised)}.ws-preview[aria-pressed=true] path{fill-opacity:1}.ws-button{display:inline-flex;flex:none;align-items:center;box-sizing:border-box;height:28px;padding:6px 10.5px;border:0;border-radius:8px;background:var(--chrome-pill);box-shadow:inset 0 0 0 .5px var(--chrome-pill-stroke),var(--chrome-pill-inset),var(--chrome-button-drop);color:var(--chrome-ink);font:inherit;white-space:nowrap;cursor:default;outline:none}.ws-button:hover{background:var(--chrome-pill-hover)}.ws-tabs{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-width:0;border-radius:var(--radius-2lg);overflow-x:auto;scrollbar-width:none}.ws-tabs-room{flex:none;width:0;height:1px;margin-left:-12px;pointer-events:none}.ws-tabs>.ws-tab-pill{inset:0 auto auto 0;width:0;height:32px;border-radius:var(--radius-2lg);transition:opacity .2s ease-out}.ws-tabs>.ws-tab-pill[data-hidden]{opacity:0}.ws-tabs::-webkit-scrollbar{display:none}.ws-tab{position:relative;isolation:isolate;display:flex;flex:none;align-items:center;gap:4px;box-sizing:border-box;height:32px;padding:8px 8px 8px 10px;border-radius:var(--radius-2lg);opacity:.5;transition:opacity .2s ease-out,padding .2s ease-out}.ws-tab:is(:hover,:focus-within){opacity:.8}.ws-tab[data-active]{padding:8px 8.5px;opacity:1}.ws-tab-main{display:flex;min-width:0;align-items:center;gap:4px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--chrome-ink);font:inherit;cursor:default;outline:none}button.ws-tab-main:before{content:"";position:absolute;inset:0;border-radius:var(--radius-2lg)}.ws-tab-main[data-quiet]:focus-visible{outline:none;box-shadow:none}.ws-tab-label{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}.lp-rename.ws-tab-rename{grid-template-columns:minmax(0,1fr);flex:0 1 auto;min-width:24px;max-width:188px;margin:0 -4px;font:inherit;letter-spacing:inherit}.ws-tab-rename>.lp-rename-input{width:0;min-width:100%}.ws-tab-icon-slot{display:grid;flex:none;place-items:center start;width:0;height:16px;margin-right:-4px;overflow:hidden;opacity:0;transition:width .2s ease-out,margin-right .2s ease-out,opacity .2s ease-out}.ws-tab-icon-slot[data-shown]{width:16px;margin-right:0;opacity:1}.ws-tab-icon{display:grid;flex:none;place-items:center;width:16px;height:16px;opacity:.4}.ws-tab-close{position:relative;display:grid;flex:none;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:4px;background:transparent;opacity:.4;cursor:default;outline:none}.ws-tab-close:hover{opacity:.8}.ws-tab:not([data-active]) .ws-tab-close{opacity:0}.ws-tab:not([data-active]):is(:hover,:focus-within) .ws-tab-close{opacity:.4}.ws-save-dot{flex:none;width:6px;height:6px;margin:0 3px;border-radius:50%;background:var(--color-status-lime-text);outline:none;transition:opacity .2s ease-out}.ws-tab[data-active]>.ws-save-dot{position:absolute;top:5px;left:19px;margin:0;box-shadow:0 0 0 1.5px var(--chrome-pill)}.ws-save-dot[data-tone=pending]{background:var(--color-status-orange-text)}.ws-save-dot[data-tone=error]{background:var(--color-text-error-primary)}.ws-avatars{display:flex;flex:none;align-items:center}.ws-avatar{position:relative;display:grid;flex:none;place-items:center;overflow:hidden;width:28px;height:28px;border-radius:8px;color:var(--chrome-on-accent);font-size:11px;font-weight:600;line-height:1;outline:none}.ws-avatar img{width:100%;height:100%;object-fit:cover}.ws-avatars>.ws-avatar+.ws-avatar{margin-left:-5px;box-shadow:0 0 0 2.5px var(--chrome-surface)}.ws-avatar-more{background:var(--chrome-raised);color:var(--chrome-ink)}.ws-narrow-file{display:flex;min-width:0;align-items:center;gap:8px}.ws-narrow-name{display:flex;min-width:0;align-items:center;height:28px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--chrome-ink);font:inherit;cursor:default;outline:none}.ws-panel-toggles{display:flex;flex:none;gap:4px}.ws-panel-toggle{width:28px;height:28px;opacity:.6}.ws-panel-toggle[aria-pressed=true]{background:var(--chrome-raised);opacity:1}@media(max-width:560px){.ws-topbar{gap:8px;padding:0 8px}.ws-topbar-start{gap:8px}.ws-avatars{display:none}}.ws-savebar{flex:none;box-sizing:border-box;display:flex;align-items:center;gap:10px;height:41px;padding:0 16px;border-bottom:1px solid var(--chrome-border);background:var(--chrome-surface);color:var(--chrome-ink);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ws-savebar-icon{display:grid;flex:none;place-items:center;opacity:.5}.ws-savebar-text{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-savebar-error{color:var(--chrome-error)}.ws-savebar-actions{display:flex;flex:none;align-items:center;gap:8px}.ws-savebar-save{background-image:var(--gradient-button-primary-default);color:var(--color-text-white)}.ws-savebar-save:hover{background-image:var(--gradient-button-primary-hover)}.ws-savebar .ws-button:disabled{opacity:.3}@media(max-width:640px){.ws-savebar{flex-wrap:wrap;row-gap:6px;height:auto;padding:6px 8px}.ws-savebar-text{flex-basis:calc(100% - 26px)}.ws-savebar-actions{flex-wrap:wrap;gap:6px}}.workspace>.ws-toast{grid-area:canvas;z-index:26;align-self:end;justify-self:center;box-sizing:border-box;max-width:min(520px,calc(100% - 32px));margin-bottom:88px;padding:8px 12px;border:1px solid var(--color-border-button-default);border-radius:10px;background:var(--color-background-primary-default);box-shadow:var(--shadow-lg);color:var(--color-text-primary);font-size:13px;font-weight:500;line-height:18px;text-align:center;overflow-wrap:anywhere;pointer-events:none;opacity:0;translate:0 4px;transition:opacity .15s ease-out,translate .15s ease-out}.workspace>.ws-toast[data-visible]{opacity:1;translate:0 0}.workspace>.ws-toast .ws-toast-dot{margin:0 6px;color:var(--chrome-text-muted)}.workspace>.ws-toast .ws-toast-action{margin:0;padding:0;border:0;border-radius:4px;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:default;outline:none}.workspace>.ws-toast[data-visible] .ws-toast-action{pointer-events:auto}.workspace>.ws-toast .ws-toast-action[data-focus-visible]{outline:2px solid var(--sp-focus);outline-offset:2px}.ws-view{position:absolute;inset:49px 0 0;z-index:40;display:flex;flex-direction:column;min-height:0;background:var(--color-background-full);color:var(--color-text-primary);outline:none}.ws-view-loading{margin:auto;color:var(--color-text-secondary);font-size:13px}.ws-home-page{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.ws-home-head{flex:none;padding:40px 48px 24px}.ws-home-head h1{margin:0;font-size:24px;font-weight:600;line-height:32px}.ws-home-soon{color:var(--color-text-secondary);font-weight:400}.ws-home-head p{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px}.ws-home-scroll{display:flex;flex-direction:column}.ws-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0 48px 48px;list-style:none}.ws-home-card{display:flex;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:132px;padding:16px;border:1px solid var(--chrome-border);border-radius:16px;background:var(--color-background-secondary-default);color:var(--color-text-primary);font:inherit;text-align:left;cursor:default;outline:none}.ws-home-card:hover{border-color:var(--chrome-border-hover)}.ws-home-card:focus-visible{outline:2px solid var(--color-border-focus-ring);outline-offset:2px}.ws-home-card[aria-current=page]{border-color:var(--color-border-focus-ring)}.ws-home-new{justify-content:center;align-items:center;border-style:dashed;background:transparent}.ws-home-card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--color-background-primary-default)}.ws-home-new .ws-home-card-icon{background:var(--chrome-raised)}.ws-home-card-name{overflow:hidden;max-width:100%;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ws-home-card-meta{margin-top:auto;color:var(--color-text-secondary);font-size:12px}.ws-dialog{width:min(520px,calc(100vw - 32px))}.ws-dialog-body{display:flex;flex-direction:column;gap:16px}.ws-dialog-row,.component-dialog form.ws-dialog-row{display:flex;flex-direction:row;align-items:center;gap:8px}.ws-grow{flex:1 1 auto;min-width:0}.component-dialog form.ws-dialog-row>.ws-grow{flex-shrink:1}@media(max-width:420px){.component-dialog form.ws-dialog-row{flex-wrap:wrap;justify-content:flex-end}.component-dialog form.ws-dialog-row>.ws-grow{flex-basis:100%}}.ws-dialog-label{flex:none;color:var(--color-text-secondary);font-size:13px}.ws-dialog-row>.ws-dialog-label:first-child{margin-right:auto}.ws-members-scroll .scroll-body{max-height:240px}.ws-members{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ws-member{display:flex;align-items:center;gap:8px;min-height:32px}.ws-member-name{display:flex;flex:1 1 auto;min-width:0;align-items:baseline;gap:8px;overflow:hidden;color:var(--color-text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ws-member-note{color:var(--color-text-secondary);font-size:12px}.ws-mcp-dialog{height:min(760px,calc(100dvh - 64px))}.ws-mcp-body{display:flex;flex-direction:column;gap:20px;height:100%}.ws-mcp-header{display:flex;flex:none;align-items:flex-start;gap:12px}.ws-mcp-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border:1px solid var(--color-border-button-default);border-radius:12px;background:var(--color-background-primary-default);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.ws-mcp-heading{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.ws-mcp-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.ws-mcp-status{gap:6px}.ws-mcp-status>i{width:6px;height:6px;border-radius:50%;background:currentColor}.ws-mcp-scroll{display:flex;flex:1 1 auto;flex-direction:column;margin:0 -24px}.ws-mcp-scroll>.scroll-body{display:flex;flex:1;flex-direction:column;gap:24px;height:auto;min-height:0;padding:2px 24px 4px}.ws-mcp-scroll>.scroll-body>*{flex-shrink:0}.ws-mcp-section{display:flex;flex-direction:column;gap:10px;min-width:0}.ws-mcp-step{display:flex;align-items:center;gap:8px;margin:0}.ws-mcp-step-number{display:grid;flex:none;place-items:center;width:22px;height:22px;border:1px solid var(--color-border-button-default);border-radius:6px;background:var(--color-background-primary-default);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.ws-mcp-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px}.ws-mcp-group-head>button{flex:none}.ws-mcp-group-label{display:flex;align-items:center;gap:6px;margin:0;padding:0 8px}.ws-mcp-clients{display:flex;width:100%}.ws-mcp-client{flex:1 1 0;gap:6px}@media(max-width:420px){.ws-mcp-client{flex-basis:auto;padding-inline:6px}}.ws-mcp-code{display:flex;flex-direction:column;padding:4px;border-radius:14px;background:var(--color-background-primary-default)}.ws-mcp-code-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 4px 8px}.ws-mcp-code-file{overflow:hidden;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.ws-code-block{box-sizing:border-box;width:100%;margin:0;padding:12px 14px;border-radius:10px;background:var(--color-docs-code-background);box-shadow:0 2px #00000008,0 1px 2px #0000000d,0 6px 10px #00000005;color:var(--color-text-primary);font-family:var(--font-mono);font-size:12px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere}.ws-code-word{display:inline-block;max-width:100%}.ws-copy-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--color-foreground-icon-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.ws-copy-icon:hover{background:var(--color-background-primary-hover);color:var(--color-text-primary)}.ws-copy-icon:focus-visible{outline:2px solid var(--color-border-focus-ring);outline-offset:0}.ws-copy-icon>svg{grid-area:1 / 1;width:16px;height:16px;transition:opacity .2s ease-out,transform .2s ease-out,filter .2s ease-out}.ws-copy-icon>svg:last-child,.ws-copy-icon[data-copied]>svg:first-child{opacity:0;transform:scale(.75);filter:blur(2px)}.ws-copy-icon[data-copied]>svg:last-child{opacity:1;transform:none;filter:none}.ws-mcp-card{display:flex;flex-direction:column;margin:0;padding:0 0 0 12px;border-radius:14px;background:var(--color-background-primary-default);list-style:none}.ws-mcp-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 8px 8px 0;border-bottom:1px solid var(--color-separator-border-strong)}.ws-mcp-row:last-child{border-bottom:0}.ws-mcp-row-label{flex:none;width:72px}.ws-mcp-value{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-mono);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.ws-mcp-note{flex:1 1 auto;min-width:0;padding:5px 0}.ws-mcp-tile{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--color-background-tertiary-hover);color:var(--color-text-primary)}.ws-mcp-client-name{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.ws-mcp-client-name:not([data-wrap])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-mcp-row>button{flex:none}.ws-mcp-empty{display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px 24px;border-radius:14px;background:var(--color-background-primary-default);text-align:center}.ws-mcp-footer{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:12px}.ws-mcp-footer>[role=alert]{flex:1 1 auto;min-width:0}@media(prefers-reduced-motion:reduce){.ws-home,.ws-design-systems,.ws-tab,.ws-tabs>.ws-tab-pill,.ws-tab-icon-slot,.ws-save-dot,.ws-topbar-end,.workspace>.ws-toast,.ws-copy-icon,.ws-copy-icon>svg{transition:none}}