.canvas-calendar-preview{justify-content:center;align-items:flex-start;width:100%;display:flex}.canvas-calendar-board{justify-content:center;width:100%;min-width:100%;display:flex}.canvas-calendar-board--preview,.canvas-calendar-board--edit{align-items:flex-start}.canvas-calendar-editor-layout{--calendar-editor-width:1320px;width:var(--calendar-editor-width);min-width:var(--calendar-editor-width);max-width:var(--calendar-editor-width);box-sizing:border-box;grid-template-columns:360px 520px 360px;grid-template-areas:"field day day""time summary nav""header month year""size month year";align-content:start;align-items:start;gap:64px 40px;display:grid;overflow:visible}.canvas-calendar-editor-layout>.canvas-selectable{display:block}.canvas-calendar-editor-row{align-items:start;gap:32px;display:grid}.canvas-calendar-editor-row--utility{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.canvas-calendar-editor-row--visuals{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.canvas-calendar-reference-grid{box-sizing:border-box;grid-template-columns:170px minmax(460px,560px) minmax(420px,520px);grid-template-areas:"field field field""day day day""nav time summary""size header year"".month year";align-items:start;gap:56px;width:max-content;max-width:100%;display:grid}.canvas-calendar-reference-grid>.canvas-selectable{display:block}.canvas-calendar-bottom-row{grid-template-columns:180px 520px 620px;grid-template-areas:"day day header""nav time field""size summary.";align-items:start;gap:72px 64px;width:max-content;min-width:100%;display:grid}.canvas-calendar-sample-panel{box-sizing:border-box;background:0 0;border-radius:0;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:18px;width:100%;min-width:0;padding:0;display:grid;overflow:visible}.canvas-calendar-panel-label{color:var(--muted);letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2;display:block}.canvas-calendar-panel-content{min-width:0;overflow:visible}.canvas-calendar-board--edit .canvas-calendar-sample-panel{border:0;width:100%;min-width:0}.canvas-calendar-board--preview .canvas-calendar-sample-panel{border:0}.canvas-calendar-sample-strip{align-items:flex-start;gap:16px;display:grid}.canvas-calendar-sample-strip--days{grid-template-columns:repeat(7,minmax(72px,1fr));justify-content:stretch;gap:16px;width:100%}.canvas-calendar-sample-strip--fields{grid-template-columns:repeat(3,minmax(82px,1fr));justify-content:stretch;gap:18px 16px;width:100%}.canvas-calendar-board--edit .canvas-calendar-sample-strip--fields{grid-template-columns:repeat(3,minmax(82px,1fr))}.canvas-calendar-sample{justify-items:center;gap:12px;min-width:0;display:grid}.canvas-calendar-sample-caption{color:var(--muted);text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:14px;line-height:1.2}.canvas-calendar-sample-selectable{display:inline-flex}.canvas-calendar-sample-selectable--summary{width:100%;display:block}.canvas-calendar-sample-panel--day-states{grid-area:day;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--header{grid-area:header;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--nav-states{grid-area:nav;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--time{grid-area:time;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--field-states{grid-area:field;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--summary{grid-area:summary;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--size{grid-area:size;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--month-view{grid-area:month;width:100%;min-width:0;max-width:none}.canvas-calendar-sample-panel--year-picker{grid-area:year;width:100%;min-width:0;max-width:none}.canvas-calendar-header-sample-rows{gap:40px;width:100%;display:grid}.canvas-calendar-header-sample-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.canvas-calendar-header-sample-row>.canvas-selectable{display:inline-flex}.canvas-calendar-header-sample-row--accent{grid-template-columns:minmax(0,1fr);justify-items:start}.canvas-calendar-header-sample-row--footer{grid-template-columns:32px minmax(0,1fr) 32px}.canvas-calendar-header-sample-center{justify-content:center;display:flex}.canvas-calendar-header-sample-center>.canvas-selectable{display:inline-flex}.canvas-calendar-month-control--center{justify-content:center;width:100%}.canvas-calendar-time-sample-row{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:24px;width:100%;display:grid}.canvas-calendar-time-sample-row>.canvas-selectable{display:inline-flex}.canvas-calendar-time-sample-row>.canvas-selectable:last-child{flex:auto}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-strip{gap:22px;display:grid}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample{grid-template-columns:auto auto;place-items:center start;gap:0 18px}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-selectable{order:2}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-caption{text-align:left;order:1}.canvas-calendar-live-month-panel,.canvas-calendar-live-year-panel{gap:24px;width:100%;min-width:0;display:grid}.canvas-calendar-live-month-panel>.canvas-selectable,.canvas-calendar-live-year-panel>.canvas-selectable{display:block}.canvas-calendar-weekday-sample{text-align:center;justify-content:center;align-items:center;width:72px;min-width:72px;height:52px;min-height:52px;display:inline-flex}.canvas-calendar-selection-summary{text-align:left;margin-left:0}.canvas-calendar-preview-surface{--calendar-day-size:56px;--calendar-selected-day-size:48px;--calendar-grid-column-gap:8px;--calendar-grid-row-gap:8px;--calendar-grid-width:440px;box-sizing:border-box;contain:none;background:#fff;border:0;border-radius:40px;gap:32px;width:min(100%,560px);min-width:0;max-width:560px;height:auto;min-height:auto;max-height:none;padding:32px;overflow:visible;box-shadow:0 30px 64px #0f172a38,0 0 0 1px #0f172a14}.canvas-calendar-top-row{flex-wrap:wrap;align-items:flex-start;gap:28px;width:max-content;min-width:100%;display:flex}.canvas-calendar-top-row>*{flex:320px;min-width:320px}.canvas-calendar-top-row>.component-preview-calendar-surface--triple{flex:960px;min-width:960px}.component-preview-calendar-surface{--calendar-day-size:48px;--calendar-selected-day-size:48px;--calendar-grid-column-gap:24px;--calendar-grid-row-gap:12px;--calendar-grid-width:480px;border:1px solid var(--border);background:var(--surface);box-sizing:border-box;font-kerning:normal;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:28px;flex-direction:column;gap:18px;width:384px;min-width:384px;max-width:384px;padding:22px 22px 20px;display:flex}.canvas-calendar-preview-surface,.canvas-calendar-preview-surface *,.canvas-calendar-preview-surface :before,.canvas-calendar-preview-surface :after{box-sizing:border-box}.canvas-calendar-preview-surface{--calendar-day-size:56px;--calendar-selected-day-size:48px;--calendar-grid-column-gap:8px;--calendar-grid-row-gap:8px;--calendar-grid-width:440px}.component-preview-calendar-surface--connected{gap:18px;width:min(100%,560px);min-width:0;max-width:560px;padding:22px}.component-preview-calendar-surface--scheduler{gap:18px}.component-preview-calendar-surface--triple{gap:22px;width:1048px;min-width:1048px;max-width:1048px;padding:18px 22px 24px;overflow-x:auto}.component-preview-calendar-surface--year-picker{gap:22px;width:500px;min-width:500px;max-width:500px;padding:18px 22px 24px}.component-preview-calendar-panel-header,.calendar-header{white-space:nowrap;float:none;writing-mode:horizontal-tb;flex-wrap:nowrap;flex:none;justify-content:space-between;align-items:center;gap:24px;width:100%;min-width:0;display:flex;position:static;inset:auto;transform:none}.component-preview-calendar-panel-header>.canvas-selectable{flex:none;width:auto;min-width:0;max-width:max-content;display:inline-flex}.component-preview-calendar-panel-header>.canvas-selectable:first-child{flex:auto;max-width:none}.calendar-header>.calendar-month-control,.calendar-header>.month-trigger,.calendar-header>.calendar-nav{float:none;writing-mode:horizontal-tb;align-items:center;display:inline-flex;position:static;inset:auto;transform:none}.calendar-header>.calendar-month-control,.calendar-header>.month-trigger{flex:auto;justify-content:flex-start;width:auto;min-width:0}.calendar-header>.calendar-nav{flex:none;justify-content:flex-end}.component-preview-calendar-dual-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.component-preview-calendar-month-control{min-width:0;max-width:100%;color:var(--text);letter-spacing:0;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.canvas-calendar-preview-surface .component-preview-calendar-month-control{font-size:14px;font-weight:500;line-height:1.2}.canvas-calendar-preview-surface .component-preview-calendar-month-control-icon svg,.canvas-calendar-preview-surface .component-preview-calendar-nav-button svg{width:24px;height:24px}.component-preview-calendar-month-control--button,.month-trigger{appearance:none;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;float:none;writing-mode:horizontal-tb;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;width:auto;min-width:0;padding:0;line-height:1.25;display:inline-flex;position:static;inset:auto;transform:none}.component-preview-calendar-month-control.is-accent{color:var(--accent-strong)}.component-preview-calendar-month-control-icon{color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-calendar-month-control>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-preview-calendar-nav,.calendar-navigation,.calendar-nav{float:none;writing-mode:horizontal-tb;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:24px;width:auto;min-width:96px;height:36px;min-height:36px;line-height:1;display:inline-flex;position:static;inset:auto;transform:none}.component-preview-calendar-nav>.canvas-selectable{flex:none;width:36px;min-width:36px;max-width:36px;display:inline-flex}.component-preview-calendar-nav-button,.prev-month,.next-month{appearance:none;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--accent-strong);font:inherit;cursor:pointer;box-sizing:border-box;text-align:center;vertical-align:middle;float:none;writing-mode:horizontal-tb;background:0 0;border:1px solid #0000;border-radius:12px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:static;inset:auto;transform:none}.component-preview-calendar-nav-button svg{pointer-events:none;flex:none;display:block}.component-preview-calendar-tab-row,.component-preview-calendar-chip-row{flex-wrap:wrap;gap:8px;display:flex}.component-preview-calendar-tab-row{background:var(--surface-muted);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:0;width:100%;padding:0;display:grid;overflow:hidden}.canvas-calendar-preview-surface .component-preview-calendar-tab-row--preview{background:#e9e9eb;border-radius:18px;align-self:center;width:100%;min-width:0;max-width:504px;height:36px;min-height:36px;max-height:36px}.component-preview-calendar-tab-row>.canvas-selectable{min-width:0;min-height:0;display:block}.component-preview-calendar-tab-row>.canvas-selectable+.canvas-selectable{border-left:1px solid #0f172a1f;border-left:1px solid color-mix(in srgb, var(--border) 92%, transparent 8%)}.component-preview-calendar-segment,.component-preview-calendar-filter-chip,.component-preview-calendar-time-pill{min-height:30px;color:var(--text);background:var(--surface-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:1.25;display:inline-flex}.component-preview-calendar-segment{background:0 0;border-radius:0;width:100%;min-height:48px;padding:0 24px;font-size:14px;font-weight:500}.component-preview-calendar-segment--preview{appearance:none;height:36px;min-height:36px;color:var(--text);cursor:pointer;box-sizing:border-box;text-align:center;background:0 0;border:0;min-width:0;max-height:36px;padding:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1}.component-preview-calendar-segment--preview+.component-preview-calendar-segment--preview{border-left:1px solid #0f172a1f}.component-preview-calendar-segment--preview[data-selected=true]{color:var(--text);background:#fff;box-shadow:inset 0 0 0 1px #0f172a0a,0 1px 2px #0f172a14}.component-preview-calendar-filter-chip[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.component-preview-calendar-chip-row--preview{flex-wrap:nowrap;align-self:center;align-items:center;gap:10px;width:100%;min-width:0;max-width:504px;min-height:44px;display:flex;overflow:visible}.component-preview-calendar-filter-chip--preview{appearance:none;height:44px;min-height:44px;max-height:44px;color:var(--text);white-space:nowrap;cursor:pointer;box-sizing:border-box;text-align:center;background:#eeeeef;border:0;border-radius:999px;flex:none;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1}.component-preview-calendar-filter-chip--preview[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.component-preview-calendar-segment[data-selected=true]{color:var(--text);background:0 0}.component-preview-calendar-weekdays,.component-preview-calendar-grid{grid-template-columns:repeat(7, minmax(0, var(--calendar-day-size)));width:var(--calendar-grid-width);min-width:var(--calendar-grid-width);max-width:var(--calendar-grid-width);justify-content:center;align-self:center;place-items:center;min-height:0;display:grid;overflow:visible}.component-preview-calendar-weekdays{gap:0 var(--calendar-grid-column-gap);min-height:30px}.component-preview-calendar-weekday{color:var(--muted);width:var(--calendar-day-size);min-width:var(--calendar-day-size);letter-spacing:0;text-align:center;justify-content:center;align-items:center;min-width:0;height:30px;min-height:30px;font-size:16px;font-weight:700;line-height:1.2;display:inline-flex}.canvas-calendar-preview-surface .component-preview-calendar-weekday{color:var(--muted);font-size:16px;font-weight:700}.component-preview-calendar-grid{gap:var(--calendar-grid-row-gap) var(--calendar-grid-column-gap);grid-auto-rows:var(--calendar-day-size)}.component-preview-calendar-grid>.canvas-selectable{width:var(--calendar-day-size);min-width:var(--calendar-day-size);max-width:var(--calendar-day-size);height:var(--calendar-day-size);min-height:var(--calendar-day-size);max-height:var(--calendar-day-size);justify-content:center;align-items:center;display:flex;overflow:visible}.component-preview-calendar-day{appearance:none;width:var(--calendar-day-size);height:var(--calendar-day-size);min-width:var(--calendar-day-size);min-height:var(--calendar-day-size);max-width:var(--calendar-day-size);max-height:var(--calendar-day-size);flex:0 0 var(--calendar-day-size);color:var(--text);letter-spacing:0;cursor:pointer;box-sizing:border-box;line-height:1;font:inherit;font-variant-numeric:tabular-nums;text-align:center;vertical-align:middle;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.component-preview-calendar-day--sample{flex-basis:48px;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}.component-preview-calendar-day:before{width:var(--calendar-selected-day-size);height:var(--calendar-selected-day-size);content:"";z-index:0;background:0 0;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-preview-calendar-day[data-selected=true]{color:var(--accent-strong-text);background:0 0}.component-preview-calendar-day[data-selected=true]:before{background:var(--accent-strong)}.component-preview-calendar-day[data-range=true]{background:#1683f829;background:color-mix(in srgb, var(--accent-strong) 16%, transparent 84%)}.component-preview-calendar-day[data-outside=true]{color:var(--muted);opacity:.55}.component-preview-calendar-day[data-hidden=true]{visibility:hidden;pointer-events:none}.component-preview-calendar-day-number{z-index:1;letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none;font-size:15px;font-weight:500;line-height:1;position:relative}.canvas-calendar-preview-surface .component-preview-calendar-day-number{font-size:15px;font-weight:500}.component-preview-calendar-day-marker{opacity:.68;z-index:1;background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.component-preview-calendar-day-marker.is-hidden{display:none}.component-preview-calendar-meta-row{box-sizing:border-box;grid-template-columns:auto minmax(0,1fr);justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;min-height:64px;padding-top:0;display:grid;overflow:visible}.component-preview-calendar-meta-label{color:var(--text);font-size:14px;line-height:1.3}.canvas-calendar-preview-surface .component-preview-calendar-meta-label{font-size:20px;font-weight:500;line-height:1.2}.component-preview-calendar-time-pill{color:var(--muted)}.component-preview-calendar-time-input{appearance:none;background:var(--surface-muted);box-sizing:border-box;border:1px solid #0000;border-radius:999px;align-items:center;width:220px;min-width:220px;max-width:220px;height:42px;min-height:42px;max-height:42px;padding:0 16px;line-height:1;display:inline-flex;overflow:visible}.canvas-calendar-preview-surface .component-preview-calendar-time-input{width:148px;min-width:148px;max-width:148px;height:36px;min-height:36px;max-height:36px;color:var(--muted);background:#f9f9f9;border-radius:12px;justify-self:end;padding:0 12px;font-size:14px;font-weight:500;line-height:1}.component-preview-calendar-time-input input{appearance:none;width:100%;min-width:0;height:100%;min-height:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;line-height:inherit;-webkit-text-fill-color:currentColor;text-align:center;text-transform:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0}.component-preview-calendar-time-input input::placeholder{color:var(--muted)}.component-preview-calendar-nav-button--sample{border-radius:12px;width:36px;height:36px}.component-preview-calendar-field-sample{width:58px;min-width:58px;max-width:58px;height:40px;min-height:40px;max-height:40px;color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.component-preview-calendar-size-badge{background:var(--surface-muted);width:48px;height:48px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.component-preview-calendar-selection-summary{min-height:44px;color:var(--muted);text-align:left;align-items:center;margin-left:0;font-size:14px;line-height:1.35;display:inline-flex}.component-preview-calendar-triple-header{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:18px 24px;display:grid}.component-preview-calendar-triple-months{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:center;gap:24px;display:grid}.component-preview-calendar-triple-months>.canvas-selectable{display:block}.component-preview-calendar-triple-months .component-preview-calendar-month-control{justify-content:center;width:100%;font-size:14px;font-weight:500}.component-preview-calendar-triple-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:24px;display:grid}.component-preview-calendar-month-stack{flex-direction:column;gap:24px;min-width:0;display:flex}.component-preview-calendar-surface--triple .component-preview-calendar-meta-row{justify-content:flex-start;gap:56px}.component-preview-calendar-surface--triple .component-preview-calendar-chip-row{gap:10px}.component-preview-calendar-year-layout{grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:start;gap:28px;display:grid}.component-preview-calendar-year-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px 24px;min-width:0;display:grid}.component-preview-calendar-year-pill{letter-spacing:0;min-height:38px;color:var(--text);text-align:center;box-sizing:border-box;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:100%;min-width:0;padding:0 16px;font-size:14px;line-height:1.25;display:inline-flex}.component-preview-calendar-year-pill--button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0}.component-preview-calendar-year-pill[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.canvas-calendar-preview-surface[data-theme-mode=dark]{color:#f4f4f5;background:#0b0b0f}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-tab-row--preview{background:#242428}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-segment--preview{color:#f4f4f5}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-segment--preview[data-selected=true]{color:#fff;background:#3a3a40;box-shadow:inset 0 0 0 1px #ffffff14}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-segment--preview+.component-preview-calendar-segment--preview{border-left-color:#ffffff1f}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-weekday,.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-meta-label{color:#d4d4d8}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-day{color:#f4f4f5}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-day[data-outside=true]{color:#71717a;opacity:1}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-day[data-range=true]{background:#1683f82e}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-time-input,.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-filter-chip--preview{color:#f4f4f5;background:#242428}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-filter-chip--preview[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-time-input input{color:#f4f4f5}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-year-pill{color:#d4d4d8}.canvas-calendar-preview-surface[data-theme-mode=dark] .component-preview-calendar-year-pill[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}@media (max-width:1240px){.canvas-calendar-editor-row--utility,.canvas-calendar-editor-row--visuals{grid-template-columns:minmax(0,1fr)}.canvas-calendar-reference-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"field""day""nav""time""summary""size""header""month""year";width:100%}.canvas-calendar-bottom-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"day""header""nav""time""field""size""summary";width:100%}.component-preview-calendar-triple-grid,.component-preview-calendar-triple-months,.component-preview-calendar-year-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.canvas-calendar-sample-strip--fields{grid-template-columns:repeat(3,minmax(82px,1fr))}.canvas-calendar-sample-panel{padding:0}.component-preview-calendar-dual-header,.component-preview-calendar-triple-header{grid-template-columns:minmax(0,1fr);justify-items:start}.component-preview-calendar-meta-row{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}}
.component-preview--table-preview{justify-content:flex-start;width:100%;display:flex}.canvas-table-board{flex-direction:column;gap:56px;width:100%;max-width:none;display:flex}.canvas-table-section,.canvas-table-doc-section{flex-direction:column;gap:24px;display:flex}.canvas-table-doc-copy{flex-direction:column;gap:14px;display:flex}.canvas-table-doc-heading{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(2rem,2.4vw,2.75rem);font-weight:700;line-height:1.08}.canvas-table-doc-text{max-width:1200px;color:var(--text);margin:0;font-size:clamp(1.125rem,1.4vw,1.35rem);line-height:1.55}.canvas-table-doc-code-pill{border:1px solid var(--border);color:var(--text);background:#ffffffb8;border-radius:12px;align-items:center;padding:.14em .42em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.84em;line-height:1.45;display:inline-flex;box-shadow:inset 0 1px #fff6}.canvas-table-doc-well{border:1px solid var(--border);box-sizing:border-box;border-radius:28px;width:100%;padding:34px}.canvas-table-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.canvas-table-related-card{flex-direction:column;gap:18px;display:flex}.canvas-table-related-card-preview{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-muted) 84%, transparent 16%);box-sizing:border-box;border-radius:24px;justify-content:center;align-items:center;min-height:240px;padding:28px;display:flex}.canvas-table-related-card-title{color:var(--text);font-size:14px;font-weight:600}.canvas-table-related-pagination,.canvas-table-related-checkboxes,.canvas-table-related-chip-stack{justify-content:center;align-items:center;display:flex}.canvas-table-related-pagination{color:var(--text);gap:28px;font-size:14px}.canvas-table-related-nav{align-items:center;gap:8px;font-weight:600;display:inline-flex}.canvas-table-related-nav.is-muted{color:var(--muted);font-weight:500}.canvas-table-related-checkboxes{gap:18px}.canvas-table-related-checkbox{border:1px solid var(--border);background:var(--surface-elevated);border-radius:14px;width:42px;height:42px;box-shadow:0 4px 12px #0f172a14}.canvas-table-related-checkbox.is-active{background:var(--accent);color:#fff;border-color:#0000;justify-content:center;align-items:center;display:inline-flex}.canvas-table-related-chip-stack{flex-direction:column;gap:16px}.canvas-table-related-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.canvas-table-doc-import{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-muted) 84%, transparent 16%);box-sizing:border-box;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:96px;padding:24px 28px;display:flex}.canvas-table-doc-import-code{min-width:0;color:var(--text);flex-wrap:wrap;align-items:center;gap:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(1.125rem,1.5vw,1.6rem);line-height:1.45;display:flex}.canvas-table-doc-import-code .is-keyword{color:#ef4444}.canvas-table-doc-import-code .is-string{color:#1d4ed8}.canvas-table-doc-import-copy{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview--table-card{flex-direction:column;width:100%;min-width:0;display:flex}.component-preview--table-doc-card{box-sizing:border-box;width:100%;min-width:0}.component-preview-table-doc-scroll{width:100%;overflow:auto hidden}.component-preview-table-doc-table{flex-direction:column;min-width:840px;display:flex;overflow:hidden}.component-preview-table-doc-table--custom{min-width:1240px}.component-preview-table-doc-header,.component-preview-table-doc-row{box-sizing:border-box;align-items:center;gap:28px;padding:0 30px;display:grid}.component-preview-table-doc-header{border-bottom:1px solid var(--border);min-height:74px;font-size:14px;font-weight:500}.component-preview-table-doc-header--custom{min-height:72px}.component-preview-table-doc-row{border-bottom:1px solid var(--border);min-height:92px;font-size:14px}.component-preview-table-doc-row--custom{min-height:112px}.component-preview-table-doc-header-cell,.component-preview-table-doc-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-doc-header-cell--sortable{justify-content:space-between;gap:14px}.component-preview-table-doc-sort-indicator,.component-preview-table-doc-inline-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-table-doc-checkbox{border:1px solid var(--border);background:var(--surface-elevated);border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 3px 10px #0f172a0f}.component-preview-table-doc-cell--worker-id{gap:14px;font-weight:600}.component-preview-table-doc-cell--member{gap:16px}.component-preview-table-doc-status-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.component-preview-table-doc-action{border-radius:999px;justify-content:center;justify-self:end;align-items:center;width:64px;height:64px;display:inline-flex}.component-preview-table-doc-selection-summary{color:var(--muted);margin-top:18px;font-size:14px}.component-preview-table-doc-footer{border-top:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:0 30px;font-size:14px;display:flex}.component-preview-table-doc-footer-summary{color:var(--muted)}.component-preview-table-doc-footer-controls{align-items:center;gap:16px;display:inline-flex}.component-preview-table-doc-footer-nav{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.component-preview-table-doc-footer-nav.is-muted{color:var(--muted);font-weight:500}.component-preview-table-doc-page-pill{width:42px;height:42px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.component-preview-table-doc-page-pill.is-active{background:var(--surface-elevated);font-weight:600;box-shadow:0 2px 10px #0f172a0d}.component-preview-table-toolbar,.component-preview-table-pagination{justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.component-preview-table-filter-row{flex-wrap:wrap;gap:8px;display:flex}.component-preview-table-filter-chip,.component-preview-table-page-pill,.component-preview-table-pagination-nav,.component-preview-table-action,.component-preview-table-utility{appearance:none;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;margin:0;text-decoration:none}.component-preview-table-filter-chip,.component-preview-table-page-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.component-preview-table-utility{flex:none;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.component-preview-table-header,.component-preview-table-data-row{align-items:center;gap:14px;padding:0 18px;display:grid}.component-preview-table-header{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);font-size:12px;font-weight:600}.component-preview-table-header.is-compact{min-height:40px}.component-preview-table-header-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-header-cell.is-handle{width:18px}.component-preview-table-header-cell.is-actions{justify-content:flex-end;justify-self:end}.component-preview-table-body{flex-direction:column;display:flex}.component-preview-table-data-row{border-bottom:1px solid var(--border);min-height:64px;font-size:13px;transition:background-color .16s,box-shadow .16s,transform .16s}.component-preview-table-data-row.is-compact{border-radius:0;min-height:58px}.component-preview-table-data-row.is-selected{box-shadow:inset 0 0 0 1px #3b82f61f}.component-preview-table-placeholder-row{box-sizing:border-box}.component-preview-table-placeholder-cell,.component-preview-table-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-cell.is-code{font-variant-numeric:tabular-nums}.component-preview-table-cell.is-actions{justify-content:flex-end}.component-preview-table-member-cell{gap:10px}.component-preview-table-member-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.component-preview-table-member-name,.component-preview-table-member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-preview-table-member-name{font-weight:500}.component-preview-table-member-email{color:inherit;opacity:.78;font-size:12px}.component-preview-table-worker-id-copy{align-items:center;gap:8px;display:inline-flex}.component-preview-table-worker-link{color:inherit;opacity:.8;justify-content:center;align-items:center;display:inline-flex}.component-preview-table-row-handle{grid-template-columns:repeat(1,minmax(0,1fr));justify-items:center;gap:2px;width:18px;display:grid}.component-preview-table-row-handle span{opacity:.45;background:currentColor;border-radius:999px;width:3px;height:3px}.component-preview-table-avatar{border-radius:999px;flex:none;width:24px;height:24px}.component-preview-table-selection-dot{border-radius:999px;justify-self:center;width:8px;height:8px;display:block}.component-preview-table-selection-dot.is-active{box-shadow:0 0 0 4px #3b82f61f}.component-preview-table-actions{align-items:center;gap:6px;display:inline-flex}.component-preview-table-action{border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.component-preview-table-action.is-pressed{transform:scale(.94)}.component-preview-table-action svg{width:13px;height:13px;display:block}.component-preview-table-pagination{border-top:1px solid var(--border);font-size:12px}.component-preview-table-pagination-summary{align-items:center;min-width:0;display:inline-flex}.component-preview-table-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.component-preview-table-pagination-nav{justify-content:center;align-items:center;min-height:28px;transition:opacity .16s,transform .16s;display:inline-flex}.component-preview-table-page-pill.is-active{font-weight:600}.component-preview-table-filter-chip,.component-preview-table-page-pill,.component-preview-table-pagination-nav,.component-preview-table-action{transition:transform .16s,box-shadow .16s,opacity .16s}@media (max-width:1080px){.canvas-table-related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.canvas-table-doc-well,.canvas-table-doc-import,.component-preview--table-doc-card{padding:22px}.component-preview-table-doc-header,.component-preview-table-doc-row,.component-preview-table-doc-footer{padding-left:20px;padding-right:20px}}