@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-outfit);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--app-bg:#eef0f3;--panel-bg:#fbfbfc;--panel-bg-strong:#fff;--panel-border:#d8dce3;--canvas-bg:#e5e7eb;--canvas-dot:#1e222b1a;--text-primary:#171a22;--text-secondary:#4f5664;--text-muted:#7a8190;--accent:#355cff;--accent-hover:#2948ce;--accent-soft:#edf1ff;--success:#16a34a;--warning:#d9a406;--error:#dc2626;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-panel:0 16px 40px #1218261f;--shadow-frame:0 24px 70px #1218262e;--header-height:54px;--statusbar-height:28px;--font-ui:var(--font-outfit), Outfit, system-ui, sans-serif;--font-code:var(--font-geist-mono), ui-monospace, monospace;--background:var(--app-bg);--foreground:var(--text-primary)}html,body{height:100%;overflow:hidden}body{background:var(--background);color:var(--foreground);font-family:var(--font-ui);margin:0}button,input,select,textarea{font:inherit}button{color:inherit}.dsb-app{background:var(--app-bg);color:var(--text-primary);grid-template-rows:var(--header-height) minmax(0, 1fr) var(--statusbar-height);min-width:0;height:100vh;display:grid;overflow:hidden}.app-header,.status-bar,.left-sidebar,.inspector-panel{background:var(--panel-bg);border-color:var(--panel-border)}.app-header{border-bottom:1px solid var(--panel-border);z-index:10;grid-template-columns:minmax(260px,1fr) auto minmax(320px,1fr);align-items:center;gap:16px;padding:0 12px;display:grid}.brand-cluster,.preview-toolbar,.action-cluster,.status-left,.status-right,.board-header-actions,.breadcrumb-demo,.avatar-row{align-items:center;display:flex}.brand-cluster{gap:30px 20px;min-width:0}.logo-mark{background:var(--text-primary);border-radius:var(--radius-md);color:var(--panel-bg);align-items:center;width:28px;height:28px;font-weight:700;display:grid}.app-name{letter-spacing:0;font-weight:700}.project-switcher,.quiet-button,.primary-action,.theme-pill,.demo-button,.nav-item,.subnav-item,.panel-collapse-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.project-switcher{color:var(--text-secondary);background:0 0;gap:4px;min-width:0;padding:5px 6px}.project-switcher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-toolbar{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);gap:4px;padding:4px;box-shadow:inset 0 1px #ffffff80}.template-toolbar{min-width:330px}.template-toolbar-label{color:var(--text-muted);text-transform:uppercase;padding-left:7px;font-size:12.65px}.template-select-wrap{align-items:center;min-width:132px;display:flex;position:relative}.template-select-wrap select{appearance:none;color:var(--text-primary);cursor:pointer;background:0 0;border:0;outline:0;width:100%;height:30px;padding:0 28px 0 8px;font-size:14.95px;font-weight:650}.template-select-wrap svg{pointer-events:none;position:absolute;right:7px}.canvas-theme-toggle{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:13.8px;display:inline-flex}.canvas-theme-toggle:hover{background:var(--accent-soft);color:var(--accent)}.icon-button{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover,.icon-button.is-active,.nav-item:hover,.nav-item.is-active,.subnav-item:hover,.subnav-item.is-active{background:var(--accent-soft);color:var(--accent)}.zoom-readout{color:var(--text-secondary);text-align:center;min-width:46px;font-size:13.8px}.toolbar-divider{background:var(--panel-border);width:1px;height:20px;margin:0 4px}.action-cluster{justify-content:flex-end;gap:6px;min-width:0}.quiet-button,.primary-action{border-radius:var(--radius-md);gap:6px;height:38px;padding:0 12px}.quiet-button{background:var(--panel-bg-strong);border:1px solid var(--panel-border);color:var(--text-secondary)}.primary-action{background:var(--accent);color:#fff;font-weight:650}.primary-action:hover{background:var(--accent-hover)}.avatar-placeholder,.avatar{background:var(--text-primary);color:var(--panel-bg);border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar-placeholder{cursor:pointer;border:0;width:30px;height:30px}.app-body{grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.left-sidebar,.inspector-panel{min-height:0;position:relative}.left-sidebar{border-right:1px solid var(--panel-border)}.inspector-panel{border-left:1px solid var(--panel-border)}.panel-topline{color:var(--text-muted);text-transform:uppercase;justify-content:flex-end;align-items:center;height:42px;padding:0 10px;font-size:12.65px;display:flex}.panel-collapse-button{border-radius:var(--radius-sm);background:0 0;width:26px;height:26px}.sidebar-nav{gap:4px;padding:4px 8px 16px;display:grid}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;gap:10px;width:100%;height:34px;padding:0 9px}.nav-item span{text-align:left;flex:1}.left-sidebar.is-collapsed .nav-item{padding:0}.subnav{border-left:1px solid var(--panel-border);gap:2px;margin:4px 0 8px 17px;padding-left:12px;display:grid}.subnav-item{border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;background:0 0;justify-content:flex-start;height:28px;padding:0 8px;font-size:14.95px}.resize-handle{cursor:col-resize;z-index:6;width:8px;position:absolute;top:0;bottom:0}.resize-handle.right{right:-4px}.resize-handle.left{left:-4px}.resize-handle:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.resize-handle:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}.preview-workspace{background:var(--canvas-bg);min-width:0;overflow:hidden}.canvas-surface{height:100%;padding:18px;overflow:auto}.canvas-document{--main-font-scale:1.15;--ds-accent:#355cff;--ds-accent-hover:#2948ce;--ds-accent-soft:#edf1ff;--ds-bg:#f7f8fa;--ds-surface:#fff;--ds-surface-raised:#fff;--ds-border:#e1e4e9;--ds-text:#171a22;--ds-text-secondary:#596170;--ds-text-muted:#818897;--ds-success:#168a4b;--ds-warning:#b7791f;--ds-danger:#c83d4d;--ds-radius:6px;background:var(--ds-bg);color:var(--ds-text);font-family:var(--font-ui);width:max-content;min-width:100%;min-height:100%}.canvas-document .components-board,.canvas-document .preview-frame,.canvas-document .interface-shell,.canvas-document .dashboard-template{font-size:calc(1em * var(--main-font-scale))}.canvas-document.preview-dark{--ds-accent:#8098ff;--ds-accent-hover:#9aabff;--ds-accent-soft:#8098ff24;--ds-bg:#15181e;--ds-surface:#1c2027;--ds-surface-raised:#242932;--ds-border:#343a45;--ds-text:#f2f4f8;--ds-text-secondary:#b4bdca;--ds-text-muted:#838d9c;--ds-success:#58c88a;--ds-warning:#dfb85c;--ds-danger:#f07b87}.preview-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-frame);background:#fff;border:1px solid #171a221f;max-width:calc(100vw - 160px);min-height:980px;margin:0 auto;overflow:visible}.preview-frame.preview-dark{color:#edf0f7;background:#171a22}.components-board{color:#171a22;padding:34px}.preview-dark .components-board{color:#edf0f7}.board-header{border-bottom:1px solid #7a819038;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.board-header h1{letter-spacing:0;margin:0;font-size:29.9px;font-weight:720}.board-header p{color:#6f7684;margin:7px 0 0}.preview-dark .board-header p{color:#a9b1c0}.board-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.theme-pill,.draft-badge{border-radius:999px;height:30px;padding:0 12px;font-size:13.8px}.theme-pill{background:0 0;border:1px solid #7a819047}.draft-badge{color:#355cff;background:#eef2ff;align-items:center;font-weight:700;display:inline-flex}.board-search,.search-shell{border-radius:var(--radius-md);border:1px solid #7a819042;align-items:center;gap:7px;height:32px;padding:0 10px;display:flex}.board-search input,.search-shell input{background:0 0;border:0;outline:0;min-width:0}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:22px;display:grid}.board-section{border-radius:var(--radius-lg);border:1px solid #7a819033;padding:18px}.wide-section{grid-column:1/-1}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:17.25px}.section-heading span{color:#7a8190;font-size:13.8px}.type-list{gap:10px;display:grid}.type-row{grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:14px;display:grid}.type-row span{color:#7a8190;font-size:13.8px}.type-row p{margin:0}.type-display{font-size:39.1px;font-weight:760}.type-h1{font-size:32.2px;font-weight:720}.type-h2{font-size:25.3px;font-weight:680}.type-h3{font-size:20.7px;font-weight:650}.type-caption{text-transform:uppercase;font-size:12.65px}.swatch-grid,.button-demo-grid,.form-demo-grid,.card-demo-grid,.overlay-demo-grid,.icon-grid{gap:10px;display:grid}.swatch-item{align-items:center;gap:10px;min-width:0;display:flex}.swatch{border-radius:var(--radius-sm);border:1px solid #171a221f;width:34px;height:30px}.swatch-item strong,.swatch-item span,.control-row span,.control-row strong{display:block}.swatch-item strong{font-size:13.8px}.swatch-item div span{color:#7a8190;font-family:var(--font-code);font-size:12.65px}.button-demo-grid,.form-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-button,.demo-icon-button{border-radius:var(--radius-md);gap:7px;min-height:34px}.demo-button.primary{color:#fff;background:#355cff}.demo-button.secondary{color:#fff;background:#171a22}.demo-button.outline,.demo-button.ghost{background:0 0;border:1px solid #7a819057}.demo-button.ghost{border-color:#0000}.demo-button.destructive{color:#fff;background:#dc2626}.demo-button.disabled{color:#8a92a0;cursor:not-allowed;background:#e7e9ee}.demo-icon-button{background:0 0;border:1px solid #7a819057;place-items:center;display:grid}.spin,.spinner-demo{animation:1s linear infinite spin}.board-field{border-radius:var(--radius-md);background:0 0;border:1px solid #7a81904d;height:36px;padding:0 10px}.textarea{resize:none;height:70px;padding-top:10px}.option-line,.switch-line{color:#515968;align-items:center;gap:8px;display:flex}.switch{background:#d9dee7;border-radius:999px;width:36px;height:20px;padding:2px;display:inline-flex}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transform:translate(16px)}.slider-line,.progress-demo{background:#e2e6ee;border-radius:999px;height:8px;overflow:hidden}.slider-line span,.progress-demo span,.range-placeholder span{background:#355cff;height:100%;display:block}.card-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-card{border-radius:var(--radius-lg);border:1px solid #7a819033;min-height:118px;padding:15px;position:relative}.demo-card p{color:#7a8190;margin:0 0 10px;font-size:13.8px}.demo-card h3{margin:0 0 8px;font-size:19.55px}.demo-card span{color:#687080;font-size:14.95px}.demo-card.stat h3{font-size:41.4px}.image-placeholder{border-radius:var(--radius-md);background:linear-gradient(135deg,#eef2ff,#e0f2f1);place-items:center;height:62px;margin-bottom:12px;display:grid}.demo-card.interactive svg{position:absolute;top:14px;right:14px}.nav-demo-stack,.data-demo-stack,.feedback-stack{gap:12px;display:grid}.tabs-demo,.pagination-demo,.segmented-board-control{align-items:center;gap:4px;display:flex}.tabs-demo button,.pagination-demo button,.pagination-demo span,.pagination-demo strong,.segmented-board-control button{border-radius:var(--radius-sm);border:0;min-height:28px;padding:0 10px}.tabs-demo button,.segmented-board-control button{background:0 0}.tabs-demo .is-active,.segmented-board-control .is-active,.pagination-demo strong{color:#355cff;background:#eef2ff}.breadcrumb-demo{color:#737b8a;gap:5px;font-size:14.95px}.mini-table{border-collapse:collapse;width:100%}.mini-table td{border-bottom:1px solid #7a81902e;padding:8px 0}.badge{color:#166534;background:#dcfce7;border-radius:999px;padding:3px 8px;font-size:12.65px}.badge.neutral{color:#355cff;background:#eef2ff}.avatar.small{width:28px;height:28px}.avatar.alt{background:#0f766e}.tooltip-trigger,.alert-demo,.toast-demo{border-radius:var(--radius-md);border:1px solid #7a819038;align-items:center;gap:7px;padding:7px 9px;display:inline-flex}.alert-demo{color:#166534;background:#f0fdf4}.toast-demo{background:#f8fafc}.empty-state{border-radius:var(--radius-md);color:#7a8190;text-align:center;border:1px dashed #7a819059;padding:18px}.skeleton-demo{gap:7px;display:grid}.skeleton-demo span{background:linear-gradient(90deg,#eceff5,#f8fafc,#eceff5);border-radius:999px;height:10px}.dropdown-wrap{position:relative}.dropdown-menu{border-radius:var(--radius-md);z-index:20;background:#fff;border:1px solid #7a819033;width:180px;padding:6px;display:grid;position:absolute;top:40px;left:0;box-shadow:0 16px 40px #12182624}.dropdown-menu button{border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;padding:8px 9px}.modal-backdrop{z-index:50;background:#11182770;place-items:center;display:grid;position:fixed;inset:0}.demo-modal{border-radius:var(--radius-lg);color:#171a22;background:#fff;width:320px;padding:22px;box-shadow:0 28px 80px #0f172a47}.demo-modal h3{margin:0 0 8px}.demo-modal p{color:#687080;margin:0 0 18px}.icon-size-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.icon-size-row span{border-radius:var(--radius-md);border:1px solid #7a819038;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:inline-flex}.icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.icon-cell{border-radius:var(--radius-md);border:1px solid #7a81902e;place-items:center;gap:8px;min-height:84px;padding:10px;display:grid}.icon-cell span{color:#697180;overflow-wrap:anywhere;max-width:100%;font-size:12.65px}.inspector-scroll{height:calc(100vh - var(--header-height) - var(--statusbar-height) - 42px);padding:0 14px 20px;overflow:auto}.inspector-heading{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px 0 16px;display:flex}.inspector-heading h2{margin:0;font-size:20.7px}.inspector-section{border-bottom:1px solid var(--panel-border);padding:10px 0}.inspector-section summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14.95px;font-weight:650;list-style:none;display:flex}.inspector-section summary::-webkit-details-marker{display:none}.inspector-section .open-icon,.inspector-section[open] .closed-icon{display:none}.inspector-section[open] .open-icon{display:block}.inspector-section-actions{align-items:center;gap:6px;display:inline-flex}.inspector-restore-button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.inspector-restore-button:hover{background:var(--accent-soft);color:var(--accent)}.inspector-section-body{gap:10px;padding:12px 0 4px;display:grid}.inspector-section-body-standalone{padding-top:0}.control-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13.8px;display:flex}.control-row strong{color:var(--text-primary);font-weight:650}.field-label{color:var(--text-muted);font-size:13.8px}.text-field{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);height:34px;padding:0 9px}.segmented-control{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented-control button{border-radius:var(--radius-sm);background:0 0;border:0;height:28px}.segmented-control .is-active{background:var(--accent-soft);color:var(--accent)}.range-placeholder{background:var(--panel-border);border-radius:999px;height:8px;overflow:hidden}.checkbox-line{color:var(--text-secondary);align-items:center;gap:8px;font-size:13.8px;display:flex}.status-bar{border-top:1px solid var(--panel-border);color:var(--text-muted);justify-content:flex-end;align-items:center;padding:0 10px;font-size:12.65px;display:flex}.status-right{align-items:center;gap:28px;display:flex}@media (max-width:1200px){.app-header{grid-template-columns:minmax(210px,1fr) auto minmax(240px,1fr)}.canvas-surface{padding:32px 32px 72px}}@media (max-width:900px){.app-header{height:auto;min-height:var(--header-height);grid-template-columns:1fr}.preview-toolbar,.action-cluster{display:none}.left-sidebar,.inspector-panel{z-index:30;position:absolute}.left-sidebar.is-collapsed,.inspector-panel.is-collapsed{overflow:hidden;width:0!important}.inspector-panel{right:0}.board-header,.board-header-actions{flex-direction:column;align-items:flex-start}.board-grid,.button-demo-grid,.form-demo-grid,.swatch-grid,.card-demo-grid,.icon-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.canvas-document *,.canvas-document :before,.canvas-document :after{box-sizing:border-box}.canvas-document button,.canvas-document input,.canvas-document select,.canvas-document textarea{color:inherit}.canvas-document a{color:inherit;text-decoration:none}.canvas-document h1,.canvas-document h2,.canvas-document h3,.canvas-document p{letter-spacing:0}.interface-shell{background:var(--ds-bg);grid-template-columns:216px 1fr;width:1280px;height:860px;display:grid}.interface-sidebar{background:var(--ds-surface);border-right:1px solid var(--ds-border);flex-direction:column;padding:22px 14px 18px;display:flex}.interface-brand{align-items:center;gap:9px;padding:0 8px;font-size:16.1px;font-weight:750;display:flex}.interface-brand>span{background:var(--ds-text);color:var(--ds-surface);border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.interface-sidebar nav{gap:4px;margin-top:32px;display:grid}.interface-sidebar nav button{border-radius:var(--ds-radius);color:var(--ds-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:14.95px;display:flex}.interface-sidebar nav button.is-active{background:var(--ds-accent-soft);color:var(--ds-accent);font-weight:650}.interface-user{border-top:1px solid var(--ds-border);align-items:center;gap:9px;margin-top:auto;padding:16px 6px 0;display:flex}.interface-user>span,.interface-avatar{color:#fff;background:#245e5a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:flex}.interface-user div{gap:2px;display:grid}.interface-user strong{font-size:12.65px}.interface-user small{color:var(--ds-text-muted);font-size:11.5px}.interface-main{min-width:0}.interface-topbar{background:var(--ds-surface);border-bottom:1px solid var(--ds-border);justify-content:flex-end;align-items:center;height:58px;padding:0 28px;display:flex}.interface-search{border:1px solid var(--ds-border);border-radius:var(--ds-radius);color:var(--ds-text-muted);align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.interface-topbar .interface-search{width:260px;margin-right:auto}.interface-search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.icon-only{cursor:pointer;background:0 0;border:0;margin-right:14px}.interface-content{padding:30px 32px 42px}.interface-page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.interface-page-heading span,.form-heading>span,.product-section .section-title>div>span{color:var(--ds-text-muted);text-transform:uppercase;font-size:11.5px;font-weight:700}.interface-page-heading h1{margin:5px 0 0;font-size:29.9px}.ds-button{border-radius:var(--ds-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:13.8px;font-weight:650;display:inline-flex}.ds-button.primary{background:var(--ds-accent);color:#fff}.ds-button.primary:hover{background:var(--ds-accent-hover)}.ds-button.secondary{background:var(--ds-text);color:var(--ds-surface)}.ds-button.quiet{background:var(--ds-surface);border-color:var(--ds-border);color:var(--ds-text-secondary)}.ds-button.ghost{color:var(--ds-text-secondary);background:0 0}.ds-button.full{width:100%}.ds-button.large{height:42px;padding:0 18px}.interface-panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);grid-template-columns:1fr auto;padding:17px;display:grid}.metric-card div{gap:7px;display:grid}.metric-card span{color:var(--ds-text-secondary);font-size:12.65px}.metric-card strong{font-size:24.15px}.metric-card svg{color:var(--ds-text-muted)}.metric-card small{color:var(--ds-success);grid-column:1/-1;margin-top:11px;font-size:11.5px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:14px;margin-top:14px;display:grid}.chart-panel,.activity-panel{min-height:396px;padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2{margin:0 0 4px;font-size:16.1px}.panel-heading p{color:var(--ds-text-muted);margin:0;font-size:12.65px}.chart-plot{border-bottom:1px solid var(--ds-border);height:250px;margin-top:28px;position:relative;overflow:hidden}.chart-gridlines{background:repeating-linear-gradient(to bottom, transparent 0, transparent 49px, var(--ds-border) 50px);position:absolute;inset:0}.chart-fill{background:var(--ds-accent)}@supports (color:color-mix(in lab, red, red)){.chart-fill{background:color-mix(in srgb, var(--ds-accent) 11%, transparent)}}.chart-fill{clip-path:polygon(0 82%,10% 72%,20% 78%,31% 55%,42% 61%,52% 42%,63% 50%,73% 29%,84% 35%,100% 8%,100% 100%,0 100%);position:absolute;inset:0}.chart-line{border-top:2px solid var(--ds-accent);clip-path:polygon(0 80%,10% 70%,20% 76%,31% 53%,42% 59%,52% 40%,63% 48%,73% 27%,84% 33%,100% 6%,100% 10%,84% 37%,73% 31%,63% 52%,52% 44%,42% 63%,31% 57%,20% 80%,10% 74%,0 84%);position:absolute;inset:0}.chart-labels{color:var(--ds-text-muted);justify-content:space-between;padding-top:10px;font-size:11.5px;display:flex}.activity-row{border-bottom:1px solid var(--ds-border);align-items:center;gap:10px;padding:15px 0;display:flex}.activity-row>span{background:var(--ds-accent-soft);color:var(--ds-accent);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;display:flex}.activity-row div{gap:3px;display:grid}.activity-row strong{font-size:12.65px}.activity-row small{color:var(--ds-text-muted);font-size:11.5px}.summary-strip{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid}.summary-strip div{border-right:1px solid var(--ds-border);gap:6px;padding:16px 20px;display:grid}.summary-strip div:last-child{border-right:0}.summary-strip span{color:var(--ds-text-muted);font-size:11.5px}.summary-strip strong{font-size:19.55px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.table-toolbar .interface-search{width:240px}.table-toolbar>div{gap:7px;display:flex}.interface-table{border-collapse:collapse;width:100%;font-size:12.65px}.interface-table th{background:var(--ds-bg)}@supports (color:color-mix(in lab, red, red)){.interface-table th{background:color-mix(in srgb, var(--ds-bg) 68%, var(--ds-surface))}}.interface-table th{color:var(--ds-text-muted);text-align:left;padding:10px 14px;font-size:11.5px;font-weight:650}.interface-table td{border-top:1px solid var(--ds-border);color:var(--ds-text-secondary);height:54px;padding:8px 14px}.person-cell{align-items:center;gap:9px;display:flex}.person-cell i{color:#465569;background:#e7edf5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10.35px;font-style:normal;display:flex}.person-cell strong{color:var(--ds-text)}.status-badge{background:var(--ds-accent-soft);color:var(--ds-accent);border-radius:999px;padding:4px 8px;font-size:10.35px;display:inline-flex}.status-badge.paid{background:var(--ds-success)}@supports (color:color-mix(in lab, red, red)){.status-badge.paid{background:color-mix(in srgb, var(--ds-success) 14%, transparent)}}.status-badge.paid{color:var(--ds-success)}.status-badge.refunded{background:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){.status-badge.refunded{background:color-mix(in srgb, var(--ds-danger) 13%, transparent)}}.status-badge.refunded{color:var(--ds-danger)}.auth-interface{background:var(--ds-surface);grid-template-columns:54% 46%;width:1280px;height:860px;display:grid}.auth-story{color:#f2f6f5;background:#193b3a;flex-direction:column;justify-content:space-between;padding:42px 52px;display:flex}.interface-brand.inverse>span{color:#193b3a;background:#f2f6f5}.auth-story>div:nth-child(2){max-width:500px}.auth-kicker{color:#9fd0c8;font-size:11.5px;font-weight:750}.auth-story h1{margin:16px 0 20px;font-size:55.2px;font-weight:650;line-height:1.08}.auth-story p{color:#bcd0cc;max-width:440px;font-size:18.4px;line-height:1.6}.auth-story blockquote{border-left:2px solid #6eb7aa;margin:0;padding-left:18px;font-size:17.25px;line-height:1.5}.auth-story blockquote footer{color:#9db8b4;margin-top:9px;font-size:11.5px}.auth-form-wrap{background:var(--ds-surface);justify-content:center;align-items:center;display:flex}.auth-form{gap:17px;width:360px;display:grid}.auth-form h2{margin:0 0 7px;font-size:29.9px}.auth-form p{color:var(--ds-text-muted);margin:0;font-size:13.8px}.auth-form label,.request-form label,.settings-fields label,.checkout-form label{color:var(--ds-text-secondary);gap:7px;font-size:12.65px;font-weight:600;display:grid}.auth-form input,.request-form input,.request-form select,.request-form textarea,.settings-fields input,.settings-fields textarea,.checkout-form input,.checkout-form select{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);outline:0;height:39px;padding:0 11px}.auth-form a{color:var(--ds-accent)}.label-split{justify-content:space-between;display:flex}.check-row{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.check-row input{width:14px;height:14px}.auth-form>small{color:var(--ds-text-muted);text-align:center}.store-interface{background:var(--ds-surface);width:1280px;min-height:930px}.store-header{border-bottom:1px solid var(--ds-border);grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 42px;display:grid}.store-logo{font-size:18.4px;font-weight:850}.store-header nav{gap:28px;display:flex}.store-header nav a{color:var(--ds-text-secondary);font-size:12.65px}.store-header>div:last-child{justify-content:flex-end;gap:14px;display:flex}.store-header button{cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:12.65px;display:flex}.store-hero{color:#20221f;background:#e8e6df;grid-template-columns:1fr 1fr;height:430px;padding:0 70px;display:grid}.store-hero>div:first-child{align-self:center;max-width:470px}.store-hero span{font-size:11.5px;font-weight:700}.store-hero h1{margin:16px 0;font-family:Georgia,serif;font-size:55.2px;font-weight:500;line-height:1.05}.store-hero p{color:#5e635e;max-width:400px;font-size:14.95px;line-height:1.6}.store-button{color:#fff;background:#20221f;border:0;align-items:center;gap:9px;height:40px;margin-top:12px;padding:0 17px;display:inline-flex}.hero-product{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-product>span{position:absolute;top:34px;left:30px}.hero-product small{position:absolute;bottom:26px;right:0}.product-silhouette.lamp{border-bottom:12px solid #41463f;border-radius:50%;width:280px;height:230px;position:relative}.product-silhouette.lamp:before{content:"";background:#41463f;width:4px;height:190px;position:absolute;top:38px;left:138px}.product-silhouette.lamp:after{content:"";background:#b76748;border-radius:70px 70px 16px 16px;width:92px;height:90px;position:absolute;top:0;left:94px}.product-section{padding:34px 42px 48px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.section-title h2{margin:5px 0 0;font-family:Georgia,serif;font-size:29.9px;font-weight:500}.section-title a{align-items:center;gap:7px;font-size:12.65px;display:flex}.product-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.product-image{justify-content:center;align-items:center;height:190px;display:flex;position:relative}.product-image.amber{background:#e8dcc8}.product-image.blue{background:#dce4e8}.product-image.green{background:#dfe5dc}.product-image.coral{background:#eadbd7}.product-image button{background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}.product-silhouette.object{background:#596159;border-radius:45% 45% 18% 18%;width:72px;height:96px}.product-grid article>span{color:var(--ds-text-muted);text-transform:uppercase;margin-top:10px;font-size:10.35px;display:block}.product-grid article>div:last-child{justify-content:space-between;margin-top:4px;display:flex}.product-grid h3,.product-grid strong{margin:0;font-size:12.65px}.landing-interface{background:var(--ds-surface);width:1280px;min-height:900px}.landing-logo{color:var(--ds-accent);align-items:center;gap:7px;font-size:17.25px;font-weight:800;display:flex}.landing-pill{background:var(--ds-accent-soft);color:var(--ds-accent);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;display:flex}.product-window{border:1px solid var(--ds-border);border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:175px 1fr;width:980px;height:390px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #1f273724}.window-sidebar{background:#f3f4f7;flex-direction:column;gap:6px;padding:20px 14px;display:flex}.preview-dark .window-sidebar{background:#15181e}.landing-logo.small{margin:0 8px 22px}.window-sidebar>span{color:var(--ds-text-secondary);border-radius:5px;padding:8px 10px;font-size:12.65px}.window-sidebar>span.active{background:var(--ds-surface);color:var(--ds-accent);font-weight:650}.window-content{background:var(--ds-surface);padding:32px}.window-content>span{color:var(--ds-text-muted);font-size:10.35px;font-weight:700}.window-content h2{margin:5px 0 22px;font-size:26.45px}.window-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.window-stats article{border:1px solid var(--ds-border);border-radius:var(--ds-radius);gap:7px;padding:13px;display:grid}.window-stats span{color:var(--ds-text-muted);font-size:10.35px}.window-stats strong{font-size:20.7px}.window-stats i{color:var(--ds-success);font-size:10.35px;font-style:normal}.window-chart{border:1px solid var(--ds-border);border-radius:var(--ds-radius);height:128px;margin-top:10px;position:relative;overflow:hidden}.window-chart div{background:var(--ds-accent-soft);clip-path:polygon(0 80%,14% 58%,25% 70%,39% 38%,52% 51%,67% 25%,82% 40%,100% 10%,100% 100%,0 100%);position:absolute;inset:0}.settings-layout{grid-template-columns:180px minmax(0,1fr);display:grid}.settings-nav{flex-direction:column;gap:3px;padding-right:26px;display:flex}.settings-nav button{border-radius:var(--ds-radius);color:var(--ds-text-secondary);text-align:left;background:0 0;border:0;padding:9px 10px;font-size:12.65px}.settings-nav button.is-active{background:var(--ds-accent-soft);color:var(--ds-accent);font-weight:650}.settings-content{gap:15px;display:grid}.settings-section{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);grid-template-columns:220px 1fr;padding:23px;display:grid}.settings-section h2{margin:0 0 5px;font-size:16.1px}.settings-section p{color:var(--ds-text-muted);margin:0;font-size:11.5px;line-height:1.5}.settings-fields{gap:14px;display:grid}.settings-fields textarea{resize:none;height:74px;padding:10px}.settings-section footer{grid-column:2;margin-top:18px}.input-prefix{border:1px solid var(--ds-border);border-radius:var(--ds-radius);align-items:center;display:flex;overflow:hidden}.input-prefix span{background:var(--ds-bg);border-right:1px solid var(--ds-border);color:var(--ds-text-muted);height:37px;padding:11px}.input-prefix input{border:0;flex:1}.upload-row{align-items:center;gap:10px;display:flex}.upload-row>span{background:var(--ds-text);border-radius:var(--ds-radius);color:var(--ds-surface);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.upload-row small{color:var(--ds-text-muted)}.form-interface{background:var(--ds-bg);width:1180px;min-height:900px}.form-interface>header{background:var(--ds-surface);border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;height:62px;padding:0 34px;display:flex}.form-interface>header>div:last-child{gap:7px;display:flex}.form-interface>main{width:720px;margin:0 auto;padding:38px 0 70px}.form-progress{align-items:center;margin-bottom:42px;display:flex}.form-progress span{color:var(--ds-text-muted);align-items:center;gap:7px;font-size:11.5px;display:flex}.form-progress span i{border:1px solid var(--ds-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-style:normal;display:flex}.form-progress span.done i{background:var(--ds-success);border-color:var(--ds-success);color:#fff}.form-progress span.active{color:var(--ds-text);font-weight:650}.form-progress span.active i{border-color:var(--ds-accent);color:var(--ds-accent)}.form-progress b{background:var(--ds-border);flex:1;height:1px;margin:0 12px}.form-heading{margin-bottom:23px}.form-heading h1{margin:6px 0 8px;font-size:31.05px}.form-heading p{color:var(--ds-text-secondary);margin:0;font-size:13.8px}.request-form{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);gap:18px;padding:24px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.request-form textarea{resize:none;height:92px;padding:10px}.file-drop{border:1px dashed var(--ds-border);border-radius:var(--ds-radius);flex-direction:column;justify-content:center;align-items:center;height:130px;display:flex}.file-icon{background:var(--ds-accent-soft);color:var(--ds-accent);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:7px;display:flex}.file-drop strong{font-size:11.5px}.file-drop span{color:var(--ds-text-muted);margin-top:4px;font-size:10.35px}.table-tabs{border-bottom:1px solid var(--ds-border);gap:20px;margin-bottom:16px;display:flex}.table-tabs button{color:var(--ds-text-muted);background:0 0;border:0;padding:0 0 11px;font-size:12.65px}.table-tabs button.active{border-bottom:2px solid var(--ds-accent);color:var(--ds-text);font-weight:650}.table-tabs button span{background:var(--ds-bg);border-radius:999px;margin-left:4px;padding:2px 5px;font-size:10.35px}.order-table td{height:58px}.table-footer{border-top:1px solid var(--ds-border);color:var(--ds-text-muted);justify-content:space-between;align-items:center;padding:12px 15px;font-size:11.5px;display:flex}.table-footer div{gap:6px;display:flex}.table-footer button{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:4px;height:27px;padding:0 9px;font-size:11.5px}.checkout-interface{background:var(--ds-surface);width:1180px;min-height:940px}.checkout-interface>header{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;height:62px;padding:0 42px;display:flex}.checkout-interface>header span{color:var(--ds-text-muted);font-size:11.5px}.checkout-interface>main{grid-template-columns:56% 44%;min-height:878px;display:grid}.checkout-form{padding:36px 70px}.checkout-form>a{color:var(--ds-text-muted);font-size:11.5px}.checkout-form>h1{margin:14px 0 20px;font-size:31.05px}.express-pay{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.express-pay button{border-radius:var(--ds-radius);color:#fff;background:#22252b;border:0;height:39px;font-weight:750}.express-pay button:nth-child(2){color:#20242a;background:#fff;border:1px solid #dfe2e7}.express-pay button:nth-child(3){color:#15376c;background:#ffc439}.or-divider{border-top:1px solid var(--ds-border);color:var(--ds-text-muted);text-align:center;margin:25px 0 15px;font-size:10.35px}.or-divider span{background:var(--ds-surface);padding:0 9px;position:relative;top:-6px}.checkout-form form{gap:13px;display:grid}.checkout-section-heading{align-items:center;gap:9px;margin-top:8px;display:flex}.checkout-section-heading>span{background:var(--ds-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:10.35px;display:flex}.checkout-section-heading h2{margin:0 0 2px;font-size:13.8px}.checkout-section-heading p{color:var(--ds-text-muted);margin:0;font-size:10.35px}.field-grid.three{grid-template-columns:1fr 1fr 1fr}.card-input{border:1px solid var(--ds-border);border-radius:var(--ds-radius);align-items:center;padding-left:10px;display:flex}.card-input input{border:0;flex:1}.order-summary{background:var(--ds-bg);border-left:1px solid var(--ds-border);padding:55px 50px}.order-summary h2{margin:0 0 23px;font-size:20.7px}.checkout-product{border-bottom:1px solid var(--ds-border);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.checkout-thumb{background:#e8e4dc;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.checkout-thumb .product-silhouette{width:28px;height:36px}.checkout-product>div:nth-child(2){gap:3px;display:grid}.checkout-product strong,.checkout-product b{font-size:11.5px}.checkout-product span,.checkout-product small{color:var(--ds-text-muted);font-size:10.35px}.promo-input{grid-template-columns:1fr auto;gap:7px;margin:20px 0;display:grid}.promo-input input{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);height:37px;padding:0 10px}.promo-input button{background:var(--ds-text);border-radius:var(--ds-radius);color:var(--ds-surface);border:0;padding:0 13px}.totals p{color:var(--ds-text-secondary);justify-content:space-between;font-size:11.5px;display:flex}.totals p.total{border-top:1px solid var(--ds-border);color:var(--ds-text);margin-top:15px;padding-top:15px;font-size:16.1px}@media (max-width:900px){.canvas-surface{padding:10px}}.showroom-toolbar{min-width:300px}.showroom-title{align-items:baseline;gap:8px;padding:0 6px;display:flex}.showroom-title span{color:var(--text-muted);text-transform:uppercase;font-size:11.5px}.showroom-title strong{font-size:13.8px}.canvas-surface{padding:0}.canvas-document{--showroom-bg:#f6f7f9;--showroom-surface:#fff;--showroom-surface-subtle:#f9fafb;--showroom-text:#171a22;--showroom-secondary-text:#525a68;--showroom-muted:#7a8190;background:var(--showroom-surface);width:100%;min-width:860px;min-height:100%}.canvas-document.preview-dark{--showroom-bg:#15181e;--showroom-surface:#1c2027;--showroom-surface-subtle:#222730;--showroom-text:#f1f3f7;--showroom-secondary-text:#b5bdc9;--showroom-muted:#848d9c}.components-board{background:var(--showroom-surface);color:var(--showroom-text);font-size:var(--showroom-base-font);min-height:100%;padding:calc(var(--showroom-space) * 5)}.board-header{border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.board-header{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.board-header{padding-bottom:calc(var(--showroom-space) * 4)}.showroom-eyebrow,.section-kicker{color:var(--showroom-primary);text-transform:uppercase;margin-bottom:5px;font-size:11.5px;font-weight:750;display:block}.board-header h1{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 12px))}.board-header p{color:var(--showroom-muted);font-size:var(--showroom-base-font)}.board-search{border-radius:var(--showroom-radius);height:var(--showroom-control-height)}.draft-badge{background:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.draft-badge{background:color-mix(in srgb, var(--showroom-success) 12%, transparent)}}.draft-badge{color:var(--showroom-success);height:var(--showroom-control-height)}.draft-badge i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.board-grid{gap:calc(var(--showroom-space) * 3);padding-top:calc(var(--showroom-space) * 4);grid-template-columns:minmax(0,1fr);display:grid}.board-section{border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.board-section{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 15%, transparent)}}.board-section{border-radius:var(--showroom-radius);padding:calc(var(--showroom-space) * 3)}.section-heading{margin-bottom:calc(var(--showroom-space) * 3)}.section-heading h2{font-size:calc(var(--showroom-base-font) + 2px)}.section-heading>span{color:var(--showroom-muted)}.foundation-demo-grid{gap:calc(var(--showroom-space) * 3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.foundation-group{background:var(--showroom-surface-subtle);border-radius:var(--showroom-radius);min-width:0;padding:calc(var(--showroom-space) * 2.5);overflow:hidden}.foundation-group h3,.form-spec-group h3,.data-column h3{margin:0 0 calc(var(--showroom-space) * 2);font-size:13.8px}.spacing-scale{align-items:flex-end;gap:calc(var(--showroom-space) * 2);min-height:76px;display:flex}.spacing-scale div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.spacing-scale div>span{background:var(--showroom-primary);min-width:8px;max-width:190px;height:24px;display:block}.spacing-scale small{color:var(--showroom-muted);font-size:10.35px}.radius-scale,.border-scale,.shadow-scale{gap:calc(var(--showroom-space) * 1.5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.radius-scale span,.border-scale span,.shadow-scale span{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.radius-scale span,.border-scale span,.shadow-scale span{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 18%, transparent)}}.radius-scale span,.border-scale span,.shadow-scale span{justify-content:center;height:64px;font-size:11.5px;display:flex}.radius-scale .radius-small{border-radius:calc(var(--showroom-radius) * .5)}.radius-scale .radius-base{border-radius:var(--showroom-radius)}.radius-scale .radius-large{border-radius:calc(var(--showroom-radius) * 2)}.radius-scale .radius-round{border-radius:999px}.border-scale span:nth-child(2){border-style:dotted}.border-scale span:nth-child(3){border-style:dashed}.border-scale span:nth-child(4){border-width:calc(var(--showroom-border-width) * 2)}.shadow-scale{grid-template-columns:repeat(3,1fr)}.shadow-scale span{border-radius:var(--showroom-radius);border:0}.shadow-scale span:first-child{box-shadow:0 2px calc(var(--showroom-shadow-depth,8px)) #12182614}.shadow-scale span:nth-child(2){box-shadow:var(--showroom-shadow)}.shadow-scale span:nth-child(3){box-shadow:0 14px calc(var(--showroom-shadow-depth,32px)) #12182633}.swatch-item{flex-direction:column;align-items:flex-start;gap:7px}.swatch{border-radius:var(--showroom-radius);width:100%;height:70px}.swatch-item strong{color:var(--showroom-text)}.swatch-item div span{color:var(--showroom-muted)}.type-list{gap:0}.type-row{border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.type-row{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.type-row{padding:calc(var(--showroom-space) * 1.5) 0;grid-template-columns:120px minmax(0,1fr)}.type-row>span{color:var(--showroom-muted)}.type-display{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 18px))}.type-h1{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 13px))}.type-h2{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 9px))}.type-h3{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 5px))}.type-h4{font-size:calc(var(--showroom-base-font) + 4px);font-weight:650}.type-h5{font-size:calc(var(--showroom-base-font) + 2px);font-weight:650}.type-h6{font-size:var(--showroom-base-font);font-weight:700}.type-body-large{font-size:calc(var(--showroom-base-font) + 2px)}.type-body{font-size:var(--showroom-base-font)}.type-small{font-size:calc(var(--showroom-base-font) - 2px)}.type-caption{font-size:calc(var(--showroom-base-font) - 4px)}.type-link{color:var(--showroom-primary);font-size:var(--showroom-base-font);text-decoration:underline}.button-showroom{gap:calc(var(--showroom-space) * 2);display:grid}.button-spec-row{border-bottom:var(--showroom-border-width) solid var(--showroom-text);align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.button-spec-row{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.button-spec-row{padding-bottom:calc(var(--showroom-space) * 2);grid-template-columns:100px 1fr;gap:20px;display:grid}.button-spec-row>strong{color:var(--showroom-muted);text-transform:uppercase;padding-top:10px;font-size:11.5px}.button-spec-row>div{gap:calc(var(--showroom-space) * 1.25);flex-wrap:wrap;display:flex}.demo-button,.demo-icon-button{border-radius:var(--showroom-radius);height:var(--showroom-control-height);min-height:var(--showroom-control-height);padding:0 calc(var(--showroom-space) * 1.75)}.demo-button.primary{background:var(--showroom-primary)}.demo-button.secondary{background:var(--showroom-secondary)}.demo-button.destructive{background:var(--showroom-danger)}.demo-button.outline{border-width:var(--showroom-border-width)}.demo-button.text{color:var(--showroom-primary);background:0 0;border:0}.demo-button.size-small{height:calc(var(--showroom-control-height) - 8px);min-height:calc(var(--showroom-control-height) - 8px)}.demo-button.size-large{height:calc(var(--showroom-control-height) + 8px);min-height:calc(var(--showroom-control-height) + 8px)}.demo-button.state-hover{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.demo-button.state-hover{background:color-mix(in srgb, var(--showroom-primary) 84%, black)}}.demo-button.state-active{box-shadow:inset 0 2px 4px #00000042}.demo-button.state-focus{outline:3px solid var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.demo-button.state-focus{outline:3px solid color-mix(in srgb, var(--showroom-primary) 28%, transparent)}}.demo-button.state-focus{outline-offset:2px}.demo-icon-button{width:var(--showroom-control-height)}.demo-icon-button.danger{color:var(--showroom-danger)}.form-showroom-grid{gap:calc(var(--showroom-space) * 3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-spec-group{gap:calc(var(--showroom-space) * 1.5);display:grid}.showroom-label{color:var(--showroom-secondary-text);gap:6px;font-size:12.65px;font-weight:600;display:grid}.board-field,.search-shell,.compound-input{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.board-field,.search-shell,.compound-input{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 24%, transparent)}}.board-field,.search-shell,.compound-input{border-radius:var(--showroom-radius);min-height:var(--showroom-control-height)}.board-field{height:var(--showroom-control-height)}.board-field.textarea{height:calc(var(--showroom-control-height) * 2)}.compound-input{align-items:center;display:flex;overflow:hidden}.compound-input>span{background:var(--showroom-surface-subtle);color:var(--showroom-muted);align-self:stretch;align-items:center;padding:0 9px;font-size:11.5px;display:flex}.compound-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 8px}.option-line,.switch-line{color:var(--showroom-secondary-text);min-height:26px;font-size:12.65px}.switch.is-on{background:var(--showroom-primary)}.switch:not(.is-on) span{transform:translate(0)}.showroom-label small{color:var(--showroom-muted);align-items:center;gap:4px;font-size:10.35px;display:flex}.showroom-label.required:first-line{color:var(--showroom-danger)}.showroom-label.success .board-field{border-color:var(--showroom-success)}.showroom-label.success small{color:var(--showroom-success)}.showroom-label.warning .board-field{border-color:var(--showroom-warning)}.showroom-label.warning small{color:var(--showroom-warning)}.showroom-label.error .board-field{border-color:var(--showroom-danger)}.showroom-label.error small{color:var(--showroom-danger)}.board-field:disabled{background:var(--showroom-surface-subtle);color:var(--showroom-muted)}.card-demo-grid{gap:calc(var(--showroom-space) * 2)}.demo-card{border-width:var(--showroom-border-width);border-radius:var(--showroom-radius);box-shadow:var(--showroom-shadow);padding:calc(var(--showroom-space) * 2)}.demo-card h3{color:var(--showroom-text)}.demo-card p,.demo-card span{color:var(--showroom-muted)}.navigation-showroom{gap:calc(var(--showroom-space) * 2);grid-template-columns:180px 1fr;display:grid}.top-nav-demo{background:var(--showroom-surface-subtle);border:var(--showroom-border-width) solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.top-nav-demo{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.top-nav-demo{border-radius:var(--showroom-radius);height:54px;padding:0 calc(var(--showroom-space) * 2);grid-column:1/-1;display:flex}.top-nav-demo nav{gap:20px;margin-left:36px;display:flex}.top-nav-demo a{color:var(--showroom-muted);font-size:12.65px}.top-nav-demo a.active{color:var(--showroom-primary);font-weight:650}.top-nav-demo button{background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;display:flex}.side-nav-demo{background:var(--showroom-surface-subtle);border-radius:var(--showroom-radius);padding:calc(var(--showroom-space) * 1.5);flex-direction:column;gap:4px;display:flex}.side-nav-demo>strong{margin:4px 8px 10px;font-size:11.5px}.side-nav-demo button{border-radius:var(--showroom-radius);color:var(--showroom-muted);height:var(--showroom-control-height);background:0 0;border:0;align-items:center;gap:8px;padding:0 9px;font-size:12.65px;display:flex}.side-nav-demo button.active{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.side-nav-demo button.active{background:color-mix(in srgb, var(--showroom-primary) 10%, transparent)}}.side-nav-demo button.active{color:var(--showroom-primary)}.nav-demo-stack{align-content:start}.tabs-demo,.pagination-demo,.segmented-board-control{border-bottom-color:var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.tabs-demo,.pagination-demo,.segmented-board-control{border-bottom-color:color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.tabs-demo .is-active,.segmented-board-control .is-active,.pagination-demo strong{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.tabs-demo .is-active,.segmented-board-control .is-active,.pagination-demo strong{background:color-mix(in srgb, var(--showroom-primary) 10%, transparent)}}.tabs-demo .is-active,.segmented-board-control .is-active,.pagination-demo strong{color:var(--showroom-primary)}.menu-demo-row{gap:20px;margin-top:16px;display:flex}.inline-dropdown,.context-menu-demo{position:relative}.inline-dropdown>button,.context-menu-demo>button{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.inline-dropdown>button,.context-menu-demo>button{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 20%, transparent)}}.inline-dropdown>button,.context-menu-demo>button{border-radius:var(--showroom-radius);height:var(--showroom-control-height);gap:7px;padding:0 10px;display:flex}.inline-dropdown>div,.context-menu-demo>div{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.inline-dropdown>div,.context-menu-demo>div{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 16%, transparent)}}.inline-dropdown>div,.context-menu-demo>div{border-radius:var(--showroom-radius);box-shadow:var(--showroom-shadow);min-width:150px;margin-top:6px;padding:5px;display:grid}.inline-dropdown a,.context-menu-demo span{border-radius:calc(var(--showroom-radius) * .7);padding:7px 8px;font-size:11.5px}.context-menu-demo .danger{color:var(--showroom-danger)}.data-showroom-grid{gap:calc(var(--showroom-space) * 3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-column{min-width:0}.mini-table{font-size:12.65px}.mini-table th{color:var(--showroom-muted);text-align:left;padding:8px 0;font-size:10.35px}.mini-table td{border-color:var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.mini-table td{border-color:color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.badge{background:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.badge{background:color-mix(in srgb, var(--showroom-success) 14%, transparent)}}.badge{color:var(--showroom-success)}.badge.neutral{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.badge.neutral{background:color-mix(in srgb, var(--showroom-primary) 12%, transparent)}}.badge.neutral{color:var(--showroom-primary)}.badge.warning{background:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.badge.warning{background:color-mix(in srgb, var(--showroom-warning) 14%, transparent)}}.badge.warning{color:var(--showroom-warning)}.badge-row{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.tag{border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.tag{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 18%, transparent)}}.tag{border-radius:var(--showroom-radius);padding:4px 8px;font-size:11.5px}.component-list{margin:0;padding:0;list-style:none;display:grid}.component-list li{border-bottom:var(--showroom-border-width) solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.component-list li{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.component-list li{grid-template-columns:auto 1fr auto;gap:9px;padding:10px 0;display:grid}.component-list li>span{gap:3px;display:grid}.component-list strong{font-size:12.65px}.component-list small{color:var(--showroom-muted);font-size:10.35px}.status-dot{background:var(--showroom-muted);border-radius:50%;width:7px;height:7px}.status-dot.success{background:var(--showroom-success)}.status-dot.warning{background:var(--showroom-warning)}.avatar.third{background:var(--showroom-accent)}.avatar-count{border:var(--showroom-border-width) solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.avatar-count{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 16%, transparent)}}.avatar-count{border-radius:50%;justify-content:center;width:28px;height:28px;font-size:10.35px;display:flex}.progress-label{justify-content:space-between;margin-bottom:6px;font-size:11.5px;display:flex}.progress-demo span{background:var(--showroom-primary)}.empty-state{border-color:var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.empty-state{border-color:color-mix(in srgb, var(--showroom-text) 24%, transparent)}}.empty-state{border-radius:var(--showroom-radius);flex-direction:column;gap:6px;display:flex}.empty-state strong{color:var(--showroom-text);font-size:12.65px}.empty-state span{font-size:10.35px}.skeleton-demo span{background:var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.skeleton-demo span{background:color-mix(in srgb, var(--showroom-text) 9%, transparent)}}.feedback-showroom-grid{gap:calc(var(--showroom-space) * 3);grid-template-columns:1.2fr .8fr;display:grid}.alert-demo{background:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.alert-demo{background:color-mix(in srgb, var(--showroom-success) 9%, var(--showroom-surface))}}.alert-demo{border-color:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.alert-demo{border-color:color-mix(in srgb, var(--showroom-success) 28%, transparent)}}.alert-demo{color:var(--showroom-success)}.alert-demo.info{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.alert-demo.info{background:color-mix(in srgb, var(--showroom-primary) 9%, var(--showroom-surface))}}.alert-demo.info{border-color:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.alert-demo.info{border-color:color-mix(in srgb, var(--showroom-primary) 28%, transparent)}}.alert-demo.info{color:var(--showroom-primary)}.alert-demo.warning{background:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.alert-demo.warning{background:color-mix(in srgb, var(--showroom-warning) 9%, var(--showroom-surface))}}.alert-demo.warning{border-color:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.alert-demo.warning{border-color:color-mix(in srgb, var(--showroom-warning) 28%, transparent)}}.alert-demo.warning{color:var(--showroom-warning)}.alert-demo.error{background:var(--showroom-danger)}@supports (color:color-mix(in lab, red, red)){.alert-demo.error{background:color-mix(in srgb, var(--showroom-danger) 9%, var(--showroom-surface))}}.alert-demo.error{border-color:var(--showroom-danger)}@supports (color:color-mix(in lab, red, red)){.alert-demo.error{border-color:color-mix(in srgb, var(--showroom-danger) 28%, transparent)}}.alert-demo.error{color:var(--showroom-danger)}.alert-demo span{color:var(--showroom-secondary-text);gap:2px;font-size:11.5px;display:grid}.alert-demo strong{color:currentColor}.toast-demo{background:var(--showroom-surface);border-radius:var(--showroom-radius);box-shadow:var(--showroom-shadow)}.toast-demo>span{flex:1;gap:2px;font-size:11.5px;display:grid}.toast-demo small{color:var(--showroom-muted)}.toast-demo button{background:0 0;border:0}.toast-demo.warning>svg{color:var(--showroom-warning)}.tooltip-stage{flex-direction:column;align-items:center;padding-top:10px;display:flex}.tooltip-bubble{background:var(--showroom-text);border-radius:calc(var(--showroom-radius) * .7);color:var(--showroom-surface);margin-top:8px;padding:6px 8px;font-size:10.35px;position:relative}.tooltip-bubble:before{border-bottom:5px solid var(--showroom-text);content:"";border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-5px;left:50%}.overlay-demo-grid{grid-template-columns:auto auto auto 1fr;align-items:flex-start}.dropdown-menu,.demo-modal{background:var(--showroom-surface);border-radius:var(--showroom-radius);color:var(--showroom-text)}.confirmation-demo{background:var(--showroom-surface-subtle);border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.confirmation-demo{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.confirmation-demo{border-radius:var(--showroom-radius);padding:calc(var(--showroom-space) * 2);justify-self:end;width:240px}.confirmation-demo strong{font-size:13.8px}.confirmation-demo p{color:var(--showroom-muted);margin:6px 0 14px;font-size:11.5px}.confirmation-demo>div{justify-content:flex-end;gap:6px;display:flex}.content-demo-grid{gap:calc(var(--showroom-space) * 3);grid-template-columns:1fr 1fr .75fr;display:grid}.content-stack{gap:calc(var(--showroom-space) * 1.5);display:grid}.content-accordion,.collapsible-panel{border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.content-accordion,.collapsible-panel{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 15%, transparent)}}.content-accordion,.collapsible-panel{border-radius:var(--showroom-radius)}.content-accordion summary,.collapsible-panel header{cursor:pointer;padding:calc(var(--showroom-space) * 1.5);justify-content:space-between;align-items:center;font-size:12.65px;font-weight:650;list-style:none;display:flex}.content-accordion p,.collapsible-panel p{color:var(--showroom-muted);padding:0 calc(var(--showroom-space) * 1.5) calc(var(--showroom-space) * 1.5);margin:0;font-size:11.5px;line-height:1.5}.divider-demo{border-top:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.divider-demo{border-top:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 16%, transparent)}}.divider-demo{text-align:center;margin-top:12px}.divider-demo span{background:var(--showroom-surface);color:var(--showroom-muted);padding:0 8px;font-size:10.35px;position:relative;top:-7px}.code-demo{border-radius:var(--showroom-radius);color:#d8e1ee;font-family:var(--font-code);padding:calc(var(--showroom-space) * 2);background:#191d24;margin:0;font-size:11.5px;line-height:1.55}.quote-demo{border-left:3px solid var(--showroom-primary);color:var(--showroom-secondary-text);margin:0;padding:7px 0 7px 14px;font-size:13.8px;line-height:1.5}.quote-demo footer{color:var(--showroom-muted);margin-top:7px;font-size:10.35px}.image-content-placeholder{background:var(--showroom-surface-subtle);border:var(--showroom-border-width) dashed var(--showroom-text);align-self:stretch;align-items:center}@supports (color:color-mix(in lab, red, red)){.image-content-placeholder{border:var(--showroom-border-width) dashed color-mix(in srgb, var(--showroom-text) 22%, transparent)}}.image-content-placeholder{border-radius:var(--showroom-radius);color:var(--showroom-muted);flex-direction:column;justify-content:center;gap:7px;min-height:220px;display:flex}.image-content-placeholder strong{color:var(--showroom-text);font-size:12.65px}.image-content-placeholder span{font-size:10.35px}.icon-cell,.icon-size-row span{border-width:var(--showroom-border-width);border-radius:var(--showroom-radius)}.icon-cell:hover{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.icon-cell:hover{background:color-mix(in srgb, var(--showroom-primary) 8%, transparent)}}.icon-cell:hover{color:var(--showroom-primary)}.color-control-list{gap:8px;display:grid}.color-control,.live-range-control>div{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12.65px;display:flex}.color-control-trigger{color:var(--text-secondary);background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:12.65px;display:flex}.color-control-trigger i{border:1px solid var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.color-control-trigger i{border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent)}}.color-control-trigger i{border-radius:5px;width:32px;height:28px;display:block}.color-dialog-backdrop{z-index:100;background:#0a0c106b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.color-dialog{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);color:var(--text-primary);width:820px;max-width:min(820px,100vw - 48px);overflow:hidden;box-shadow:0 24px 80px #00000047}.color-dialog-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.color-dialog-header span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.color-dialog-header h3{margin:3px 0 0;font-size:22px}.color-dialog-header button{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:0;width:28px;height:28px}.color-dialog-body{grid-template-columns:minmax(0,.95fr) minmax(210px,.7fr) minmax(240px,.8fr);gap:18px;padding:18px;display:grid}.color-picker-core{grid-template-columns:minmax(0,1fr) 76px;gap:12px;display:grid}.color-field-preview{border:1px solid var(--panel-border);border-radius:var(--radius-md);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;min-height:270px;position:relative}.color-field-preview span{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.color-preview-stack{grid-template-rows:1fr 1fr;gap:10px;display:grid}.color-preview-large,.color-previous-preview{border:1px solid var(--panel-border);border-radius:var(--radius-md);align-items:end;min-height:80px;padding:7px;display:flex;overflow:hidden}.color-preview-large span,.color-previous-preview span{color:#fff;background:#0000007a;border-radius:4px;padding:3px 5px;font-size:10px}.color-dialog-controls{gap:10px;display:grid}.color-dialog-controls label{color:var(--text-secondary);grid-template-columns:20px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:12px;display:grid}.color-dialog-controls input[type=range]{accent-color:var(--accent);width:100%}.color-dialog-controls strong{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right}.hex-dialog-field{grid-template-columns:36px minmax(0,1fr)!important}.hex-dialog-field input{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-code);text-transform:uppercase;height:32px;padding:0 8px}.copy-hex-button,.revert-color-button{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-secondary);height:30px}.revert-color-button:disabled{cursor:default;opacity:.42}.quick-tints{gap:7px;display:grid}.quick-tints>strong{color:var(--text-secondary);font-size:11px}.quick-tints>div{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.quick-tints button{border:1px solid var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.quick-tints button{border:1px solid color-mix(in srgb, var(--text-primary) 15%, transparent)}}.quick-tints button{border-radius:4px;height:24px}.contrast-checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.contrast-checks span{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-muted);gap:2px;padding:7px;font-size:10px;display:grid}.contrast-checks strong{color:var(--text-primary);text-align:left;font-size:11px}.native-dialog-color{cursor:pointer;background:0 0;border:0;width:100%;height:36px}.color-guide-panel{border-left:1px solid var(--panel-border);gap:10px;min-height:0;padding-left:18px;display:grid}.color-guide-title h4{margin:0;font-size:15px}.color-guide-list{gap:0;max-height:386px;padding-right:4px;display:grid;overflow-y:auto}.color-guide-row{border-bottom:1px solid var(--panel-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;display:grid}.color-guide-row strong{color:var(--text-secondary);text-align:right;white-space:nowrap;order:2;font-size:12px;font-weight:700}.color-guide-row div{order:1;gap:3px;min-width:0;display:flex}.color-guide-row button{border:1px solid var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.color-guide-row button{border:1px solid color-mix(in srgb, var(--text-primary) 18%, transparent)}}.color-guide-row button{border-radius:2px;width:28px;height:22px}.live-range-control{gap:8px;display:grid}.live-range-control>div>span{align-items:center;gap:4px;display:flex}.live-range-control input[type=number]{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary);text-align:right;width:62px;height:28px;padding:0 5px}.live-range-control input[type=range]{accent-color:var(--accent);width:100%}.color-guide-row{grid-template-columns:minmax(112px,1fr) minmax(92px,auto);gap:8px;overflow:hidden}.color-guide-row div{overflow:hidden}.color-guide-row button{appearance:none;cursor:pointer;background-clip:padding-box;flex:0 0 28px;min-width:28px;padding:0}.color-guide-row strong{text-overflow:ellipsis;overflow:hidden}.live-range-value-group{align-items:center;gap:5px;display:flex}.live-range-value-box{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);align-items:center;gap:4px;height:30px;padding:0 7px;display:flex}.live-range-control input[type=number]{appearance:textfield;text-align:right;background:0 0;border:0;width:48px;height:100%;padding:0}.live-range-control input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.live-range-control input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.live-range-value-box i{color:var(--text-muted);font-size:10px;font-style:normal}.live-range-stepper{gap:1px;display:grid}.live-range-stepper button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:15px;height:13px;padding:0;display:flex}.live-range-stepper button:hover{background:var(--accent-soft);color:var(--accent)}.inspector-note{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.5}.reset-settings-button{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:7px;height:32px;font-size:12.65px;display:flex}.icon-button:disabled{cursor:default;opacity:.38}@media (max-width:1050px){.foundation-demo-grid,.form-showroom-grid,.data-showroom-grid,.feedback-showroom-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-demo-grid{grid-template-columns:1fr 1fr}.image-content-placeholder{max-width:320px}}.preview-workspace{grid-template-rows:39px minmax(0,1fr);display:grid}.workspace-viewbar{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.workspace-viewbar>span{color:var(--text-muted);font-size:11.5px}.workspace-tabs{align-self:stretch;gap:4px;display:flex}.workspace-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 10px;font-size:12.65px;font-weight:650}.workspace-tabs button:hover{color:var(--text-primary)}.workspace-tabs button.is-active{border-bottom-color:var(--accent);color:var(--text-primary)}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-item{gap:calc(var(--showroom-space) * 1.5);grid-template-columns:112px minmax(0,1fr);display:grid}.swatch{height:92px}.swatch-meta{align-content:start;gap:4px;min-width:0;display:grid}.swatch-meta code,.type-token code{color:var(--showroom-primary);font-family:var(--font-code);overflow-wrap:anywhere;font-size:11.5px}.swatch-meta>span{color:var(--showroom-secondary-text);font-family:var(--font-code);font-size:11.5px}.swatch-meta p{color:var(--showroom-muted);margin:3px 0 0;font-size:11.5px;line-height:1.45}.type-row{grid-template-columns:130px minmax(260px,1fr) 190px;align-items:center;min-height:78px}.type-token,.type-metrics{gap:4px;display:grid}.type-token strong{text-transform:capitalize;font-size:12.65px}.type-metrics strong,.type-metrics span,.type-metrics small{font-size:10.35px}.type-metrics strong{color:var(--showroom-text);font-family:var(--font-code)}.type-metrics span,.type-metrics small{color:var(--showroom-muted)}.design-document-shell{background:var(--showroom-bg);color:var(--showroom-text);min-height:100%}.design-document-header{background:var(--showroom-surface);border-bottom:1px solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.design-document-header{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 13%, transparent)}}.design-document-header{z-index:5;justify-content:space-between;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.design-document-title,.design-document-actions{align-items:center;display:flex}.design-document-title{gap:10px}.document-file-icon{background:var(--showroom-primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.document-file-icon{background:color-mix(in srgb, var(--showroom-primary) 10%, transparent)}}.document-file-icon{border-radius:var(--showroom-radius);color:var(--showroom-primary);justify-content:center;width:32px;height:32px;display:flex}.design-document-title>div{gap:2px;display:grid}.design-document-title strong{font-size:13.8px}.design-document-title small{color:var(--showroom-muted);font-size:10.35px}.design-document-actions{gap:7px}.document-mode-control{background:var(--showroom-surface-subtle);border:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-mode-control{border:1px solid color-mix(in srgb, var(--showroom-text) 13%, transparent)}}.document-mode-control{border-radius:var(--showroom-radius);padding:3px;display:flex}.document-mode-control button,.document-icon-action,.document-primary-action{border-radius:calc(var(--showroom-radius) * .75);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;height:30px;font-size:11.5px;display:inline-flex}.document-mode-control button{color:var(--showroom-muted);background:0 0;height:26px;padding:0 9px}.document-mode-control button.is-active{background:var(--showroom-surface);color:var(--showroom-text);box-shadow:0 1px 3px #1218261f}.document-icon-action{background:var(--showroom-surface);border:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-icon-action{border:1px solid color-mix(in srgb, var(--showroom-text) 15%, transparent)}}.document-icon-action{padding:0 10px}.document-primary-action{background:var(--showroom-primary);padding:0 11px;font-weight:650;color:#fff!important}.design-document-layout{grid-template-columns:168px minmax(0,820px);justify-content:center;margin:0 auto;padding:48px 40px 96px;display:grid}.document-outline{align-self:start;gap:4px;padding-right:30px;display:grid;position:sticky;top:92px}.document-outline>span{color:var(--showroom-muted);text-transform:uppercase;margin-bottom:8px;font-size:13.97px;font-weight:700}.document-outline a{border-left:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-outline a{border-left:1px solid color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.document-outline a{color:var(--showroom-muted);padding:5px 0 5px 11px;font-size:15.53px}.document-outline a:hover{border-left-color:var(--showroom-primary);color:var(--showroom-primary)}.design-document{background:var(--showroom-surface);border:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.design-document{border:1px solid color-mix(in srgb, var(--showroom-text) 13%, transparent)}}.design-document{padding:54px 64px 80px;box-shadow:0 10px 32px #1218260f}.document-hero{border-bottom:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-hero{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 13%, transparent)}}.document-hero{padding-bottom:40px}.document-hero>span,.document-section-index{color:var(--showroom-primary);text-transform:uppercase;font-size:13.97px;font-weight:750}.document-hero h1{margin:10px 0 12px;font-size:59px;line-height:1.1}.document-hero>p{color:var(--showroom-secondary-text);max-width:590px;margin:0;font-size:23.29px;line-height:1.6}.document-hero>div{color:var(--showroom-muted);align-items:center;gap:7px;margin-top:22px;font-size:13.97px;display:flex}.document-live-dot{background:var(--showroom-success);border-radius:50%;width:7px;height:7px}.design-document section{border-bottom:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.design-document section{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 11%, transparent)}}.design-document section{padding:42px 0;scroll-margin-top:78px}.design-document section:last-child{border-bottom:0;padding-bottom:0}.design-document h2{margin:5px 0 20px;font-size:32.6px}.document-lede{color:var(--showroom-secondary-text);margin:-8px 0 22px;font-size:18.63px;line-height:1.6}.principle-grid,.document-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.principle-grid>div,.document-token-grid>div{background:var(--showroom-surface-subtle);border-radius:var(--showroom-radius);padding:16px}.principle-grid strong,.document-rule-list strong{font-size:17.08px}.principle-grid p,.document-token-grid p,.document-rule-list p{color:var(--showroom-muted);margin:7px 0 0;font-size:15.53px;line-height:1.5}.document-color-list{border-top:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-color-list{border-top:1px solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.document-color-row{border-bottom:1px solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.document-color-row{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.document-color-row{grid-template-columns:38px 125px 72px minmax(0,1fr);gap:12px;min-height:64px;display:grid}.document-color-swatch{border:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-color-swatch{border:1px solid color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.document-color-swatch{border-radius:var(--showroom-radius);width:30px;height:30px}.document-color-row code,.document-type-row code,.document-spacing-scale code{color:var(--showroom-primary);font-family:var(--font-code);font-size:13.97px}.document-color-row strong{font-family:var(--font-code);font-size:13.97px}.document-color-row p{color:var(--showroom-muted);margin:0;font-size:13.97px}.document-guidance{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.document-guidance>div{border-left:3px solid var(--showroom-success);padding:4px 12px}.document-guidance>div:last-child{border-left-color:var(--showroom-danger)}.document-guidance span{color:var(--showroom-success);text-transform:uppercase;font-size:13.97px;font-weight:750}.document-guidance>div:last-child span{color:var(--showroom-danger)}.document-guidance p{color:var(--showroom-secondary-text);margin:5px 0 0;font-size:13.97px;line-height:1.5}.document-type-table{border-top:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-type-table{border-top:1px solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.document-table-head,.document-type-row{border-bottom:1px solid var(--showroom-text);align-items:center}@supports (color:color-mix(in lab, red, red)){.document-table-head,.document-type-row{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.document-table-head,.document-type-row{grid-template-columns:115px minmax(0,1fr) 100px;gap:14px;display:grid}.document-table-head{color:var(--showroom-muted);text-transform:uppercase;min-height:34px;font-size:12.42px;font-weight:700}.document-type-row{min-height:74px}.document-type-row>span{white-space:nowrap}.document-type-row small{color:var(--showroom-muted);font-family:var(--font-code);font-size:12.42px}.document-spacing-scale{align-items:end;gap:18px;min-height:96px;display:flex;overflow-x:auto}.document-spacing-scale>div{flex:none;gap:6px;display:grid}.document-spacing-scale>div>span{background:var(--showroom-primary);min-width:8px;height:28px;display:block}.document-spacing-scale small{color:var(--showroom-muted);font-size:12.42px}.document-token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.document-token-grid span{color:var(--showroom-muted);font-size:13.97px}.document-token-grid strong{margin-top:8px;font-size:29.5px;display:block}.document-rule-list{display:grid}.document-rule-list>div{border-bottom:1px solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.document-rule-list>div{border-bottom:1px solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.document-rule-list>div{grid-template-columns:100px minmax(0,1fr);gap:24px;padding:14px 0;display:grid}.document-rule-list p{margin:0}.design-document ul{color:var(--showroom-secondary-text);gap:10px;margin:0;padding-left:18px;font-size:15.53px;line-height:1.5;display:grid}.markdown-source{min-height:calc(100vh - var(--header-height) - var(--statusbar-height) - 97px);background:#171a20;padding:34px max(34px,50% - 460px)}.markdown-source pre{white-space:pre-wrap;margin:0}.markdown-source code{color:#d7deea;font-family:var(--font-code);font-size:12.65px;line-height:1.72}@media (max-width:1180px){.swatch-item{grid-template-columns:84px minmax(0,1fr)}.type-row{grid-template-columns:112px minmax(220px,1fr) 150px}.design-document-layout{grid-template-columns:132px minmax(0,760px);padding-inline:24px}.design-document{padding-inline:42px}}@media (max-width:900px){.workspace-viewbar>span,.document-outline,.design-document-title small,.document-icon-action span{display:none}.design-document-layout{padding:20px;display:block}.design-document{padding:34px 28px 56px}.design-document-header{padding-inline:10px}.swatch-grid{grid-template-columns:1fr}.type-row{grid-template-columns:105px minmax(220px,1fr) 140px}}.live-preview-page{font-size:var(--showroom-base-font);height:auto;min-height:1040px}.live-preview-page .interface-sidebar{border-right-width:var(--showroom-border-width);padding:calc(var(--showroom-space) * 2.75) calc(var(--showroom-space) * 1.75) calc(var(--showroom-space) * 2.25)}.live-preview-page .interface-brand>span{background:var(--showroom-secondary);border-radius:var(--showroom-radius)}.live-preview-page .interface-sidebar nav{gap:calc(var(--showroom-space) * .5);margin-top:calc(var(--showroom-space) * 4)}.live-preview-page .interface-sidebar nav button,.preview-sidebar-bottom button{border-radius:var(--showroom-radius);height:var(--showroom-control-height)}.preview-sidebar-bottom{gap:calc(var(--showroom-space) * .5);margin-top:auto;display:grid}.preview-sidebar-bottom button{color:var(--ds-text-secondary);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:13.8px;display:flex}.preview-sidebar-bottom button:hover{background:var(--ds-accent-soft);color:var(--ds-accent)}.live-preview-page .interface-user{border-top-width:var(--showroom-border-width);margin-top:calc(var(--showroom-space) * 2)}.live-preview-page .interface-user>span{background:var(--showroom-accent)}.live-preview-page .interface-user svg{color:var(--ds-text-muted);margin-left:auto}.live-preview-page .interface-topbar{border-bottom-width:var(--showroom-border-width);height:calc(var(--showroom-control-height) + 22px);padding-inline:calc(var(--showroom-space) * 3.5)}.live-preview-page .interface-search{border-width:var(--showroom-border-width);height:var(--showroom-control-height)}.preview-team-switcher{background:0 0;border:0;align-items:center;gap:7px;font-size:12.65px;display:flex}.preview-team-switcher>span{background:var(--showroom-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:9.2px;font-weight:750;display:flex}.live-preview-page .interface-content{padding:calc(var(--showroom-space) * 3.75) calc(var(--showroom-space) * 4) calc(var(--showroom-space) * 5.25)}.live-preview-page .interface-page-heading{margin-bottom:calc(var(--showroom-space) * 3.25)}.live-preview-page .interface-page-heading h1{font-size:calc(var(--showroom-base-font) * var(--showroom-type-scale) * 1.45)}.live-preview-page .interface-page-heading p{color:var(--ds-text-muted);font-size:calc(var(--showroom-base-font) - 3px);margin:7px 0 0}.preview-heading-actions{gap:calc(var(--showroom-space) * 1);display:flex}.live-preview-page .ds-button{border-radius:var(--showroom-radius);height:var(--showroom-control-height)}.live-preview-page .ds-button.quiet,.live-preview-page .interface-panel,.live-preview-page .metric-card{border-width:var(--showroom-border-width)}.live-preview-page .metric-grid,.live-preview-page .dashboard-grid{gap:calc(var(--showroom-space) * 1.75)}.live-preview-page .metric-card,.live-preview-page .interface-panel{border-radius:var(--showroom-radius)}.live-preview-page .metric-card{box-shadow:0 2px calc(var(--showroom-shadow-depth,8px)) #1218260a;padding:calc(var(--showroom-space) * 2.1)}.live-preview-page .metric-card span{font-size:calc(var(--showroom-base-font) - 4px)}.live-preview-page .metric-card strong{font-size:calc(var(--showroom-base-font) * var(--showroom-type-scale) * 1.15)}.live-preview-page .metric-card:nth-child(3) svg{color:var(--showroom-accent)}.live-preview-page .dashboard-grid{margin-top:calc(var(--showroom-space) * 1.75)}.live-preview-page .chart-panel,.live-preview-page .activity-panel{box-shadow:var(--showroom-shadow);padding:calc(var(--showroom-space) * 2.5)}.preview-range-select{border:var(--showroom-border-width) solid var(--ds-border);border-radius:var(--showroom-radius);height:calc(var(--showroom-control-height) - 4px);align-items:center;padding:0 8px;display:flex;position:relative}.preview-range-select select{appearance:none;background:0 0;border:0;outline:0;padding-right:19px;font-size:11.5px}.preview-range-select svg{pointer-events:none;position:absolute;right:7px}.preview-chart-summary{margin-top:calc(var(--showroom-space) * 2.5);align-items:center;gap:10px;display:flex}.preview-chart-summary strong{font-size:calc(var(--showroom-base-font) * var(--showroom-type-scale) * 1.3)}.preview-chart-summary span{color:var(--showroom-success);align-items:center;gap:2px;font-size:11.5px;display:flex}.live-preview-page .chart-plot{border-bottom-width:var(--showroom-border-width);height:210px;margin-top:calc(var(--showroom-space) * 2)}.preview-text-action{background:0 0;border:0;font-size:11.5px;color:var(--ds-accent)!important}.preview-activity-list{margin-top:calc(var(--showroom-space) * 1.25)}.live-preview-page .activity-row{border-bottom-width:var(--showroom-border-width);padding:calc(var(--showroom-space) * 1.65) 0}.live-preview-page .activity-row>span{border-radius:var(--showroom-radius)}.preview-projects-panel{margin-top:calc(var(--showroom-space) * 1.75);overflow:hidden}.preview-projects-panel .table-toolbar{border-bottom-width:var(--showroom-border-width);padding:calc(var(--showroom-space) * 1.6) calc(var(--showroom-space) * 2)}.preview-projects-panel .table-toolbar>div:first-child{gap:3px;display:grid}.preview-projects-panel h2{font-size:calc(var(--showroom-base-font) - 1px);margin:0}.preview-projects-panel .table-toolbar p{color:var(--ds-text-muted);margin:0;font-size:11.5px}.live-preview-page .interface-table th{padding:calc(var(--showroom-space) * 1.25) calc(var(--showroom-space) * 1.75)}.live-preview-page .interface-table td{border-top-width:var(--showroom-border-width);height:calc(var(--showroom-control-height) + 22px);padding:calc(var(--showroom-space) * 1) calc(var(--showroom-space) * 1.75)}.preview-progress{align-items:center;gap:8px;font-size:10.35px;display:flex}.preview-progress>i{background:var(--ds-bg);border-radius:999px;width:72px;height:5px;display:block;overflow:hidden}.preview-progress b{background:var(--ds-accent);height:100%;display:block}.preview-row-action{color:var(--ds-text-muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.preview-dark .live-preview-page .metric-card,.preview-dark .live-preview-page .chart-panel,.preview-dark .live-preview-page .activity-panel{box-shadow:0 8px var(--showroom-shadow-depth,18px) #0000002e}.canvas-document.canvas-view-preview{background:var(--canvas-bg);min-width:0}.landing-preview-page{--landing-border:var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.landing-preview-page{--landing-border:color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.landing-preview-page{background:var(--showroom-surface);color:var(--showroom-text);font-size:var(--showroom-base-font);width:100%;max-width:1440px;min-height:100%;margin:0 auto;overflow:hidden;container:landing/inline-size}.landing-preview-page button,.landing-preview-page input{font-size:inherit}.landing-preview-page svg,.dashboard-template svg{stroke-width:var(--showroom-icon-stroke-width,2)}.landing-preview-page img{max-width:100%;display:block}.landing-announcement{background:var(--showroom-secondary);color:#fff;font-size:calc(var(--showroom-base-font) - 4px);min-height:34px;padding:6px calc(var(--showroom-space) * 3);justify-content:center;align-items:center;display:flex}.landing-announcement>span,.landing-announcement button{align-items:center;gap:6px;display:flex}.landing-announcement button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:18px;font-weight:650}.landing-header{background:var(--showroom-surface);border-bottom:var(--showroom-border-width) solid var(--landing-border);height:calc(var(--showroom-control-height) + 34px);padding:0 max(calc(var(--showroom-space) * 4), calc((100% - 1160px) / 2));z-index:8;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.landing-brand{justify-self:start;align-items:center;gap:8px;display:inline-flex}.landing-brand>span{background:var(--showroom-primary);border-radius:var(--showroom-radius);color:#fff;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.landing-brand strong{font-size:calc(var(--showroom-base-font) + 1px)}.landing-header nav{gap:calc(var(--showroom-space) * 3.5);display:flex}.landing-header nav a{color:var(--showroom-secondary-text);font-size:calc(var(--showroom-base-font) - 3px)}.landing-header-cta{justify-self:end}.landing-menu-button,.landing-mobile-menu{display:none}.landing-hero{color:#fff;height:610px;position:relative;overflow:hidden}.landing-hero>img{object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute}.landing-hero-overlay{background:#0b1d1f85;position:absolute;inset:0}.landing-hero-content{max-width:1160px;height:100%;padding:calc(var(--showroom-space) * 5) calc(var(--showroom-space) * 4);flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.landing-kicker{color:var(--showroom-primary);font-size:var(--showroom-caption-size);letter-spacing:var(--showroom-label-letter-spacing,0);text-transform:uppercase;align-items:center;gap:7px;font-weight:750;display:flex}.landing-hero .landing-kicker{color:#fff}.landing-hero h1{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-display-size);font-weight:var(--showroom-heading-weight,720);letter-spacing:var(--showroom-heading-letter-spacing,0);line-height:var(--showroom-heading-line-height,1.04);max-width:670px;margin:18px 0}.landing-hero-content>p{color:#ffffffe0;font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) + 2px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);line-height:var(--showroom-body-line-height,1.55);max-width:590px;margin:0}.landing-hero-actions{gap:calc(var(--showroom-space) * 1.25);margin-top:calc(var(--showroom-space) * 3.5);flex-wrap:wrap;display:flex}.landing-button{border-radius:var(--component-radius-top-left,var(--component-radius)) var(--component-radius-top-right,var(--component-radius)) var(--component-radius-bottom-right,var(--component-radius)) var(--component-radius-bottom-left,var(--component-radius));border-width:var(--component-border-top,var(--component-border)) var(--component-border-right,var(--component-border)) var(--component-border-bottom,var(--component-border)) var(--component-border-left,var(--component-border));cursor:var(--component-cursor,pointer);font-weight:var(--component-font-weight);align-items:center;gap:var(--component-space);height:var(--component-height);padding:0 var(--component-padding);transition:background var(--component-transition), border-color var(--component-transition), color var(--component-transition), box-shadow var(--component-transition), opacity var(--component-transition);border-style:solid;justify-content:center;display:inline-flex;font-family:var(--showroom-body-font,inherit)!important;font-size:var(--component-font-size)!important}.landing-button.primary,.landing-header-cta{background:var(--component-primary);border-color:var(--component-primary);box-shadow:var(--component-shadow);opacity:var(--component-opacity);color:var(--component-text-color)!important}.landing-button.primary:hover,.landing-header-cta:hover{background:var(--component-hover-bg);border-color:var(--component-hover-border);box-shadow:var(--component-hover-shadow);opacity:var(--component-hover-opacity);color:var(--component-hover-text)!important}.landing-button.primary:active,.landing-header-cta:active{background:var(--component-active-bg);border-color:var(--component-active-border);box-shadow:var(--component-active-shadow);opacity:var(--component-active-opacity);color:var(--component-active-text)!important}.landing-button.primary:focus-visible,.landing-header-cta:focus-visible{background:var(--component-focus-bg);border-color:var(--component-focus-border);box-shadow:var(--component-focus-shadow);opacity:var(--component-focus-opacity);outline:0;color:var(--component-focus-text)!important}.landing-button.light{background:#ffffff1f;border-color:#ffffff9e;color:#fff!important}.landing-button.outline{border-color:var(--landing-border);color:var(--showroom-text);background:0 0}.landing-hero-proof{margin-top:calc(var(--showroom-space) * 3);gap:20px;display:flex}.landing-hero-proof span{color:#ffffffc2;font-size:calc(var(--showroom-base-font) - 5px);align-items:center;gap:5px;display:flex}.landing-trust-strip{border-bottom:var(--showroom-border-width) solid var(--landing-border);align-items:center;gap:calc(var(--showroom-space) * 3);max-width:1160px;min-height:92px;padding:calc(var(--showroom-space) * 2) calc(var(--showroom-space) * 4);grid-template-columns:auto 1fr;margin:0 auto;display:grid}.landing-trust-strip>span{color:var(--showroom-muted);font-size:calc(var(--showroom-base-font) - 5px)}.landing-trust-strip>div{justify-content:space-between;display:flex}.landing-trust-strip strong{color:var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.landing-trust-strip strong{color:color-mix(in srgb, var(--showroom-text) 52%, transparent)}}.landing-trust-strip strong{font-size:calc(var(--showroom-base-font) - 4px)}.landing-section{max-width:1160px;padding:calc(var(--showroom-space) * 9) calc(var(--showroom-space) * 4);margin:0 auto}.landing-section-heading h2,.landing-story-copy h2,.landing-impact-intro h2,.landing-faq h2,.landing-cta h2{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-heading-size);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0);line-height:var(--showroom-heading-line-height,1.18)}.landing-mission{align-items:end;gap:calc(var(--showroom-space) * 8);grid-template-columns:1.25fr .75fr;display:grid}.landing-mission .landing-section-heading h2{margin:14px 0 0}.landing-mission-copy p,.landing-story-copy>p,.landing-impact-intro p,.landing-faq>div>p,.landing-cta>div>p{color:var(--showroom-secondary-text);font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) - 1px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);line-height:var(--showroom-body-line-height,1.65);margin:0}.landing-mission-copy a,.landing-program-card a{color:var(--showroom-primary);font-size:calc(var(--showroom-base-font) - 3px);margin-top:calc(var(--showroom-space) * 2.5);align-items:center;gap:6px;font-weight:650;display:flex}.landing-program-grid{gap:calc(var(--showroom-space) * 2);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0;display:grid}.landing-program-card{border:var(--showroom-border-width) solid var(--landing-border);border-radius:var(--showroom-radius);box-shadow:0 4px var(--showroom-shadow-depth) #1218260a;padding:calc(var(--showroom-space) * 3)}.landing-program-card>div{justify-content:space-between;align-items:center;display:flex}.landing-outcome-list svg{color:var(--showroom-icon-color)}.landing-program-icon{background:var(--showroom-icon-frame-bg,transparent);border:var(--showroom-icon-frame-border,0px) solid var(--showroom-line);border-radius:var(--showroom-icon-frame-radius,999px);color:var(--showroom-icon-frame-color,var(--showroom-icon-color));padding:var(--showroom-icon-frame-padding,0px);justify-content:center;align-items:center;display:inline-flex}.landing-program-icon svg{color:inherit;stroke-width:var(--showroom-icon-stroke-width,2)}.landing-program-card>div>span{color:var(--showroom-muted);font-family:var(--font-code);font-size:calc(var(--showroom-base-font) - 5px)}.landing-program-card svg{color:var(--showroom-secondary)}.landing-program-card h3{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-subheading-size);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0);margin:calc(var(--showroom-space) * 4) 0 calc(var(--showroom-space) * 1.25)}.landing-program-card p{color:var(--showroom-muted);font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) - 3px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);line-height:var(--showroom-body-line-height,1.55);margin:0}.landing-impact-band{background:var(--showroom-secondary);color:#fff;gap:calc(var(--showroom-space) * 7);padding:calc(var(--showroom-space) * 8) max(calc(var(--showroom-space) * 4), calc((100% - 1160px) / 2));grid-template-columns:.85fr 1.15fr;display:grid}.landing-impact-band .landing-kicker{color:#ffffffb8}.landing-impact-intro h2{margin:14px 0}.landing-impact-intro p{color:#ffffffb8;max-width:390px}.landing-impact-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;display:grid}.landing-impact-stats>div{border-left:var(--showroom-border-width) solid #ffffff3d;padding:calc(var(--showroom-space) * 2) calc(var(--showroom-space) * 3);gap:6px;display:grid}.landing-impact-stats>div:nth-child(n+3){border-top:var(--showroom-border-width) solid #ffffff3d}.landing-impact-stats strong{font-size:var(--showroom-display-size)}.landing-impact-stats span{color:#ffffffad;font-size:calc(var(--showroom-base-font) - 4px)}.landing-story{align-items:center;gap:calc(var(--showroom-space) * 7);grid-template-columns:1fr 1fr;display:grid}.landing-story-image{position:relative}.landing-story-image img{aspect-ratio:4/5;border-radius:var(--showroom-radius);object-fit:cover;width:100%;height:auto}.landing-story-image>span{background:var(--showroom-surface);border-radius:var(--showroom-radius);bottom:calc(var(--showroom-space) * 2);box-shadow:var(--showroom-shadow);font-size:calc(var(--showroom-base-font) - 4px);left:calc(var(--showroom-space) * 2);align-items:center;gap:6px;padding:9px 11px;display:flex;position:absolute}.landing-story-copy h2{margin:14px 0 18px}.landing-progress{border-top:var(--showroom-border-width) solid var(--landing-border);margin:calc(var(--showroom-space) * 3) 0;padding-top:calc(var(--showroom-space) * 2.5)}.landing-progress>div{font-size:calc(var(--showroom-base-font) - 3px);justify-content:space-between;display:flex}.landing-progress>i{background:var(--showroom-bg);border-radius:999px;height:7px;margin:10px 0 7px;display:block;overflow:hidden}.landing-progress b{background:var(--showroom-primary);width:92%;height:100%;display:block}.landing-progress small{color:var(--showroom-muted);font-size:calc(var(--showroom-base-font) - 5px)}.landing-how{border-top:var(--showroom-border-width) solid var(--landing-border)}.landing-how .landing-section-heading{max-width:520px}.landing-how h2{margin:14px 0 0}.landing-steps{gap:calc(var(--showroom-space) * 4);margin-top:calc(var(--showroom-space) * 6);grid-template-columns:repeat(3,1fr);display:grid}.landing-steps>div{border-top:calc(var(--showroom-border-width) * 2) solid var(--showroom-primary);padding-top:calc(var(--showroom-space) * 2);display:grid}.landing-steps span{color:var(--showroom-muted);font-family:var(--font-code);font-size:calc(var(--showroom-base-font) - 5px)}.landing-steps strong{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-subheading-size);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0);margin-top:calc(var(--showroom-space) * 2.5)}.landing-steps p{color:var(--showroom-muted);font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) - 3px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);line-height:var(--showroom-body-line-height,1.55);margin:8px 0 0}.landing-testimonial{background:var(--showroom-bg);grid-template-columns:1fr 1fr;min-height:440px;display:grid}.landing-testimonial>img{object-fit:cover;width:100%;height:100%}.landing-testimonial>div{max-width:590px;padding:calc(var(--showroom-space) * 6);align-self:center}.landing-testimonial svg{color:var(--showroom-accent)}.landing-testimonial blockquote{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-subheading-size);font-weight:var(--showroom-heading-weight,600);letter-spacing:var(--showroom-heading-letter-spacing,0);line-height:var(--showroom-heading-line-height,1.35);margin:calc(var(--showroom-space) * 2.5) 0}.landing-testimonial p{gap:4px;margin:0;display:grid}.landing-testimonial p strong{font-size:calc(var(--showroom-base-font) - 2px)}.landing-testimonial p span{color:var(--showroom-muted);font-size:calc(var(--showroom-base-font) - 4px)}.landing-use-cases{align-items:start;gap:calc(var(--showroom-space) * 8);grid-template-columns:.85fr 1.15fr;display:grid}.landing-use-cases h2{margin:14px 0 0}.landing-outcome-list{display:grid}.landing-outcome-list>div{border-bottom:var(--showroom-border-width) solid var(--landing-border);gap:calc(var(--showroom-space) * 2);padding:calc(var(--showroom-space) * 2) 0;grid-template-columns:auto 1fr;display:grid}.landing-outcome-list>div>svg{color:var(--showroom-primary)}.landing-outcome-list strong{font-family:var(--showroom-heading-font,inherit);font-size:calc(var(--showroom-base-font) - 1px);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0)}.landing-outcome-list p{color:var(--showroom-muted);font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) - 3px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);margin:5px 0 0}.landing-faq{border-top:var(--showroom-border-width) solid var(--landing-border);gap:calc(var(--showroom-space) * 7);grid-template-columns:.75fr 1.25fr;display:grid}.landing-faq h2{margin:14px 0}.landing-accordion details{border-bottom:var(--showroom-border-width) solid var(--landing-border)}.landing-accordion summary{cursor:pointer;font-family:var(--showroom-body-font,inherit);font-size:var(--showroom-label-size);font-weight:var(--showroom-body-weight,650);letter-spacing:var(--showroom-label-letter-spacing,0);padding:calc(var(--showroom-space) * 2.2) 0;justify-content:space-between;align-items:center;list-style:none;display:flex}.landing-accordion summary::-webkit-details-marker{display:none}.landing-accordion details[open] summary svg{transform:rotate(180deg)}.landing-accordion p{color:var(--showroom-muted);font-family:var(--showroom-body-font,inherit);font-size:calc(var(--showroom-base-font) - 3px);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);line-height:var(--showroom-body-line-height,1.6);padding:0 28px calc(var(--showroom-space) * 2.5) 0;margin:0}.landing-cta{background:var(--showroom-primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.landing-cta{background:color-mix(in srgb, var(--showroom-primary) 9%, var(--showroom-surface))}}.landing-cta{gap:calc(var(--showroom-space) * 7);padding:calc(var(--showroom-space) * 8) max(calc(var(--showroom-space) * 4), calc((100% - 1160px) / 2));grid-template-columns:1fr 410px;display:grid}.landing-cta h2{max-width:600px;margin:14px 0}.landing-cta form{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--landing-border);border-radius:var(--showroom-radius);box-shadow:var(--showroom-shadow);gap:calc(var(--showroom-space) * 1.25);padding:calc(var(--showroom-space) * 2.5);display:grid}.landing-amounts{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.landing-amounts button,.landing-amounts label,.landing-email{background:var(--component-primary,var(--showroom-surface));border:var(--component-border,var(--showroom-border-width)) solid var(--component-border-color,var(--landing-border));border-radius:var(--component-radius,var(--showroom-radius));color:var(--component-text-color);height:var(--component-height,var(--showroom-control-height));align-items:center;display:flex}.landing-amounts button{cursor:pointer;justify-content:center}.landing-amounts button.is-active{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.landing-amounts button.is-active{background:color-mix(in srgb, var(--showroom-primary) 10%, transparent)}}.landing-amounts button.is-active{border-color:var(--showroom-primary);color:var(--showroom-primary);font-weight:700}.landing-amounts label{padding:0 7px}.landing-amounts input,.landing-email input,.landing-newsletter input{color:inherit;font-size:var(--component-font-size,inherit);font-weight:var(--component-font-weight,inherit);background:0 0;border:0;outline:0;width:100%;min-width:0}.landing-email{gap:8px;padding:0 10px}.landing-email svg{color:var(--showroom-muted)}.landing-cta form small{color:var(--showroom-muted);font-size:calc(var(--showroom-base-font) - 5px);text-align:center}.landing-footer{color:#f4f7f6;gap:calc(var(--showroom-space) * 4);padding:calc(var(--showroom-space) * 7) max(calc(var(--showroom-space) * 4), calc((100% - 1160px) / 2)) calc(var(--showroom-space) * 3);background:#151a1d;grid-template-columns:1.4fr .65fr .65fr 1.1fr;display:grid}.landing-footer .landing-brand>span{background:var(--showroom-primary)}.landing-footer>div{align-content:start;gap:10px;display:grid}.landing-footer>div>strong,.landing-newsletter>strong{font-size:calc(var(--showroom-base-font) - 3px);margin-bottom:5px}.landing-footer p,.landing-footer a,.landing-footer>small{color:#9ba7a8;font-size:calc(var(--showroom-base-font) - 4px);margin:0;line-height:1.5}.landing-newsletter label{border:var(--component-border,var(--showroom-border-width)) solid #3d4548;border-radius:var(--component-radius,var(--showroom-radius));height:var(--component-height,var(--showroom-control-height));align-items:center;padding-left:10px;display:flex}.landing-newsletter input{color:#fff!important}.landing-newsletter button{background:var(--showroom-primary);border-radius:calc(var(--showroom-radius) * .7);color:#fff;border:0;justify-content:center;align-self:stretch;align-items:center;width:31px;margin:3px;display:flex}.landing-footer>small{border-top:var(--showroom-border-width) solid #32393c;margin-top:calc(var(--showroom-space) * 3);padding-top:calc(var(--showroom-space) * 2);grid-column:1/-1}@container landing (max-width:900px){.landing-header{padding-inline:calc(var(--showroom-space) * 3);grid-template-columns:1fr auto}.landing-header nav,.landing-header-cta{display:none}.landing-menu-button{background:0 0;border:0;justify-self:end;align-items:center;display:flex}.landing-mobile-menu{background:var(--showroom-surface);border-bottom:var(--showroom-border-width) solid var(--landing-border);box-shadow:var(--showroom-shadow);padding:calc(var(--showroom-space) * 2);gap:4px;display:grid;position:absolute;top:100%;left:0;right:0}.landing-mobile-menu a{border-radius:var(--showroom-radius);font-size:calc(var(--showroom-base-font) - 2px);padding:10px}.landing-mobile-menu button{background:var(--showroom-primary);border-radius:var(--showroom-radius);color:#fff;height:var(--showroom-control-height);border:0;margin-top:5px}.landing-hero{height:560px}.landing-hero-content{padding-inline:calc(var(--showroom-space) * 3)}.landing-trust-strip{grid-template-columns:1fr;align-items:start}.landing-trust-strip>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.landing-mission,.landing-impact-band,.landing-story,.landing-use-cases,.landing-faq,.landing-cta{gap:calc(var(--showroom-space) * 4);grid-template-columns:1fr}.landing-program-grid{grid-template-columns:1fr}.landing-program-card h3{margin-top:calc(var(--showroom-space) * 2.5)}.landing-story-image img{aspect-ratio:16/10}.landing-testimonial{grid-template-columns:1fr}.landing-testimonial>img{aspect-ratio:16/9}.landing-footer{grid-template-columns:1.4fr 1fr 1fr}.landing-newsletter{grid-column:1/-1}}@container landing (max-width:560px){.landing-announcement{justify-content:flex-start}.landing-announcement button{display:none}.landing-hero{height:540px}.landing-hero h1{font-size:calc(var(--showroom-base-font) + (var(--showroom-type-scale) * 23px))}.landing-hero-content>p{font-size:var(--showroom-base-font)}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-proof{flex-direction:column;align-items:flex-start;gap:8px}.landing-section{padding:calc(var(--showroom-space) * 6) calc(var(--showroom-space) * 2.5)}.landing-trust-strip{padding-inline:calc(var(--showroom-space) * 2.5)}.landing-impact-band,.landing-cta{padding:calc(var(--showroom-space) * 6) calc(var(--showroom-space) * 2.5)}.landing-impact-stats{grid-template-columns:1fr}.landing-impact-stats>div{border-bottom:var(--showroom-border-width) solid #ffffff3d;border-left:0;padding-inline:0;border-top:0!important}.landing-steps{gap:calc(var(--showroom-space) * 3);grid-template-columns:1fr}.landing-testimonial>div{padding:calc(var(--showroom-space) * 3)}.landing-amounts{grid-template-columns:repeat(2,1fr)}.landing-footer{padding:calc(var(--showroom-space) * 5) calc(var(--showroom-space) * 2.5) calc(var(--showroom-space) * 3);grid-template-columns:1fr 1fr}.landing-footer>div:first-child,.landing-newsletter{grid-column:1/-1}}.app-header{grid-template-columns:minmax(220px,.8fr) auto minmax(190px,.65fr);gap:10px}.design-toolbar{box-shadow:none;background:0 0;border:0;min-width:0;padding:0;position:relative}.design-toolbar-view{white-space:nowrap;padding:0 5px;font-size:12.65px}.toolbar-icon-control{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.toolbar-icon-control:hover,.toolbar-menu-trigger:hover,.toolbar-menu-trigger.is-active{background:var(--accent-soft);color:var(--accent)}.toolbar-popover-wrap{position:relative}.toolbar-menu-trigger{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:12.65px;display:flex}.toolbar-menu-trigger>i{border:1px solid}@supports (color:color-mix(in lab, red, red)){.toolbar-menu-trigger>i{border:1px solid color-mix(in srgb, currentColor 18%, transparent)}}.toolbar-menu-trigger>i{border-radius:50%;width:10px;height:10px}.toolbar-popover{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);z-index:80;padding:8px;position:absolute;top:38px}.palette-popover{width:420px;left:0}.style-popover{width:310px;left:0}.auth-popover{width:260px;right:0}.auth-popover>button{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:6px 7px;font-size:12.65px}.account-dialog{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);width:400px;max-width:min(400px,100vw - 48px);box-shadow:0 24px 80px #00000052}.account-dialog-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.account-dialog-header h3{margin:0;font-size:19px;font-weight:700}.account-dialog-close{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.account-dialog-close:hover{background:var(--panel-bg);color:var(--text-primary)}.account-dialog-body{gap:22px;padding:24px;display:grid}.account-dialog-section-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.auth-form{gap:14px;display:grid}.auth-field{gap:6px;display:grid}.auth-field>span{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12.65px;font-weight:600;display:flex}.auth-field input{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);width:100%;height:38px;padding:0 12px;font-size:13.5px;transition:border-color .12s}.auth-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--panel-bg) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 5000s ease-in-out}.auth-field input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--panel-bg) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 5000s ease-in-out}.auth-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--panel-bg) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 5000s ease-in-out}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-subtitle{color:var(--text-secondary);margin:-4px 0 2px;font-size:12.65px}.auth-submit{background:var(--accent);border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;border:0;width:100%;height:40px;margin-top:2px;font-size:13.5px;font-weight:600;transition:background .12s}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{cursor:default;opacity:.6}.auth-error{color:var(--danger,#dc2626);margin:0;font-size:12px}.auth-message{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.auth-link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-link-center{justify-self:center}.auth-footnote{color:var(--text-secondary);text-align:center;margin:0;font-size:12.65px}.auth-footnote button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.65px;font-weight:600}.auth-footnote button:hover{text-decoration:underline}.reset-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.reset-card{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);box-sizing:border-box;width:100%;max-width:380px;padding:28px}.reset-card h1{margin:0 0 18px;font-size:19px;font-weight:700}.reset-back-link{color:var(--accent);margin-top:4px;font-size:12.65px;font-weight:600;display:inline-block}.toolbar-popover-heading{gap:3px;padding:6px 7px 10px;display:grid}.toolbar-popover-heading strong{font-size:13.8px}.toolbar-popover-heading span{color:var(--text-muted);font-size:10.35px}.palette-preset-grid{grid-template-columns:1fr 1fr;gap:5px;max-height:420px;padding-right:2px;display:grid;overflow-y:auto}.palette-preset-grid>button,.style-popover>button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;display:grid}.palette-preset-grid>button{grid-template-columns:1fr auto;gap:7px;min-height:62px;padding:7px}.palette-preset-grid>button:hover,.style-popover>button:hover,.style-popover>button.is-active{background:var(--accent-soft);color:var(--text-primary)}.palette-preset-grid>button>span:nth-child(2){grid-area:2/1;font-size:11.5px;font-weight:650}.preset-swatches{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%;display:grid}.preset-swatches i{border:1px solid var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.preset-swatches i{border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent)}}.preset-swatches i{border-radius:3px;width:100%;min-width:0;height:18px}.style-popover>button{grid-template-columns:42px 1fr auto;gap:10px;width:100%;min-height:54px;padding:6px 7px}.style-popover>button>span:nth-child(2){gap:3px;display:grid}.style-popover>button strong{font-size:11.5px}.style-popover>button small{color:var(--text-muted);font-size:9.2px}.style-preview{background:#f7f7f8;border:1px solid #d8dce3;grid-template-columns:1fr 1fr;gap:3px;width:42px;height:34px;padding:5px;display:grid}.style-preview i{background:#355cff;display:block}.style-preview i:first-child{grid-column:1/-1;height:5px}.style-preview-minimal{border-radius:3px}.style-preview-minimal i{background:#2563eb}.style-preview-editorial{border-radius:0;grid-template-columns:1.6fr .4fr}.style-preview-editorial i{background:#c2410c}.style-preview-playful{border-radius:8px}.style-preview-playful i{background:#7c3aed;border-radius:3px}.style-preview-playful i:last-child{background:#f97316}.style-preview-brutalist{border:2px solid #111;border-radius:0;box-shadow:2px 2px #111}.style-preview-brutalist i{background:#0057ff}.style-preview-brutalist i:last-child{background:#ffde00}.style-preview-soft-studio{border-radius:10px}.style-preview-soft-studio i{background:#256d5b;border-radius:5px}.style-preview-soft-studio i:last-child{background:#e98a3e}@media (max-width:1250px){.app-header{grid-template-columns:minmax(190px,.7fr) auto minmax(150px,.5fr)}.design-toolbar-view,.design-toolbar>.toolbar-divider:first-of-type,.toolbar-menu-trigger>span{display:none}}.design-style-minimal .landing-hero-overlay{background:#1614195c}.design-style-minimal .landing-program-card,.design-style-minimal .landing-cta form{box-shadow:none}.design-style-minimal .landing-kicker{font-weight:650}.design-style-editorial .landing-preview-page h1,.design-style-editorial .landing-preview-page h2,.design-style-editorial .landing-testimonial blockquote{font-family:Georgia,Times New Roman,serif;font-weight:500}.design-style-editorial .landing-hero-content{padding-bottom:calc(var(--showroom-space) * 6);justify-content:flex-end}.design-style-editorial .landing-program-card{box-shadow:none;border-width:2px 0 0}.design-style-editorial .landing-program-card h3{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--showroom-base-font) + 5px)}.design-style-playful .landing-program-card:first-child{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.design-style-playful .landing-program-card:first-child{background:color-mix(in srgb, var(--showroom-primary) 8%, var(--showroom-surface))}}.design-style-playful .landing-program-card:nth-child(2){background:var(--showroom-accent)}@supports (color:color-mix(in lab, red, red)){.design-style-playful .landing-program-card:nth-child(2){background:color-mix(in srgb, var(--showroom-accent) 10%, var(--showroom-surface))}}.design-style-playful .landing-program-card:nth-child(3){background:var(--showroom-secondary)}@supports (color:color-mix(in lab, red, red)){.design-style-playful .landing-program-card:nth-child(3){background:color-mix(in srgb, var(--showroom-secondary) 8%, var(--showroom-surface))}}.design-style-playful .landing-impact-stats strong{color:var(--showroom-accent)}@supports (color:color-mix(in lab, red, red)){.design-style-playful .landing-impact-stats strong{color:color-mix(in srgb, var(--showroom-accent) 78%, white)}}.design-style-brutalist .landing-preview-page{--landing-border:var(--showroom-text)}.design-style-brutalist .landing-program-card,.design-style-brutalist .landing-cta form,.design-style-brutalist .landing-story-image>span{border:2px solid var(--showroom-text);box-shadow:7px 7px 0 var(--showroom-text)}.design-style-brutalist .landing-button,.design-style-brutalist .landing-header-cta,.design-style-brutalist .landing-kicker{text-transform:uppercase;font-weight:800}.design-style-brutalist .landing-impact-band{background:var(--showroom-accent);color:#111}.design-style-brutalist .landing-impact-band .landing-kicker,.design-style-brutalist .landing-impact-intro p,.design-style-brutalist .landing-impact-stats span{color:#111}.design-style-soft-studio .landing-preview-page{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.design-style-soft-studio .landing-preview-page{background:color-mix(in srgb, var(--showroom-primary) 3%, var(--showroom-surface))}}.design-style-soft-studio .landing-program-card,.design-style-soft-studio .landing-cta form{background:var(--showroom-surface)}.design-style-soft-studio .landing-testimonial,.design-style-soft-studio .landing-cta{background:var(--showroom-accent)}@supports (color:color-mix(in lab, red, red)){.design-style-soft-studio .landing-testimonial,.design-style-soft-studio .landing-cta{background:color-mix(in srgb, var(--showroom-accent) 7%, var(--showroom-surface))}}.design-style-soft-studio .landing-story-image img,.design-style-soft-studio .landing-testimonial>img{border-radius:var(--showroom-radius)}.app-header{grid-template-columns:minmax(80px,1fr) auto minmax(180px,1fr)}.header-spacer{min-width:0}.sidebar-identity{border-bottom:1px solid var(--panel-border);align-items:center;gap:9px;min-height:62px;padding:8px 9px;display:flex}.sidebar-brand-mark{color:var(--text-primary);justify-content:center;align-items:center;width:26px;height:36px;display:flex}.sidebar-brand-mark img{width:auto;height:31px}.sidebar-brand-name{flex:1;min-width:0;line-height:1.05;display:grid}.sidebar-brand-name strong,.sidebar-brand-name span{white-space:nowrap;font-size:13.8px}.sidebar-brand-name strong{font-weight:720}.sidebar-brand-name span{color:var(--text-muted);margin-top:3px;font-weight:520}.sidebar-collapse{flex:none}.project-selector-wrap{z-index:20;align-items:center;height:32px;padding:0 8px;display:flex;position:relative}.sidebar-project-trigger{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 4px;display:flex}.sidebar-project-trigger:hover{background:var(--accent-soft)}.sidebar-project-trigger>span{text-align:left;gap:2px;min-width:0;display:grid}.sidebar-project-trigger small{color:var(--text-muted);text-transform:uppercase;font-size:9.2px}.sidebar-project-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-project-menu{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:7px;position:absolute;top:58px;left:8px;right:8px}.project-menu-label{color:var(--text-muted);text-transform:uppercase;padding:5px 6px 7px;font-size:9.2px;font-weight:700}.project-list{gap:2px;max-height:180px;display:grid;overflow:auto}.project-list button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:36px;padding:4px 6px;display:grid}.project-list button:hover,.project-list button.is-active{background:var(--accent-soft);color:var(--text-primary)}.project-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-menu-actions{border-top:1px solid var(--panel-border);gap:2px;margin-top:6px;padding-top:6px;display:grid}.project-menu-actions button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:31px;padding:0 7px;font-size:13px;display:flex}.project-menu-actions button:hover{background:var(--accent-soft);color:var(--accent)}.project-name-form{gap:10px;padding:5px;display:grid}.project-name-form label{color:var(--text-muted);gap:6px;font-size:10.35px;display:grid}.project-name-form input{background:var(--panel-bg);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);outline:0;height:32px;padding:0 8px}.project-name-form>div{justify-content:flex-end;gap:6px;display:flex}.project-name-form button{border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:13px;display:flex}.project-name-form .project-confirm{background:var(--accent);color:#fff}.project-name-form>strong{color:var(--text-primary);font-size:13px}.project-name-form>p,.project-import-error{color:var(--text-muted);margin:0;font-size:10.35px;line-height:1.4}.project-import-error{color:var(--error);padding:7px}.project-plan-hint{color:var(--text-muted);margin:0;padding:7px;font-size:10.35px;line-height:1.4}.project-name-form>div .project-delete-action{background:var(--error);color:#fff}.theme-dark .project-menu-actions .project-delete-action{color:#fff}.theme-dark .project-menu-actions .project-delete-action:hover{color:#fff;background:#ffffff1f}.theme-dark .project-name-form>div .project-delete-action{color:#fff;background:#9f3434}.inspector-select-control{color:var(--text-secondary);text-transform:capitalize;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.universal-numeric-control{gap:7px;display:grid}.universal-numeric-control>div{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.universal-numeric-control input[type=number]{appearance:textfield;color:var(--text-primary);text-align:right;background:0 0;border:0;outline:0;width:48px;min-width:0;height:100%}.universal-numeric-control input[type=number]::-webkit-inner-spin-button{appearance:none}.universal-numeric-control>input[type=range]{accent-color:var(--accent);width:100%}.universal-numeric-control i{color:var(--text-muted);padding-left:2px;font-size:9.2px;font-style:normal}.universal-numeric-control.is-disabled{opacity:.5}.universal-numeric-control button:disabled{cursor:default}.live-range-control input[type=range],.universal-numeric-control>input[type=range],.color-dialog-controls input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px}.live-range-control input[type=range]::-webkit-slider-runnable-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.live-range-control input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.live-range-control input[type=range]::-webkit-slider-runnable-track{border-radius:999px;height:3px}.universal-numeric-control>input[type=range]::-webkit-slider-runnable-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.universal-numeric-control>input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.universal-numeric-control>input[type=range]::-webkit-slider-runnable-track{border-radius:999px;height:3px}.color-dialog-controls input[type=range]::-webkit-slider-runnable-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.color-dialog-controls input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.color-dialog-controls input[type=range]::-webkit-slider-runnable-track{border-radius:999px;height:3px}.live-range-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 4px #00000038}.universal-numeric-control>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 4px #00000038}.color-dialog-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 4px #00000038}.live-range-control input[type=range]::-moz-range-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.live-range-control input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.live-range-control input[type=range]::-moz-range-track{border:0;border-radius:999px;height:3px}.universal-numeric-control>input[type=range]::-moz-range-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.universal-numeric-control>input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.universal-numeric-control>input[type=range]::-moz-range-track{border:0;border-radius:999px;height:3px}.color-dialog-controls input[type=range]::-moz-range-track{background:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.color-dialog-controls input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--text-primary) 11%, transparent)}}.color-dialog-controls input[type=range]::-moz-range-track{border:0;border-radius:999px;height:3px}.live-range-control input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #00000038}.universal-numeric-control>input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #00000038}.color-dialog-controls input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel-bg-strong);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #00000038}.live-range-control input[type=range]:focus-visible,.universal-numeric-control>input[type=range]:focus-visible,.color-dialog-controls input[type=range]:focus-visible{outline:0}.live-range-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 4px #00000038}@supports (color:color-mix(in lab, red, red)){.live-range-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), 0 1px 4px #00000038}}.universal-numeric-control>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 4px #00000038}@supports (color:color-mix(in lab, red, red)){.universal-numeric-control>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), 0 1px 4px #00000038}}.color-dialog-controls input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 1px 4px #00000038}@supports (color:color-mix(in lab, red, red)){.color-dialog-controls input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), 0 1px 4px #00000038}}.inspector-select-control select{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary);max-width:148px;height:30px;padding:0 6px}.component-inspector-status{background:var(--panel-bg-strong);border-bottom:1px solid var(--panel-border);gap:9px;padding:12px;display:grid}.component-inspector-status>span{color:var(--text-secondary);font-size:11.5px;font-weight:700}.component-inspector-status>span:before{background:var(--success);content:"";border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.component-inspector-status.is-customized>span:before{background:var(--warning)}.component-inspector-status button{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;font-size:11.5px;display:flex}.component-inspector-status.is-customized button{border:1px solid var(--panel-border);color:var(--text-secondary);background:0 0}.inspector-control-group{border-bottom:1px solid var(--panel-border);gap:11px;padding-bottom:14px;display:grid}.inspector-control-group:last-child{border-bottom:0;padding-bottom:0}.inspector-control-group h3{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:9.2px}.inspector-state-tabs{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.inspector-state-tabs button{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;min-height:27px;padding:0 4px;font-size:9.2px}.inspector-state-tabs button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.corner-radius-control,.edge-width-control{gap:8px;display:grid}.corner-radius-tabs,.edge-width-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.corner-radius-tabs button,.edge-width-tabs button{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;height:30px;font-size:10px;font-weight:700;display:flex}.corner-radius-tabs button:hover,.corner-radius-tabs button.is-active,.edge-width-tabs button:hover,.edge-width-tabs button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.corner-icon{border-style:solid;border-color:currentColor;width:12px;height:12px;display:block}.corner-top-left{border-width:2px 0 0 2px;border-radius:7px 0 0}.corner-top-right{border-width:2px 2px 0 0;border-radius:0 7px 0 0}.corner-bottom-right{border-width:0 2px 2px 0;border-radius:0 0 7px}.corner-bottom-left{border-width:0 0 2px 2px;border-radius:0 0 0 7px}.edge-icon{border-style:dashed;border-color:currentColor;width:13px;height:13px;display:block}.edge-top{border-width:2px 0 0}.edge-right{border-width:0 2px 0 0}.edge-bottom{border-width:0 0 2px}.edge-left{border-width:0 0 0 2px}.inspector-color-token{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding-block:2px;font-size:11.5px;display:flex}.inspector-color-trigger{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;min-height:30px;padding:0 8px 0 5px;display:inline-flex}.inspector-color-trigger:hover{border-color:var(--accent)}.inspector-color-trigger i{border:1px solid var(--panel-border);border-radius:4px;width:22px;height:22px}.inspector-color-trigger code{color:var(--text-muted);font-size:10px}.left-sidebar.is-collapsed .sidebar-identity{justify-content:center;padding-inline:0}.left-sidebar.is-collapsed .sidebar-brand-mark{display:none}.left-sidebar .sidebar-nav{max-height:calc(100vh - var(--header-height) - var(--statusbar-height) - 123px);padding-top:8px;overflow:auto}.dsb-app.theme-dark{--app-bg:#3a3a3a;--panel-bg:#4a4a4a;--panel-bg-strong:#535353;--panel-border:#303030;--canvas-bg:#2f2f2f;--canvas-dot:#ffffff12;--text-primary:#f0f0f0;--text-secondary:#d0d0d0;--text-muted:#a4a4a4;--accent:#55a7f5;--accent-hover:#71b6f7;--accent-soft:#55a7f533;--shadow-panel:0 12px 28px #00000057;--shadow-frame:0 20px 54px #00000061}.theme-dark .app-header{background:#4f4f4f;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #292929}.theme-dark .left-sidebar,.theme-dark .inspector-panel,.theme-dark .status-bar{box-shadow:inset 0 1px #ffffff09}.theme-dark .toolbar-popover,.theme-dark .sidebar-project-menu{box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000003d}.theme-dark .preview-toolbar,.theme-dark .sidebar-project-trigger{box-shadow:none}.theme-dark .preview-workspace{background:#1f2228}.theme-dark .canvas-view-showroom{background:#2b2d31}.theme-dark .canvas-view-showroom .components-board{--showroom-bg:#2b2d31;background:#2b2d31}.theme-dark .sidebar-brand-mark img{filter:invert()}.theme-dark .nav-item,.theme-dark .subnav-item,.theme-dark .panel-collapse-button,.theme-dark .toolbar-icon-control,.theme-dark .toolbar-menu-trigger{color:#d4d4d4}.canvas-view-showroom.preview-light{--showroom-bg:#eceef1;--showroom-surface:#f4f5f7;--showroom-surface-subtle:#e7e9ed;background:#eceef1}.canvas-view-showroom.preview-light .components-board{background:#eceef1}.canvas-view-showroom.preview-light .board-section{background:#f8f9fa}.canvas-view-showroom.preview-dark{--showroom-bg:#0f1116;background:#0f1116}.canvas-view-showroom.preview-dark .components-board{background:#0f1116}.canvas-view-showroom .board-grid{padding-top:0}.header-brand-cluster{color:inherit;align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.header-brand-logo{justify-content:center;align-items:center;width:22px;height:30px;display:flex}.header-brand-logo img{width:auto;height:27px}.header-brand-cluster strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.95px;font-weight:720;overflow:hidden}.theme-dark .header-brand-logo img{filter:invert()}.sidebar-topline{border-bottom:1px solid var(--panel-border)}.project-menu-actions .project-delete-action{color:#111}.project-menu-actions button:disabled{cursor:default;opacity:.35}.project-menu-actions button:disabled:hover{color:var(--error);background:0 0}.left-sidebar .sidebar-nav{max-height:calc(100vh - var(--header-height) - var(--statusbar-height) - 108px)}@media (max-width:1120px){.header-brand-cluster strong{display:none}}.theme-dark .canvas-surface{background:#1f2228}.theme-dark .canvas-view-showroom,.theme-dark .canvas-view-showroom.preview-light,.theme-dark .canvas-view-showroom.preview-dark,.theme-dark .canvas-view-showroom .components-board{background:#2b2d31}.ds-catalog{background:var(--showroom-bg,#eceef1);min-width:900px;padding:72px 28px 28px}.ds-catalog-column{gap:18px;max-width:1180px;margin:0 auto;display:grid}.ds-showcase-section{--component-primary:var(--showroom-primary);--component-secondary:var(--showroom-secondary);--component-accent:var(--showroom-accent);--component-radius:var(--showroom-radius);--component-space:var(--showroom-space);--component-height:var(--showroom-control-height);--component-border:var(--showroom-border-width);background:var(--showroom-surface,#fff);border:1px solid var(--showroom-line,#d9dde3);color:var(--showroom-text,#171b24);border-radius:6px;scroll-margin-top:16px;overflow:hidden}.ds-showcase-section.is-selected{border-color:var(--showroom-line,#d9dde3);box-shadow:0 0 0 4px var(--showroom-bg,#eceef1), 0 0 0 6px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ds-showcase-section.is-selected{box-shadow:0 0 0 4px var(--showroom-bg,#eceef1), 0 0 0 6px color-mix(in srgb, var(--accent) 54%, #d9dde3)}}.ds-showcase-header{border-bottom:1px solid var(--showroom-line,#d9dde3);justify-content:space-between;align-items:center;min-height:74px;padding:14px 20px;display:flex}.ds-showcase-header>div:first-child{gap:3px;display:grid}.ds-showcase-header span,.ds-showcase-header h2{letter-spacing:0;margin:0}.ds-showcase-header>div:first-child>span{color:var(--showroom-muted,#687080);text-transform:uppercase;font-size:10px;font-weight:700}.ds-showcase-header h2{font-size:20px;line-height:1.2}.ds-showcase-meta,.ds-variant-labels,.ds-state-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ds-showcase-meta span,.ds-variant-labels span,.ds-state-row small{background:var(--showroom-surface-subtle,#f1f3f5);border:1px solid var(--showroom-line,#d9dde3);color:var(--showroom-muted,#687080);border-radius:4px;padding:0 7px;font-size:10px;line-height:22px}.ds-showcase-meta .is-customized{background:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.ds-showcase-meta .is-customized{background:color-mix(in srgb, var(--showroom-warning) 13%, white)}}.ds-showcase-meta .is-customized{border-color:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.ds-showcase-meta .is-customized{border-color:color-mix(in srgb, var(--showroom-warning) 35%, #d9dde3)}}.ds-showcase-meta .is-customized{color:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.ds-showcase-meta .is-customized{color:color-mix(in srgb, var(--showroom-warning) 75%, #1c2028)}}.ds-showcase-live{gap:22px;min-height:220px;padding:24px 20px 20px;display:grid}.ds-state-row{border-top:1px solid var(--showroom-line,#d9dde3);padding-top:16px}.ds-state-row small:first-child{border-color:var(--component-primary);color:var(--component-primary)}.ds-color-specimens{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;display:grid}.ds-color-specimens>div{gap:7px;display:grid}.ds-color-specimens>div>span{border-radius:5px;height:92px}.ds-color-specimens strong{font-size:13px}.ds-color-specimens code,.ds-token-scale code,.ds-shape-specimens code,.ds-border-specimens code,.ds-shadow-specimens code{color:var(--showroom-muted);font-size:10px}.simple-color-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px;display:grid}.simple-color-card{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:7px;min-width:0;padding:0;display:grid}.simple-color-card:hover .simple-color-picker{border-color:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.simple-color-card:hover .simple-color-picker{border-color:color-mix(in srgb, var(--showroom-primary) 48%, var(--showroom-line))}}.simple-color-card:focus-visible{outline:2px solid var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.simple-color-card:focus-visible{outline:2px solid color-mix(in srgb, var(--showroom-primary) 42%, transparent)}}.simple-color-card:focus-visible{outline-offset:4px}.simple-color-picker{aspect-ratio:1.4;border:1px solid var(--showroom-line);cursor:pointer;background:0 0;border-radius:5px;width:100%;height:auto;padding:0}.simple-color-picker::-webkit-color-swatch-wrapper{padding:0}.simple-color-picker::-webkit-color-swatch{border:0;border-radius:4px}.simple-color-card strong{color:var(--showroom-text);font-size:13px;font-weight:650}.simple-color-card code{color:var(--showroom-muted);font-family:var(--font-code);letter-spacing:0;text-transform:uppercase;font-size:11px}.simple-color-card>input:not([type=color]){color:var(--showroom-muted);font-family:var(--font-code);letter-spacing:0;text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;height:22px;padding:0;font-size:11px}.simple-color-card>input:not([type=color]):focus{color:var(--showroom-text)}@media (max-width:1200px){.simple-color-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:800px){.simple-color-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}}.preview-toolbar-group{align-items:center;gap:14px;display:flex}.preview-mode-switch{align-items:center;gap:3px;display:flex}.preview-mode-switch button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;height:28px;padding:0 10px;font-size:12px}.preview-mode-switch button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:700}.template-switch{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;height:28px;padding:0 8px;font-size:12px;font-weight:650}.template-switch:hover{color:var(--text-primary)}.canvas-document.preview-mode-desktop{width:100%}.canvas-document.preview-mode-tablet{width:820px;max-width:820px}.canvas-document.preview-mode-mobile{width:390px;max-width:390px}.ds-form-demo input.is-preview-focus{border-color:var(--component-primary);box-shadow:var(--component-focus-shadow)}.ds-visual-language-preview{gap:calc(var(--showroom-space) * 2.2);padding:36px 0;display:grid}.ds-language-surface{background:var(--showroom-surface)}@supports (color:color-mix(in lab, red, red)){.ds-language-surface{background:color-mix(in srgb, var(--showroom-surface) 92%, var(--showroom-primary))}}.ds-language-surface{border:var(--showroom-border-width) solid var(--showroom-line);border-radius:var(--showroom-radius);box-shadow:0 calc(var(--showroom-shadow-depth) / 3) var(--showroom-shadow-depth) var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.ds-language-surface{box-shadow:0 calc(var(--showroom-shadow-depth) / 3) var(--showroom-shadow-depth) color-mix(in srgb, var(--showroom-text) 14%, transparent)}}.ds-language-surface{display:grid;overflow:hidden}.ds-language-topbar{border-bottom:var(--showroom-border-width) solid var(--showroom-line);align-items:center;gap:calc(var(--showroom-space) * .65);min-height:calc(var(--showroom-space) * 4);padding:calc(var(--showroom-space) * 1.15) calc(var(--showroom-space) * 1.5);display:flex}.ds-language-topbar span{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.ds-language-topbar span{background:color-mix(in srgb, var(--showroom-primary) 34%, var(--showroom-surface))}}.ds-language-topbar span{border-radius:999px;width:7px;height:7px}.ds-language-content{align-items:center;gap:calc(var(--showroom-space) * 2);padding:calc(var(--showroom-space) * 3);grid-template-columns:minmax(0,1fr) auto;display:grid}.ds-language-copy{gap:calc(var(--showroom-space) * 1.15);min-width:0;display:grid}.ds-language-copy>span{color:var(--showroom-primary);font-size:clamp(11px, calc(var(--showroom-base-font) * .72), 13px);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.ds-language-copy strong{color:var(--showroom-text);font-size:clamp(22px, calc(var(--showroom-base-font) * 1.65), 42px);letter-spacing:0;max-width:620px;font-weight:760;line-height:1.05}.ds-language-copy p{color:var(--showroom-muted);font-size:clamp(13px, var(--showroom-base-font), 18px);max-width:560px;margin:0;line-height:1.45}.ds-language-side-stack span{background:var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.ds-language-side-stack span{background:color-mix(in srgb, var(--showroom-primary) 18%, var(--showroom-surface))}}.ds-language-side-stack span{border:var(--showroom-border-width) solid var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.ds-language-side-stack span{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-primary) 24%, transparent)}}.ds-language-side-stack span{border-radius:var(--showroom-radius);display:block}.ds-layout-preview p{color:var(--showroom-muted);font-size:13px}.ds-language-actions{gap:var(--component-space);padding-top:calc(var(--showroom-space) * .65);flex-wrap:wrap;display:flex}.ds-language-actions button{background:var(--component-primary);border-color:var(--component-border-color);border-style:solid;border-width:var(--component-border-top,var(--component-border)) var(--component-border-right,var(--component-border)) var(--component-border-bottom,var(--component-border)) var(--component-border-left,var(--component-border));border-radius:var(--component-radius-top-left,var(--component-radius)) var(--component-radius-top-right,var(--component-radius)) var(--component-radius-bottom-right,var(--component-radius)) var(--component-radius-bottom-left,var(--component-radius));box-shadow:var(--component-shadow);color:var(--component-text-color);cursor:var(--component-cursor);font-size:var(--component-font-size);font-weight:var(--component-font-weight);height:var(--component-height);min-width:138px;opacity:var(--component-opacity);padding:0 var(--component-padding);justify-content:center;align-items:center;display:inline-flex}.ds-language-actions button+button{background:var(--showroom-surface)}@supports (color:color-mix(in lab, red, red)){.ds-language-actions button+button{background:color-mix(in srgb, var(--showroom-surface) 94%, var(--showroom-primary))}}.ds-language-actions button+button{border-color:var(--showroom-line);box-shadow:none;color:var(--showroom-text)}.ds-language-side-stack{gap:calc(var(--showroom-space) * .85);width:clamp(92px,18vw,180px);display:grid}.ds-language-side-stack span{background:var(--showroom-surface);border-color:var(--showroom-line);box-shadow:0 calc(var(--showroom-shadow-depth) / 8) calc(var(--showroom-shadow-depth) / 2) var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.ds-language-side-stack span{box-shadow:0 calc(var(--showroom-shadow-depth) / 8) calc(var(--showroom-shadow-depth) / 2) color-mix(in srgb, var(--showroom-text) 9%, transparent)}}.ds-language-side-stack span{height:calc(var(--showroom-space) * 3.2)}.ds-layout-preview{gap:calc(var(--showroom-space) * 2);padding:36px 0;display:grid}.ds-layout-canvas{padding:calc(var(--showroom-space) * 2)}@media (max-width:980px){.ds-language-content{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-type-specimens{font-size:initial;gap:0;display:grid}.ds-type-specimens>div{border-bottom:1px solid var(--showroom-line);grid-template-columns:130px minmax(0,1fr) 190px;align-items:center;gap:18px;min-height:88px;padding:16px 0;display:grid}.ds-type-specimens>div:last-child{border-bottom:0}.ds-type-specimens code,.ds-type-specimens small{color:var(--showroom-muted);font-size:11px;line-height:1.3}.ds-type-specimens code.is-base-type-token{color:var(--showroom-primary);font-weight:750}.ds-type-specimens code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-type-specimens>div>span{overflow-wrap:anywhere;min-width:0}.ds-type-sample{max-width:34ch;display:block}.ds-type-specimens small{text-align:right;white-space:nowrap}.ds-token-scale{gap:12px;display:grid}.ds-token-scale>div{grid-template-columns:100px 1fr 60px;align-items:center;gap:14px;display:grid}.ds-token-scale>div>span{background:var(--component-primary);border-radius:2px;min-width:4px;max-width:100%;height:18px;display:block}.ds-token-scale strong{text-align:right;font-size:11px}.ds-shape-specimens,.ds-border-specimens,.ds-shadow-specimens{flex-wrap:wrap;gap:18px;display:flex}.ds-shape-specimens>div,.ds-border-specimens>div,.ds-shadow-specimens>div{background:var(--showroom-surface-subtle);align-content:space-between;width:170px;height:130px;padding:14px;display:grid}.ds-border-specimens>div{border-color:var(--component-primary);border-style:solid}.ds-shadow-specimens>div{background:var(--showroom-surface)}.ds-grid-specimen{box-sizing:border-box;min-height:220px;transition:width .18s,gap .18s,padding .18s;display:grid}.ds-grid-specimen span{background:var(--showroom-primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.ds-grid-specimen span{background:color-mix(in srgb, var(--showroom-primary) 14%, transparent)}}.ds-grid-specimen span{border:1px solid var(--showroom-primary)}@supports (color:color-mix(in lab, red, red)){.ds-grid-specimen span{border:1px solid color-mix(in srgb, var(--showroom-primary) 24%, transparent)}}.ds-grid-specimen span{color:var(--showroom-primary);justify-content:center;min-width:0;font-size:10px;display:flex}.ds-icon-library-showcase{align-items:center;gap:18px;min-height:250px;padding-bottom:18px;display:grid}.ds-icon-library-heading{justify-content:space-between;align-items:end;display:flex}.ds-icon-library-heading strong{font-size:17px}.ds-icon-library-heading span{color:var(--showroom-muted);font-size:10px}.ds-icon-specimens{grid-template-columns:repeat(7,minmax(88px,1fr));gap:8px;display:grid}.ds-icon-specimens>div{justify-content:center;align-items:center;height:92px;display:flex}.ds-icon-frame{background:var(--preview-icon-frame-bg);border:var(--preview-icon-frame-border) solid var(--showroom-line);border-radius:var(--preview-icon-frame-radius);color:var(--preview-icon-frame-color);padding:var(--preview-icon-frame-padding);justify-content:center;align-items:center;display:inline-flex}.ds-icon-specimens svg{color:currentColor;height:var(--icon-size,1em);width:var(--icon-size,1em);flex:none;display:block}.ds-icon-specimens svg *{stroke-width:var(--preview-icon-stroke)}.inspector-toggle-control{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.inspector-toggle-control input{accent-color:var(--accent);width:16px;height:16px}.ds-button-row,.ds-inline-demo,.ds-choice-demo,.ds-spinner-demo,.ds-badge-demo{align-items:center;gap:calc(var(--component-space) * 1.25);flex-wrap:wrap;min-height:92px;display:flex}.ds-button-preview{gap:28px;padding-bottom:18px;display:grid}.ds-button-variant-section{gap:12px;display:grid}.ds-button-variant-section h3{color:var(--showroom-muted);letter-spacing:.08em;opacity:.78;text-align:center;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.ds-button-sequence{justify-content:center;gap:12px;padding-bottom:14px;display:flex;overflow-x:auto}.ds-button-state-sample{flex:none;gap:8px;display:grid}.ds-button-state-sample small{color:var(--showroom-muted);text-transform:uppercase;font-size:10px;font-weight:700}.ds-showcase-live button,.ds-showcase-live input,.ds-showcase-live select,.ds-showcase-live textarea{font:inherit;letter-spacing:0}.ds-button-sequence button,.ds-showcase-live button.primary,.ds-card-demo button,.ds-upload-demo button,.ds-menu-demo>button,.ds-popover-demo>button,.ds-tooltip-demo>button{background:var(--showroom-surface);border-color:var(--showroom-line);border-style:solid;border-width:var(--component-border-top,var(--component-border)) var(--component-border-right,var(--component-border)) var(--component-border-bottom,var(--component-border)) var(--component-border-left,var(--component-border));border-radius:var(--component-radius-top-left,var(--component-radius)) var(--component-radius-top-right,var(--component-radius)) var(--component-radius-bottom-right,var(--component-radius)) var(--component-radius-bottom-left,var(--component-radius));box-shadow:var(--component-shadow);color:var(--showroom-text);cursor:var(--component-cursor);align-items:center;gap:var(--component-space);height:var(--component-height);opacity:var(--component-opacity);padding:0 calc(var(--component-space) * 2);justify-content:center;display:inline-flex}.ds-button-sequence button{min-width:138px}.ds-button-row button.primary,.ds-showcase-live button.primary{background:var(--component-primary);border-color:var(--component-primary);color:#fff}.ds-button-row button,.ds-button-sequence button{font-size:var(--component-font-size);font-weight:var(--component-font-weight)}.ds-button-sequence button{padding-inline:var(--component-padding)}.ds-button-sequence button.icon{min-width:var(--component-height);width:var(--component-height);padding:0}.ds-button-sequence button.variant-primary,.ds-button-sequence button.variant-primary.state-default{background:var(--component-primary);border-color:var(--component-primary);color:var(--component-text-color)}.ds-button-sequence button.variant-secondary,.ds-button-sequence button.variant-secondary.state-default{background:var(--showroom-surface);border-color:var(--showroom-line);color:var(--showroom-text)}.ds-button-sequence button.variant-outline,.ds-button-sequence button.variant-outline.state-default{border-color:var(--component-primary);color:var(--component-primary);background:0 0}.ds-button-sequence button.variant-ghost,.ds-button-sequence button.variant-ghost.state-default{color:var(--showroom-text);background:0 0;border-color:#0000}.ds-button-sequence button.variant-danger,.ds-button-sequence button.variant-danger.state-default{background:var(--showroom-danger);border-color:var(--showroom-danger);color:#fff}.ds-button-sequence button.state-hover{background:var(--component-hover-bg);border-color:var(--component-hover-border);box-shadow:var(--component-hover-shadow);color:var(--component-hover-text);cursor:var(--component-hover-cursor);opacity:var(--component-hover-opacity)}.ds-button-sequence button.state-active{background:var(--component-active-bg);border-color:var(--component-active-border);box-shadow:var(--component-active-shadow);color:var(--component-active-text);cursor:var(--component-active-cursor);opacity:var(--component-active-opacity)}.ds-button-sequence button.state-focus{background:var(--component-focus-bg);border-color:var(--component-focus-border);box-shadow:var(--component-focus-shadow);color:var(--component-focus-text);cursor:var(--component-focus-cursor);opacity:var(--component-focus-opacity)}.ds-button-sequence button.state-disabled{background:var(--component-disabled-bg);border-color:var(--component-disabled-border);color:var(--component-disabled-text);cursor:var(--component-disabled-cursor);opacity:var(--component-disabled-opacity)}.ds-button-sequence button.state-focus{outline:0}.ds-showcase-live button.primary[data-color-property]{box-shadow:var(--component-shadow);color:var(--component-text-color);cursor:var(--component-cursor);font-size:var(--component-font-size);font-weight:var(--component-font-weight);opacity:var(--component-opacity);padding-inline:var(--component-padding);transition:background var(--component-transition), border-color var(--component-transition), color var(--component-transition), box-shadow var(--component-transition), opacity var(--component-transition)}.ds-showcase-live button.primary[data-color-property]:hover{background:var(--component-hover-bg);border-color:var(--component-hover-border);box-shadow:var(--component-hover-shadow);color:var(--component-hover-text);opacity:var(--component-hover-opacity)}.ds-showcase-live button.primary[data-color-property]:active{background:var(--component-active-bg);border-color:var(--component-active-border);box-shadow:var(--component-active-shadow);color:var(--component-active-text);opacity:var(--component-active-opacity)}.ds-showcase-live button.primary[data-color-property]:focus-visible{background:var(--component-focus-bg);border-color:var(--component-focus-border);box-shadow:var(--component-focus-shadow);color:var(--component-focus-text);opacity:var(--component-focus-opacity);outline:0}.ds-showcase-live button.primary[data-color-property]:disabled{background:var(--component-disabled-bg);border-color:var(--component-disabled-border);color:var(--component-disabled-text);opacity:var(--component-disabled-opacity)}.ds-button-row button[data-color-property=borderColorToken]{border-color:var(--component-border-color)}.ds-button-row button[data-color-property=textColorToken]{color:var(--component-text-color)}.ds-button-row button.outline{border-color:var(--component-primary);color:var(--component-primary)}.ds-button-row button.ghost{background:0 0;border-color:#0000}.ds-button-row button.danger{background:var(--showroom-danger);border-color:var(--showroom-danger);color:#fff}.ds-button-row button.icon{width:var(--component-height);padding:0}.ds-button-row button:disabled{opacity:.4}.ds-button-row svg,.ds-inline-demo svg{width:15px;height:15px}.ds-inline-demo a{color:var(--component-primary);align-items:center;gap:5px;display:inline-flex}.component-direct-edit-stage{position:relative}.component-color-popover{background:var(--showroom-surface);border:1px solid var(--showroom-line);z-index:8;border-radius:6px;gap:8px;width:240px;max-height:360px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:12px;box-shadow:0 14px 38px #1418202e}.component-color-popover header{justify-content:space-between;align-items:center;padding:4px;display:flex}.component-color-popover header button{color:var(--showroom-muted);background:0 0;border:0;width:24px;height:24px;padding:0}.component-color-popover>div{gap:2px;max-height:240px;display:grid;overflow:auto}.component-color-popover>div button{color:var(--showroom-text);text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;min-height:34px;padding:0 6px;display:grid}.component-color-popover>div button:hover,.component-color-popover>div button.is-active{background:var(--showroom-surface-subtle)}.component-color-popover>div button i{border:1px solid var(--showroom-line);border-radius:3px;width:20px;height:20px}.component-color-popover>label{border-top:1px solid var(--showroom-line);justify-content:space-between;align-items:center;padding:8px 4px 2px;font-size:10px;display:flex}.component-color-popover>label input{width:32px;height:26px;padding:0}.ds-input-preview{align-items:center;min-height:250px;padding-bottom:18px;display:grid}.ds-input-sequence{grid-template-columns:repeat(3,minmax(180px,1fr));gap:30px 20px;width:100%;max-width:760px;margin-inline:auto;padding-bottom:18px;display:grid}.ds-input-state-sample{min-width:0}.ds-input-state-sample input{background:var(--component-primary);border-color:var(--component-border-color);border-radius:var(--component-radius-top-left,var(--component-radius)) var(--component-radius-top-right,var(--component-radius)) var(--component-radius-bottom-right,var(--component-radius)) var(--component-radius-bottom-left,var(--component-radius));border-style:solid;border-width:var(--component-border-top,var(--component-border)) var(--component-border-right,var(--component-border)) var(--component-border-bottom,var(--component-border)) var(--component-border-left,var(--component-border));box-shadow:var(--component-shadow);color:var(--component-text-color);font-size:var(--component-font-size);font-weight:var(--component-font-weight);min-height:var(--component-height);padding:0 var(--component-padding);width:100%}.ds-input-state-sample input.input-state-hover{background:var(--component-hover-bg);border-color:var(--component-hover-border);box-shadow:var(--component-hover-shadow);color:var(--component-hover-text)}.ds-input-state-sample input.input-state-active{background:var(--component-active-bg);border-color:var(--component-active-border);box-shadow:var(--component-active-shadow);color:var(--component-active-text)}.ds-input-state-sample input.input-state-focus{background:var(--component-focus-bg);border-color:var(--component-focus-border);box-shadow:var(--component-focus-shadow);color:var(--component-focus-text);outline:0}.ds-input-state-sample input.input-state-filled{background:var(--component-filled-bg);border-color:var(--component-filled-border);box-shadow:var(--component-filled-shadow);color:var(--component-filled-text)}.ds-input-state-sample input.input-state-error{background:var(--component-error-bg);border-color:var(--component-error-border);box-shadow:var(--component-error-shadow);color:var(--component-error-text)}.ds-input-state-sample input.input-state-success{background:var(--component-success-bg);border-color:var(--component-success-border);box-shadow:var(--component-success-shadow);color:var(--component-success-text)}.ds-input-state-sample input.input-state-disabled{background:var(--component-disabled-bg);border-color:var(--component-disabled-border);color:var(--component-disabled-text);opacity:var(--component-disabled-opacity)}.ds-form-demo{grid-template-columns:repeat(3,minmax(210px,1fr));align-items:start;gap:22px;display:grid}.ds-form-demo label,.ds-drawer-demo label,.ds-slider-demo label{color:var(--showroom-muted);gap:7px;font-size:11px;display:grid}.ds-form-demo input,.ds-form-demo select,.ds-form-demo textarea,.ds-drawer-demo input{background:var(--showroom-surface);border-color:var(--showroom-line);border-radius:var(--component-radius-top-left,var(--component-radius)) var(--component-radius-top-right,var(--component-radius)) var(--component-radius-bottom-right,var(--component-radius)) var(--component-radius-bottom-left,var(--component-radius));border-style:solid;border-width:var(--component-border-top,var(--component-border)) var(--component-border-right,var(--component-border)) var(--component-border-bottom,var(--component-border)) var(--component-border-left,var(--component-border));color:var(--showroom-text);font-size:var(--component-font-size);font-weight:var(--component-font-weight);min-height:var(--component-height);padding:0 var(--component-padding)}.ds-form-demo textarea{resize:vertical;min-height:112px}.ds-form-demo input[aria-invalid]{border-color:var(--showroom-danger)}.ds-form-demo small{color:var(--showroom-danger)}.ds-input-icon{align-items:center;display:flex;position:relative}.ds-input-icon svg{color:var(--showroom-muted);left:var(--component-padding);width:16px;position:absolute}.ds-input-icon input{padding-left:calc(var(--component-padding) + 16px + var(--component-space));width:100%}.ds-choice-demo label{align-items:center;gap:8px;min-height:42px;display:flex}.ds-choice-demo input{accent-color:var(--component-primary);width:20px;height:20px}.ds-slider-demo{gap:24px;max-width:640px;display:grid}.ds-slider-demo input{accent-color:var(--component-primary);width:100%}.ds-calendar-mini{grid-template-columns:repeat(7,34px);gap:5px;display:grid}.ds-calendar-mini strong{grid-column:1/-1;align-items:center;gap:7px;margin-bottom:8px;display:flex}.ds-calendar-mini span{justify-content:center;align-items:center;height:34px;display:flex}.ds-calendar-mini .active{background:var(--component-primary);border-radius:var(--component-radius);color:#fff}.ds-upload-demo{border:1px dashed var(--showroom-line);border-radius:var(--component-radius);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;display:flex}.ds-upload-demo>svg{color:var(--component-primary);width:30px;height:30px}.ds-upload-demo>span{color:var(--showroom-muted)}.ds-card-demo{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;display:grid}.ds-card-demo>div{border:1px solid var(--showroom-line);border-radius:var(--component-radius);gap:12px;min-height:180px;padding:22px;display:grid}.ds-card-demo>div:first-child strong{font-size:40px}.ds-card-demo span,.ds-card-demo small,.ds-card-demo p{color:var(--showroom-muted)}.ds-card-demo h3,.ds-card-demo p{margin:0}.ds-card-demo button{justify-self:start}.ds-list-demo{border:1px solid var(--showroom-line);border-radius:var(--component-radius);overflow:hidden}.ds-list-demo button{border:0;border-bottom:1px solid var(--showroom-line);color:var(--showroom-text);text-align:left;background:0 0;grid-template-columns:32px 1fr auto 18px;align-items:center;gap:12px;width:100%;min-height:62px;padding:0 16px;display:grid}.ds-list-demo button:last-child{border-bottom:0}.ds-list-demo button>span{background:var(--showroom-surface-subtle);border-radius:4px;justify-content:center;align-items:center;height:30px;display:flex}.ds-list-demo small{color:var(--showroom-muted)}.ds-table-demo{border-collapse:collapse;width:100%}.ds-table-demo th,.ds-table-demo td{border-bottom:1px solid var(--showroom-line);text-align:left;padding:13px}.ds-table-demo th{color:var(--showroom-muted);text-transform:uppercase;font-size:10px}.ds-table-demo td span{background:var(--showroom-surface-subtle);border-radius:4px;padding:4px 7px;font-size:10px}.ds-table-demo svg{width:16px}.ds-tabs-demo>div{border-bottom:1px solid var(--showroom-line);gap:26px;display:flex}.ds-tabs-demo button{color:var(--showroom-muted);background:0 0;border:0;border-bottom:2px solid #0000;height:44px}.ds-tabs-demo button.active{border-color:var(--component-primary);color:var(--component-primary)}.ds-tabs-demo p{padding:18px 0}.ds-accordion-demo details{border-bottom:1px solid var(--showroom-line);padding:15px 0}.ds-accordion-demo summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:650;list-style:none;display:flex}.ds-accordion-demo p{color:var(--showroom-muted);margin-bottom:0}.ds-breadcrumb-demo{align-items:center;gap:8px;min-height:100px;display:flex}.ds-breadcrumb-demo a{color:var(--component-primary)}.ds-breadcrumb-demo svg{color:var(--showroom-muted);width:14px}.ds-pagination-demo{align-items:center;gap:5px;min-height:100px;display:flex}.ds-pagination-demo button{border:1px solid var(--showroom-line);border-radius:var(--component-radius);background:0 0;min-width:36px;height:36px}.ds-pagination-demo button.active{background:var(--component-primary);border-color:var(--component-primary);color:#fff}.ds-navbar-demo{border:1px solid var(--showroom-line);align-items:center;gap:26px;min-height:72px;padding:0 18px;display:flex}.ds-navbar-demo div{gap:22px;margin:auto;display:flex}.ds-navbar-demo a{color:var(--showroom-text);text-decoration:none}.ds-navbar-demo>button{background:var(--component-primary);border-radius:var(--component-radius);color:#fff;border:0;min-height:38px;padding:0 14px}.ds-sidebar-demo{color:#fff;background:#20242c;gap:5px;width:240px;min-height:270px;padding:18px;display:grid}.ds-sidebar-demo>strong{margin-bottom:14px}.ds-sidebar-demo button{border-radius:var(--component-radius);color:#bdc3ce;background:0 0;border:0;align-items:center;gap:10px;height:40px;padding:0 10px;display:flex}.ds-sidebar-demo button.active{background:var(--component-primary);color:#fff}.ds-sidebar-demo svg{width:16px}.ds-menu-demo,.ds-popover-demo{align-items:start;gap:18px;min-height:210px;display:flex}.ds-menu-demo>div,.ds-popover-demo>div{background:var(--showroom-surface);border:1px solid var(--showroom-line);border-radius:var(--component-radius);box-shadow:var(--showroom-shadow);min-width:220px;padding:6px;display:grid}.ds-menu-demo>div button{color:var(--showroom-text);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.ds-menu-demo>div .danger{color:var(--showroom-danger)}.ds-menu-demo hr{border:0;border-top:1px solid var(--showroom-line);width:100%}.ds-popover-demo>div{gap:12px;padding:16px}.ds-popover-demo label{gap:8px;display:flex}.ds-overlay-stage{background:#12171f61;justify-content:center;align-items:center;min-height:310px;padding:28px;display:flex}.ds-modal-demo{background:var(--showroom-surface);border-radius:var(--component-radius);width:100%;max-width:460px;padding:24px;position:relative;box-shadow:0 18px 50px #0003}.ds-modal-demo h3{margin:0;font-size:21px}.ds-modal-demo p{color:var(--showroom-muted);line-height:1.5}.ds-modal-demo>div{justify-content:flex-end;gap:8px;display:flex}.ds-modal-demo .close{background:0 0;border:0;position:absolute;top:14px;right:14px}.ds-modal-demo button:not(.close){border:1px solid var(--showroom-line);border-radius:var(--component-radius);min-height:38px;padding:0 14px}.ds-drawer-stage{justify-content:flex-end;padding:0}.ds-drawer-demo{background:var(--showroom-surface);align-content:start;gap:18px;width:360px;min-height:310px;padding:22px;display:grid}.ds-drawer-demo header{justify-content:space-between;align-items:center;display:flex}.ds-drawer-demo p{color:var(--showroom-muted)}.ds-tooltip-demo{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;display:flex}.ds-tooltip-demo span{color:#fff;background:#1e232b;border-radius:4px;padding:7px 10px;font-size:11px}.ds-feedback-demo{gap:10px;display:grid}.ds-feedback-demo>div{background:var(--component-primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.ds-feedback-demo>div{background:color-mix(in srgb, var(--component-primary) 8%, white)}}.ds-feedback-demo>div{border:1px solid var(--component-primary)}@supports (color:color-mix(in lab, red, red)){.ds-feedback-demo>div{border:1px solid color-mix(in srgb, var(--component-primary) 22%, var(--showroom-line))}}.ds-feedback-demo>div{border-radius:var(--component-radius);gap:12px;min-height:64px;padding:10px 14px;display:flex}.ds-feedback-demo>div>span{gap:3px;display:grid}.ds-feedback-demo .success{background:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.ds-feedback-demo .success{background:color-mix(in srgb, var(--showroom-success) 9%, white)}}.ds-feedback-demo .warning{background:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.ds-feedback-demo .warning{background:color-mix(in srgb, var(--showroom-warning) 10%, white)}}.ds-feedback-demo .error{background:var(--showroom-danger)}@supports (color:color-mix(in lab, red, red)){.ds-feedback-demo .error{background:color-mix(in srgb, var(--showroom-danger) 8%, white)}}.ds-toast-demo{flex-wrap:wrap;gap:18px;display:flex}.ds-toast-demo>div{border:1px solid var(--showroom-line);border-radius:var(--component-radius);box-shadow:var(--showroom-shadow);grid-template-columns:24px 1fr 18px;align-items:center;gap:10px;min-width:330px;padding:14px;display:grid}.ds-toast-demo span{gap:3px;display:grid}.ds-toast-demo small{color:var(--showroom-muted)}.ds-badge-demo span{background:var(--showroom-surface-subtle);border-radius:999px;padding:6px 10px;font-size:11px}.ds-badge-demo .info{background:var(--component-primary)}@supports (color:color-mix(in lab, red, red)){.ds-badge-demo .info{background:color-mix(in srgb, var(--component-primary) 12%, white)}}.ds-badge-demo .info{color:var(--component-primary)}.ds-badge-demo .success{background:var(--showroom-success)}@supports (color:color-mix(in lab, red, red)){.ds-badge-demo .success{background:color-mix(in srgb, var(--showroom-success) 12%, white)}}.ds-badge-demo .success{color:var(--showroom-success)}.ds-badge-demo .warning{background:var(--showroom-warning)}@supports (color:color-mix(in lab, red, red)){.ds-badge-demo .warning{background:color-mix(in srgb, var(--showroom-warning) 15%, white)}}.ds-badge-demo .warning{color:#785d00}.ds-badge-demo .error{background:var(--showroom-danger)}@supports (color:color-mix(in lab, red, red)){.ds-badge-demo .error{background:color-mix(in srgb, var(--showroom-danger) 12%, white)}}.ds-badge-demo .error{color:var(--showroom-danger)}.ds-progress-demo{gap:10px;max-width:680px;display:grid}.ds-progress-demo label{justify-content:space-between;display:flex}.ds-progress-demo progress{accent-color:var(--component-primary);width:100%;height:12px}.ds-spinner-demo>svg,.ds-spinner-demo button svg{color:var(--component-primary);animation:.9s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-skeleton-demo{align-items:center;gap:18px;min-height:130px;display:flex}.ds-skeleton-demo span{background:var(--showroom-surface-subtle);border-radius:4px;width:420px;height:14px;animation:1.3s ease-in-out infinite ds-pulse;display:block}.ds-skeleton-demo .avatar{border-radius:50%;width:72px;height:72px}.ds-skeleton-demo>div{gap:10px;display:grid}.ds-skeleton-demo>div span:nth-child(2){width:330px}.ds-skeleton-demo>div span:nth-child(3){width:240px}@keyframes ds-pulse{50%{opacity:.45}}.ds-timeline-demo{gap:0;margin:0;padding:0;list-style:none;display:grid}.ds-timeline-demo li{grid-template-columns:34px 1fr;align-items:center;gap:14px;min-height:72px;display:grid;position:relative}.ds-timeline-demo li:not(:last-child):after{background:var(--showroom-line);content:"";width:1px;position:absolute;top:45px;bottom:-15px;left:16px}.ds-timeline-demo li>span{background:var(--component-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ds-timeline-demo li>div{gap:4px;display:grid}.ds-timeline-demo small{color:var(--showroom-muted)}.ds-empty-demo{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.ds-empty-demo>svg{color:var(--component-primary);width:34px;height:34px}.ds-empty-demo h3{margin:16px 0 6px}.ds-empty-demo p{color:var(--showroom-muted);margin:0 0 18px}@media (prefers-reduced-motion:reduce){.ds-spinner-demo>svg,.ds-spinner-demo button svg,.ds-skeleton-demo span{animation:none}}.preview-template-select{color:var(--text-muted);align-items:center;gap:8px;font-size:10.35px;display:flex}.preview-template-select select{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary);height:28px;padding:0 26px 0 8px}.canvas-view-preview{justify-content:center;align-items:flex-start;min-width:100%;display:flex}.canvas-view-preview>.template-page,.canvas-view-preview>.landing-preview-page{flex:none;width:100%;max-width:1440px}.template-page{--template-primary:var(--showroom-primary);--template-secondary:var(--showroom-secondary);--template-accent:var(--showroom-accent);--template-radius:var(--showroom-radius);--template-space:var(--showroom-space);--template-background:var(--showroom-background);--template-surface:var(--showroom-surface);--template-text:var(--showroom-text);--template-secondary-text:var(--showroom-secondary-text);--template-muted:var(--showroom-muted);--template-border:var(--showroom-line);--template-border-width:var(--showroom-border-width);--template-base-font:var(--showroom-base-font);--template-type-scale:var(--showroom-type-scale);background:var(--template-background,#fff);color:var(--template-text,#191c22);font-family:var(--showroom-body-font,Outfit, sans-serif);min-height:100%}.template-page *,.template-page :before,.template-page :after{box-sizing:border-box}.template-page button,.template-page input{font:inherit;letter-spacing:0}.template-page a{color:inherit;text-decoration:none}.template-page h1,.template-page h2,.template-page h3,.template-page p{letter-spacing:0}.dashboard-template{grid-template-columns:238px 1fr;min-height:900px;display:grid}.dashboard-template>aside{color:#fff;background:#20242b;flex-direction:column;padding:24px 14px;display:flex}.dashboard-template>aside>strong{align-items:center;gap:8px;padding:0 9px 28px;font-size:19px;display:flex}.dashboard-template>aside>strong svg{color:var(--template-primary);width:19px}.dashboard-template>aside nav{gap:5px;display:grid}.dashboard-template>aside nav button{border-radius:var(--template-radius);color:#bfc4cd;background:0 0;border:0;align-items:center;gap:10px;height:42px;padding:0 10px;display:flex}.dashboard-template>aside nav button.active{background:var(--template-primary);color:#fff}.dashboard-template>aside nav svg{width:17px}.dashboard-template>aside>div{border-top:1px solid #3b4049;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0;display:flex}.dashboard-template>aside>div>span{background:var(--template-accent);color:#171a20;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.dashboard-template>aside p{margin:0;display:grid}.dashboard-template>aside small{color:#979eaa}.dashboard-main{background:var(--template-surface,#f5f6f8);min-width:0}.dashboard-main>header{background:var(--template-background,#fff);border-bottom:var(--template-border-width,1px) solid var(--template-border,#e1e4e8);align-items:center;gap:8px;height:66px;padding:0 26px;display:flex}.dashboard-main>header label{align-items:center;margin-right:auto;display:flex;position:relative}.dashboard-main>header label svg{color:var(--showroom-icon-color,#858c98);width:16px;position:absolute;left:10px}.dashboard-main>header input{background:var(--component-primary,#fff);border:var(--component-border,1px) solid var(--component-border-color,#dcdfe4);border-radius:var(--component-radius,var(--template-radius));color:var(--component-text-color);font-size:var(--component-font-size);font-weight:var(--component-font-weight);height:var(--component-height,38px);width:280px;padding:0 12px 0 35px}.dashboard-main>header button,.dashboard-heading button{border-radius:var(--component-radius,var(--template-radius));border-width:var(--component-border,1px);height:var(--component-height,38px)}.dashboard-main>header button.primary:hover{background:var(--component-hover-bg);border-color:var(--component-hover-border);color:var(--component-hover-text)}.dashboard-main>header button.primary{background:var(--template-primary);border-color:var(--template-primary);color:#fff}.dashboard-main>main{padding:30px}.dashboard-heading{justify-content:space-between;align-items:end;display:flex}.dashboard-heading span,.dashboard-heading p{color:var(--template-muted,#747b87)}.dashboard-heading h1{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-heading-size);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0);margin:5px 0}.dashboard-heading p{font-family:var(--showroom-body-font,inherit);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);margin:0}.dashboard-heading button{background:var(--template-background,white);border:var(--template-border-width,1px) solid var(--template-border,#dcdfe4);border-radius:var(--template-radius);height:38px;padding:0 14px}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px;display:grid}.dashboard-metrics article{background:var(--template-background,white);border:var(--template-border-width,1px) solid var(--template-border,#e1e4e8);border-radius:var(--template-radius);gap:5px;min-height:132px;padding:18px;display:grid}.dashboard-metrics article>span,.dashboard-metrics small{color:var(--template-muted,#747b87)}.dashboard-metrics strong{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-display-size);font-weight:var(--showroom-heading-weight,700)}.dashboard-panels{grid-template-columns:minmax(500px,1.5fr) minmax(280px,1fr);gap:18px;display:grid}.dashboard-panels>article{background:var(--template-background,white);border:var(--template-border-width,1px) solid var(--template-border,#e1e4e8);border-radius:var(--template-radius);padding:18px;overflow:hidden}.dashboard-panels>article>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dashboard-panels h2{font-family:var(--showroom-heading-font,inherit);font-size:var(--showroom-subheading-size);font-weight:var(--showroom-heading-weight,700);letter-spacing:var(--showroom-heading-letter-spacing,0);margin:0}.dashboard-panels header p{color:var(--template-muted,#747b87);font-family:var(--showroom-body-font,inherit);font-weight:var(--showroom-body-weight,400);letter-spacing:var(--showroom-body-letter-spacing,0);margin:4px 0 0}.dashboard-health-row{border-top:var(--template-border-width,1px) solid var(--template-border,#eceef1);grid-template-columns:34px 1fr 58px 90px 38px;align-items:center;gap:10px;min-height:62px;display:grid}.dashboard-health-row>span,.dashboard-activity-row>span{background:var(--template-primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.dashboard-health-row>span,.dashboard-activity-row>span{background:color-mix(in srgb, var(--template-primary) 11%, white)}}.dashboard-health-row>span,.dashboard-activity-row>span{color:var(--template-primary);border-radius:4px;justify-content:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.dashboard-health-row small{color:var(--template-muted,#747b87)}.dashboard-status{border-radius:999px;width:fit-content;padding:3px 9px;font-weight:600}.dashboard-status-success{background:var(--showroom-success,#1f9d55)}@supports (color:color-mix(in lab, red, red)){.dashboard-status-success{background:color-mix(in srgb, var(--showroom-success,#1f9d55) 14%, transparent)}}.dashboard-status-success{color:var(--showroom-success,#1f9d55)}.dashboard-status-warning{background:var(--showroom-warning,#b7791f)}@supports (color:color-mix(in lab, red, red)){.dashboard-status-warning{background:color-mix(in srgb, var(--showroom-warning,#b7791f) 16%, transparent)}}.dashboard-status-warning{color:var(--showroom-warning,#b7791f)}.dashboard-status-danger{background:var(--showroom-danger,#c53030)}@supports (color:color-mix(in lab, red, red)){.dashboard-status-danger{background:color-mix(in srgb, var(--showroom-danger,#c53030) 14%, transparent)}}.dashboard-status-danger{color:var(--showroom-danger,#c53030)}.dashboard-health-row progress{accent-color:var(--template-primary);width:90px}.dashboard-activity-row{border-top:var(--template-border-width,1px) solid var(--template-border,#eceef1);grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:67px;display:grid}.dashboard-activity-row p{gap:4px;margin:0;display:grid}.dashboard-activity-row small{color:var(--template-muted,#747b87)}@media (max-width:900px){.dashboard-template{grid-template-columns:72px 1fr}.dashboard-template>aside{padding-inline:10px}.dashboard-template>aside>strong,.dashboard-template>aside button{justify-content:center;padding:0;font-size:0}.dashboard-template>aside>div p{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-panels{grid-template-columns:1fr}}@media (max-width:620px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-main>main{padding:18px}.dashboard-heading{align-items:start;gap:16px}.dashboard-main>header label input{width:190px}.dashboard-main>header .primary{display:none}.dashboard-health-row{grid-template-columns:34px 1fr 52px}.dashboard-health-row progress,.dashboard-health-row b{display:none}}@media print{body *{visibility:hidden}.design-document-shell,.design-document-shell *{visibility:visible}.design-document-shell{background:#fff;width:100%;position:absolute;top:0;left:0}.design-document-header,.document-outline{display:none!important}.design-document-layout{display:block!important}.design-document{max-width:820px;margin:0 auto}}.showroom-sidebar{flex-direction:column;display:flex;overflow:hidden}.showroom-sidebar .sidebar-topline,.showroom-sidebar .project-selector-wrap{flex:0 0 38px}.showroom-navigation-shell{border-top:1px solid var(--panel-border);flex-direction:column;flex:auto;min-height:0;padding-top:10px;display:flex}.showroom-nav-search{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-muted);flex:none;align-items:center;gap:7px;height:34px;margin:0 10px 9px;padding:0 8px;display:flex}.showroom-nav-search:focus-within{border-color:var(--accent);color:var(--accent)}.showroom-nav-search input{color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12.65px}.showroom-nav-search input::-webkit-search-cancel-button{display:none}.showroom-nav-search button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.showroom-navigation-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:0 8px 18px;overflow-y:auto}.showroom-nav-category+.showroom-nav-category{margin-top:16px}.showroom-nav-category-title{color:var(--text-muted);text-transform:uppercase;padding:7px 10px 5px;font-size:10.35px;font-weight:700}.showroom-nav-item{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;width:100%;height:38px;padding:0 9px;font-size:15px;transition:background-color .12s,color .12s;display:block}.showroom-nav-item:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.showroom-nav-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.showroom-nav-item:hover{color:var(--text-primary)}.showroom-nav-item.is-active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent);font-weight:650}.showroom-nav-empty{color:var(--text-muted);margin:18px 10px;font-size:12.65px}.showroom-nav-output{border-top:1px solid var(--panel-border);flex:none;padding:9px 8px 10px}.showroom-nav-output button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;height:33px;padding:0 10px;font-size:13.8px;transition:background-color .12s,color .12s;display:flex}.showroom-nav-output button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.showroom-nav-output button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.showroom-nav-output button:hover{color:var(--text-primary)}.showroom-nav-output button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:650}[data-showroom-nav]{scroll-margin-top:16px}.canvas-view-showroom .components-board{background:var(--showroom-surface);padding:72px 28px 56px}.canvas-view-showroom .board-grid{gap:0;padding:0}.canvas-view-showroom .board-section,.canvas-view-showroom.preview-light .board-section{background:var(--showroom-surface);border:0;border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .board-section,.canvas-view-showroom.preview-light .board-section{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.canvas-view-showroom .board-section,.canvas-view-showroom.preview-light .board-section{padding:calc(var(--showroom-space) * 4) calc(var(--showroom-space) * 5);border-radius:0}.canvas-view-showroom .board-section:last-child{border-bottom:0}.canvas-view-showroom .section-heading{min-height:48px;margin-bottom:calc(var(--showroom-space) * 2.5);align-items:flex-end}.canvas-view-showroom .section-heading>div{min-width:0}.canvas-view-showroom .section-heading h2{color:var(--showroom-text);font-size:calc(var(--showroom-base-font) + 4px);font-weight:680;line-height:1.2}.canvas-view-showroom .section-kicker{margin-bottom:7px;font-size:10.35px}.canvas-view-showroom .section-heading>span{align-items:center;gap:7px;padding-bottom:2px;font-size:11.5px;display:inline-flex}.canvas-view-showroom .section-heading>span:before{background:var(--showroom-success);content:"";border-radius:50%;width:6px;height:6px}.canvas-view-showroom .showroom-section-body{background:var(--showroom-surface-subtle);border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .showroom-section-body{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.canvas-view-showroom .showroom-section-body{border-radius:var(--showroom-radius);box-shadow:0 1px 2px var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .showroom-section-body{box-shadow:0 1px 2px color-mix(in srgb, var(--showroom-text) 5%, transparent)}}.canvas-view-showroom .showroom-section-body{box-sizing:border-box;min-width:0;padding:calc(var(--showroom-space) * 2.5)}.canvas-view-showroom .foundation-demo-grid,.canvas-view-showroom .form-showroom-grid,.canvas-view-showroom .data-showroom-grid{gap:0;padding:0;overflow:hidden}.canvas-view-showroom .foundation-group,.canvas-view-showroom .form-spec-group,.canvas-view-showroom .data-column{border-bottom:var(--showroom-border-width) solid var(--showroom-text);background:0 0}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .foundation-group,.canvas-view-showroom .form-spec-group,.canvas-view-showroom .data-column{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .foundation-group,.canvas-view-showroom .form-spec-group,.canvas-view-showroom .data-column{padding:calc(var(--showroom-space) * 2.5);border-radius:0}.canvas-view-showroom .foundation-group:nth-child(odd),.canvas-view-showroom .form-spec-group:nth-child(odd),.canvas-view-showroom .data-column:nth-child(odd){border-right:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .foundation-group:nth-child(odd),.canvas-view-showroom .form-spec-group:nth-child(odd),.canvas-view-showroom .data-column:nth-child(odd){border-right:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .foundation-group:nth-last-child(-n+2),.canvas-view-showroom .form-spec-group:nth-last-child(-n+2),.canvas-view-showroom .data-column:nth-last-child(-n+2){border-bottom:0}.canvas-view-showroom .foundation-group h3,.canvas-view-showroom .form-spec-group h3,.canvas-view-showroom .data-column h3{color:var(--showroom-text);margin-bottom:calc(var(--showroom-space) * 2);font-size:12.65px;font-weight:680}.canvas-view-showroom .swatch-grid{padding:calc(var(--showroom-space) * .75);gap:0;overflow:hidden}.canvas-view-showroom .swatch-item{border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .swatch-item{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 9%, transparent)}}.canvas-view-showroom .swatch-item{padding:calc(var(--showroom-space) * 1.5)}.canvas-view-showroom .swatch-item:nth-child(odd){border-right:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .swatch-item:nth-child(odd){border-right:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 9%, transparent)}}.canvas-view-showroom .swatch-item:nth-last-child(-n+2){border-bottom:0}.canvas-view-showroom .swatch{border:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .swatch{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.canvas-view-showroom .swatch{box-shadow:inset 0 0 0 1px #ffffff29}.canvas-view-showroom .type-list,.canvas-view-showroom .button-showroom{padding:0 calc(var(--showroom-space) * 2.5);gap:0;overflow:hidden}.canvas-view-showroom .type-row{min-height:94px;padding:calc(var(--showroom-space) * 2) 0}.canvas-view-showroom .type-row:last-child,.canvas-view-showroom .button-spec-row:last-child{border-bottom:0}.canvas-view-showroom .button-spec-row{align-items:center;gap:calc(var(--showroom-space) * 3);min-height:76px;padding:calc(var(--showroom-space) * 2) 0;grid-template-columns:112px minmax(0,1fr)}.canvas-view-showroom .button-spec-row>strong{padding-top:0}.canvas-view-showroom .button-spec-row>div{align-items:center;gap:calc(var(--showroom-space) * 1.5)}.canvas-view-showroom .card-demo-grid,.canvas-view-showroom .navigation-showroom,.canvas-view-showroom .feedback-showroom-grid,.canvas-view-showroom .overlay-demo-grid,.canvas-view-showroom .content-demo-grid,.canvas-view-showroom .icon-showroom{padding:calc(var(--showroom-space) * 2.5)}.canvas-view-showroom .demo-card{background:var(--showroom-surface);min-height:150px;padding:calc(var(--showroom-space) * 2.5)}.canvas-view-showroom .demo-card.stat h3{margin-top:calc(var(--showroom-space) * 1.5);line-height:1}.canvas-view-showroom .top-nav-demo,.canvas-view-showroom .side-nav-demo{background:var(--showroom-surface)}.canvas-view-showroom .nav-demo-stack{background:var(--showroom-surface);border:var(--showroom-border-width) solid var(--showroom-text);align-content:start}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .nav-demo-stack{border:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 12%, transparent)}}.canvas-view-showroom .nav-demo-stack{border-radius:var(--showroom-radius);padding:calc(var(--showroom-space) * 2)}.canvas-view-showroom .feedback-showroom-grid{align-items:start}.canvas-view-showroom .feedback-stack+.feedback-stack{border-left:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .feedback-stack+.feedback-stack{border-left:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .feedback-stack+.feedback-stack{padding-left:calc(var(--showroom-space) * 3)}.canvas-view-showroom .alert-demo,.canvas-view-showroom .toast-demo{min-height:54px;padding:calc(var(--showroom-space) * 1.5)}.canvas-view-showroom .overlay-demo-grid{align-items:start;gap:calc(var(--showroom-space) * 1.5);grid-template-columns:auto auto auto minmax(240px,1fr)}.canvas-view-showroom .confirmation-demo{background:var(--showroom-surface);justify-self:stretch;width:auto}.canvas-view-showroom .content-demo-grid{align-items:stretch}.canvas-view-showroom .icon-size-row{border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .icon-size-row{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .icon-size-row{margin-bottom:calc(var(--showroom-space) * 2.5);padding-bottom:calc(var(--showroom-space) * 2.5)}.canvas-view-showroom .icon-size-row span,.canvas-view-showroom .icon-cell{background:var(--showroom-surface)}.canvas-view-showroom .icon-grid{gap:calc(var(--showroom-space) * 1.25)}@media (max-width:1050px){.canvas-view-showroom .board-section,.canvas-view-showroom.preview-light .board-section{padding-inline:calc(var(--showroom-space) * 3)}.canvas-view-showroom .foundation-group,.canvas-view-showroom .form-spec-group,.canvas-view-showroom .data-column{border-right:0;border-bottom:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .foundation-group,.canvas-view-showroom .form-spec-group,.canvas-view-showroom .data-column{border-bottom:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .foundation-group:last-child,.canvas-view-showroom .form-spec-group:last-child,.canvas-view-showroom .data-column:last-child{border-bottom:0}.canvas-view-showroom .feedback-stack+.feedback-stack{border-left:0;border-top:var(--showroom-border-width) solid var(--showroom-text)}@supports (color:color-mix(in lab, red, red)){.canvas-view-showroom .feedback-stack+.feedback-stack{border-top:var(--showroom-border-width) solid color-mix(in srgb, var(--showroom-text) 10%, transparent)}}.canvas-view-showroom .feedback-stack+.feedback-stack{padding-left:0;padding-top:calc(var(--showroom-space) * 3)}.canvas-view-showroom .overlay-demo-grid{grid-template-columns:repeat(3,auto)}.canvas-view-showroom .confirmation-demo{grid-column:1/-1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}


/* Live showroom and inspector refinements. */
.ds-catalog-column { max-width:none; min-width:0; }
.ds-showcase-section { overflow:visible; }
.ds-showcase-live { min-width:0; }
.ds-button-sequence {
  justify-content:safe center; width:max-content; min-width:100%;
  overflow:visible; padding-block:8px 20px;
}
.workspace-viewbar { gap:12px; flex-wrap:wrap; min-height:39px; padding-block:4px; }
.preview-workspace { grid-template-rows:auto minmax(0,1fr); }
.workspace-tabs { flex-shrink:0; }
.preview-toolbar-group { flex-wrap:wrap; }
.canvas-view-documentation,.canvas-view-source { padding-bottom:48px; }
.document-type-row > span { min-width:0; overflow-wrap:anywhere; }
.document-spacing-scale > div > span { max-width:100%; }
.design-document-actions { flex-wrap:wrap; gap:8px; }
.design-document-header { flex-wrap:wrap; gap:14px; }
.markdown-source { min-width:0; }
.markdown-source pre { max-width:100%; overflow:auto; }
.inspector-color-token.dss-linked-color { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 8px; padding-block:5px; }
.dss-linked-color > select {
  grid-column:1 / -1; width:100%; min-width:0; height:28px;
  border:1px solid var(--panel-border); border-radius:4px;
  background:var(--panel-bg); color:var(--text-secondary);
  font:inherit; font-size:11px; padding-inline:6px;
}
.dss-typography-link { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--text-secondary); font-size:11px; padding-block:4px; }
.dss-typography-link button,.dss-versions-dialog header button,.dss-version-list button {
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; flex:none; padding:0; border:1px solid var(--panel-border);
  border-radius:4px; background:var(--panel-bg); color:var(--text-primary); cursor:pointer;
}
.dss-contrast { display:flex; flex-wrap:wrap; align-items:center; gap:6px; border-top:1px solid var(--panel-border); padding-top:10px; color:var(--text-secondary); font-size:11px; }
.dss-contrast > span:first-child { flex:1; }
.dss-contrast-pass { color:var(--text-primary); }
.dss-contrast-fail { color:var(--text-primary); text-decoration:underline dotted; }
.dss-contrast-sample { padding:4px 7px; border-radius:3px; font-size:13px; }
.inspector-section-body > .inspector-section { padding-block:0; }
.inspector-section-body > .inspector-section > summary { min-height:30px; font-size:11px; }
.inspector-state-tabs { position:sticky; top:0; z-index:1; background:var(--panel-bg); padding-block:4px; }
.inspector-state-tabs button { font-size:11px; min-height:30px; }
.dss-zoom-control { display:flex; align-items:center; gap:4px; }
.dss-zoom-control button { background:transparent; border:0; border-radius:3px; color:var(--text-secondary); padding:2px 7px; font:inherit; cursor:pointer; }
.dss-zoom-control button[aria-pressed="true"] { background:var(--accent-soft); color:var(--accent); }
.dss-zoom-control > span { width:38px; margin-left:6px; text-align:right; }
.dss-source-status { padding:0 20px; font-size:12px; color:var(--showroom-text); }
.dss-versions-dialog { background:var(--panel-bg); color:var(--text-primary); border:1px solid var(--panel-border); border-radius:6px; width:min(480px,calc(100vw - 32px)); max-height:80vh; overflow:auto; padding:20px; box-sizing:border-box; }
.dss-versions-dialog header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.dss-versions-dialog h3 { margin:0; font-size:17px; }
.dss-versions-dialog form { display:flex; gap:8px; flex-wrap:wrap; }
.dss-versions-dialog input { flex:1; min-width:140px; height:34px; padding-inline:8px; border:1px solid var(--panel-border); border-radius:4px; background:var(--panel-bg); color:var(--text-primary); font-size:13px; }
.dss-versions-dialog form button { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding-inline:10px; border:1px solid var(--panel-border); border-radius:4px; background:var(--panel-bg-strong); color:var(--text-primary); font-size:12px; cursor:pointer; }
.dss-versions-dialog button:disabled { opacity:.45; cursor:default; }
.dss-versions-dialog p { font-size:12px; }
.dss-version-list { margin-top:16px; }
.dss-version-list > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:12px; border-top:1px solid var(--panel-border); }
.dss-version-list strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.dss-version-list small { display:block; margin-top:4px; font-size:11px; color:var(--text-secondary); }
@media print {
  .dsb-app .canvas-document.canvas-view-documentation { zoom:1!important; width:100%!important; min-width:0!important; }
  .dss-source-status { display:none; }
}


/* Shared live-token controls for the two preview applications. */
.sp-demo,.nx-demo {
  --pv-small:max(11px,calc(var(--showroom-base-font) - 3px));
  --pv-caption:max(10px,calc(var(--showroom-base-font) - 4px));
  --pv-spacing:max(10px,var(--showroom-space));
  --pv-border:var(--showroom-line);
  --pv-muted:color-mix(in srgb,var(--showroom-text) 66%,var(--showroom-surface));
  color:var(--showroom-text); background:var(--showroom-background);
  font-family:var(--showroom-body-font,Arial,sans-serif);
  font-size:var(--showroom-base-font); font-weight:var(--showroom-body-weight,400);
  line-height:var(--showroom-body-line-height,1.55); width:100%; min-width:0; position:relative;
}
.sp-demo *, .nx-demo * { box-sizing:border-box; min-width:0; letter-spacing:0; }
.sp-demo h1,.nx-demo h1 { font-family:var(--showroom-heading-font); font-size:var(--showroom-display-size); font-weight:var(--showroom-heading-weight); letter-spacing:var(--showroom-heading-letter-spacing,0); line-height:var(--showroom-heading-line-height,1.15); overflow-wrap:anywhere; }
.sp-demo h2,.nx-demo h2 { font-family:var(--showroom-heading-font); font-size:var(--showroom-heading-size); font-weight:var(--showroom-heading-weight); letter-spacing:var(--showroom-heading-letter-spacing,0); line-height:var(--showroom-heading-line-height,1.25); overflow-wrap:anywhere; }
.sp-demo h3 { font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); font-weight:var(--showroom-heading-weight); letter-spacing:var(--showroom-heading-letter-spacing,0); line-height:1.3; overflow-wrap:anywhere; }
.sp-demo p,.nx-demo p { letter-spacing:var(--showroom-body-letter-spacing,0); overflow-wrap:anywhere; }
.pv-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.sp-demo .pv-button,.nx-demo .pv-button {
  display:inline-flex; justify-content:center; align-items:center; gap:var(--component-space);
  min-height:var(--component-height); height:auto; max-width:100%;
  padding:6px var(--component-padding);
  border-style:solid;
  border-width:var(--component-border-top) var(--component-border-right) var(--component-border-bottom) var(--component-border-left);
  border-radius:var(--component-radius-top-left) var(--component-radius-top-right) var(--component-radius-bottom-right) var(--component-radius-bottom-left);
  background:var(--showroom-surface); color:var(--showroom-text); border-color:var(--showroom-line);
  box-shadow:var(--component-shadow);
  font-family:var(--showroom-body-font); font-size:var(--component-font-size); font-weight:var(--component-font-weight); line-height:1.25;
  cursor:pointer; text-align:center; overflow-wrap:anywhere; white-space:normal;
  transition:background var(--component-transition),border-color var(--component-transition),color var(--component-transition),box-shadow var(--component-transition);
}
.sp-demo .pv-primary,.nx-demo .pv-primary { background:var(--component-primary); border-color:var(--component-border-color); color:var(--component-text-color); opacity:var(--component-opacity); }
.sp-demo .pv-ghost,.nx-demo .pv-ghost { background:transparent; border-color:transparent; box-shadow:none; }
.sp-demo .pv-button:hover,.nx-demo .pv-button:hover { background:var(--component-hover-bg); color:var(--component-hover-text); border-color:var(--component-hover-border); box-shadow:var(--component-hover-shadow); }
.sp-demo .pv-button:active,.nx-demo .pv-button:active { background:var(--component-active-bg); color:var(--component-active-text); border-color:var(--component-active-border); box-shadow:var(--component-active-shadow); }
.sp-demo .pv-button:focus-visible,.nx-demo .pv-button:focus-visible { background:var(--component-focus-bg); color:var(--component-focus-text); border-color:var(--component-focus-border); box-shadow:var(--component-focus-shadow); outline:2px solid var(--showroom-primary); outline-offset:3px; }
.sp-demo .pv-button:disabled,.nx-demo .pv-button:disabled { background:var(--component-disabled-bg); color:var(--component-disabled-text); border-color:var(--component-disabled-border); opacity:var(--component-disabled-opacity); cursor:not-allowed; }
.sp-demo .pv-button svg,.nx-demo .pv-button svg { width:var(--pv-icon-size); height:var(--pv-icon-size); flex:none; }
.sp-demo .pv-icon-button,.nx-demo .pv-icon-button { width:max(40px,var(--component-height)); min-width:max(40px,var(--component-height)); min-height:max(40px,var(--component-height)); padding:6px; aspect-ratio:1; flex:none; }
.sp-demo .pv-field-label,.nx-demo .pv-field-label { display:grid; gap:7px; min-width:0; }
.pv-label { font-size:var(--showroom-label-size); line-height:1.3; }
.sp-demo .pv-field,.nx-demo .pv-field {
  display:flex; align-items:center; gap:10px; min-width:0; width:100%; min-height:var(--component-height);
  padding:6px var(--component-padding);
  border-style:solid;
  border-width:var(--component-border-top) var(--component-border-right) var(--component-border-bottom) var(--component-border-left);
  border-radius:var(--component-radius-top-left) var(--component-radius-top-right) var(--component-radius-bottom-right) var(--component-radius-bottom-left);
  background:var(--component-primary); color:var(--component-text-color); border-color:var(--component-border-color); box-shadow:var(--component-shadow);
  font-size:var(--component-font-size); font-weight:var(--component-font-weight);
}
.sp-demo .pv-field input,.nx-demo .pv-field input,.sp-demo .pv-field select,.nx-demo .pv-field select {
  display:block; width:100%; min-width:0; border:0; padding:0; margin:0;
  background:transparent; color:inherit; font:inherit; line-height:1.4; outline:0; box-shadow:none;
}
.sp-demo .pv-field select,.nx-demo .pv-field select { cursor:pointer; }
.sp-demo .pv-field option,.nx-demo .pv-field option { background:var(--showroom-surface); color:var(--showroom-text); }
.sp-demo .pv-field input::placeholder,.nx-demo .pv-field input::placeholder { color:inherit; opacity:.55; }
.pv-field > svg { width:18px; height:18px; flex:none; }
.sp-demo .pv-field:hover,.nx-demo .pv-field:hover { background:var(--component-hover-bg); border-color:var(--component-hover-border); color:var(--component-hover-text); }
.sp-demo .pv-field:active,.nx-demo .pv-field:active { background:var(--component-active-bg); border-color:var(--component-active-border); color:var(--component-active-text); }
.sp-demo .pv-field:focus-within,.nx-demo .pv-field:focus-within { background:var(--component-focus-bg); border-color:var(--component-focus-border); color:var(--component-focus-text); box-shadow:var(--component-focus-shadow); outline:2px solid var(--showroom-primary); outline-offset:2px; }
.sp-demo .pv-field.is-invalid,.nx-demo .pv-field.is-invalid { background:var(--component-error-bg); border-color:var(--component-error-border); color:var(--component-error-text); }
.sp-demo button,.nx-demo button { -webkit-tap-highlight-color:transparent; }
.sp-demo a:focus-visible,.nx-demo button:focus-visible { outline:2px solid var(--showroom-primary); outline-offset:3px; }
.sp-demo { container:spark/inline-size; }
.sp-announcement { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 14px; padding:8px 20px; background:var(--showroom-secondary); color:var(--showroom-background); font-size:var(--pv-caption); }
.sp-announcement a { text-decoration:underline; text-underline-offset:3px; font-weight:650; }
.sp-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 40px; border-bottom:1px solid var(--pv-border); position:relative; z-index:5; background:var(--showroom-background); }
.sp-brand { display:inline-flex; align-items:center; gap:10px; font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); font-weight:700; text-decoration:none; line-height:1.2; }
.sp-brand > span { display:flex; align-items:center; justify-content:center; color:var(--showroom-primary); }
.sp-header > nav { display:flex; align-items:center; gap:26px; font-size:var(--pv-small); }
.sp-header > nav a { text-decoration:none; }
.sp-header > nav a:hover { color:var(--showroom-primary); }
.sp-header .sp-menu-button { display:none; }
.sp-header > .sp-mobile-menu { display:none; }
.sp-hero { min-height:440px; position:relative; display:flex; align-items:center; color:#fff; overflow:hidden; }
.sp-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; }
.sp-hero-shade { position:absolute; inset:0; background:rgba(12,18,20,.27); }
.sp-hero-content { position:relative; width:100%; max-width:1240px; margin:0 auto; padding:48px 60px; }
.sp-eyebrow { display:block; font-size:var(--pv-caption); font-weight:650; }
.sp-hero h1 { margin:15px 0 18px; max-width:620px; text-shadow:0 1px 12px #0005; }
.sp-hero-content > p { max-width:540px; margin:0; text-shadow:0 1px 8px #0005; }
.sp-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:28px; }
.sp-hero-link { display:inline-flex; align-items:center; gap:10px; font-size:var(--pv-small); text-decoration:underline!important; text-underline-offset:5px; }
.sp-hero-proof { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:28px; font-size:var(--pv-caption); }
.sp-hero-proof > span { display:inline-flex; align-items:center; gap:7px; }
.sp-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:26px 40px; border-bottom:1px solid var(--pv-border); background:var(--showroom-surface); }
.sp-facts > div { display:grid; gap:2px; text-align:center; padding-inline:12px; border-right:1px solid var(--pv-border); }
.sp-facts > div:last-child { border:0; }
.sp-facts strong { font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); }
.sp-facts span { font-size:var(--pv-caption); color:var(--pv-muted); }
.sp-section { max-width:1240px; margin-inline:auto; padding:calc(var(--pv-spacing) * 3) 40px; }
.sp-section-heading { display:grid; grid-template-columns:1.3fr 1fr; align-items:end; gap:48px; margin-bottom:30px; }
.sp-section-heading h2 { margin:10px 0 0; max-width:570px; }
.sp-section-heading p { margin:0; max-width:420px; color:var(--pv-muted); font-size:var(--pv-small); }
.sp-workshops { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sp-workshop { display:flex; flex-direction:column; border:var(--showroom-border-width) solid var(--pv-border); border-radius:var(--showroom-radius); overflow:hidden; background:var(--showroom-surface); }
.sp-workshop > img { display:block; aspect-ratio:16 / 10; width:100%; object-fit:cover; }
.sp-workshop-body { display:flex; flex:1; flex-direction:column; padding:24px; }
.sp-workshop-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px; font-size:var(--pv-caption); color:var(--pv-muted); }
.sp-workshop h3 { margin:14px 0 10px; }
.sp-workshop p { margin:0; font-size:var(--pv-small); color:var(--pv-muted); }
.sp-workshop-date { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:24px 0 20px; font-size:var(--pv-caption); }
.sp-workshop-date > span { margin-left:auto; }
.sp-workshop .pv-button { width:100%; margin-top:auto; }
.sp-approach { border-top:1px solid var(--pv-border); }
.sp-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:38px; }
.sp-steps > div { border-top:2px solid var(--showroom-secondary); padding-top:20px; }
.sp-steps > div:nth-child(2) { border-color:var(--showroom-primary); }
.sp-steps > div:nth-child(3) { border-color:var(--showroom-accent); }
.sp-steps > div > span { font-size:var(--pv-small); color:var(--pv-muted); }
.sp-steps h3 { margin:15px 0 10px; }
.sp-steps p { font-size:var(--pv-small); color:var(--pv-muted); margin:0; }
.sp-community { display:grid; grid-template-columns:1fr 1fr; background:var(--showroom-surface); border-block:1px solid var(--pv-border); }
.sp-community > img { width:100%; height:100%; min-height:380px; object-fit:cover; }
.sp-community > div { align-self:center; padding:48px; max-width:640px; }
.sp-community h2 { margin:14px 0; }
.sp-community p { color:var(--pv-muted); font-size:var(--pv-small); }
.sp-community blockquote { margin:28px 0 16px; padding-left:18px; border-left:3px solid var(--showroom-accent); font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); }
.sp-attribution { display:grid; gap:2px; margin-bottom:24px; }
.sp-attribution span { font-size:var(--pv-caption); }
.sp-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
.sp-faq h2 { margin:12px 0 0; }
.sp-faq details { border-bottom:1px solid var(--pv-border); padding:18px 0; }
.sp-faq summary { display:flex; justify-content:space-between; gap:18px; align-items:center; list-style:none; cursor:pointer; font-weight:600; font-size:var(--pv-small); }
.sp-faq summary::-webkit-details-marker { display:none; }
.sp-faq summary svg { flex:none; transition:transform .15s; }
.sp-faq details[open] summary svg { transform:rotate(45deg); }
.sp-faq details p { color:var(--pv-muted); font-size:var(--pv-small); margin:14px 30px 0 0; }
.sp-join { display:grid; grid-template-columns:1fr 1.1fr; gap:60px; padding:60px max(40px,calc((100% - 1160px) / 2)); border-block:1px solid var(--pv-border); background:color-mix(in srgb,var(--showroom-secondary) 5%,var(--showroom-background)); }
.sp-join h2 { margin:12px 0; max-width:470px; }
.sp-join p { color:var(--pv-muted); }
.sp-join form { display:grid; gap:18px; }
.sp-plan-control { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--pv-border); border-radius:4px; padding:3px; gap:3px; background:var(--showroom-background); }
.sp-plan-control button { border:0; border-radius:3px; padding:8px 4px; font:inherit; font-size:var(--pv-small); color:var(--showroom-text); background:transparent; cursor:pointer; }
.sp-plan-control button[aria-pressed="true"] { background:var(--showroom-primary); color:var(--showroom-background); }
.sp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sp-join .sp-form-result { margin:0; font-size:var(--pv-small); color:var(--showroom-text); }
.sp-footer { display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; padding:38px 40px 24px; }
.sp-footer p { font-size:var(--pv-small); color:var(--pv-muted); margin:10px 0 0; }
.sp-footer nav { display:flex; gap:24px; flex-wrap:wrap; font-size:var(--pv-small); }
.sp-footer small { grid-column:1/-1; border-top:1px solid var(--pv-border); padding-top:18px; color:var(--pv-muted); font-size:var(--pv-caption); }
@container spark (max-width:1050px) {
  .sp-header { padding:18px 28px; }
  .sp-header > nav { gap:16px; }
  .sp-header .sp-header-action { display:none; }
  .sp-hero-content { padding-inline:40px; }
  .sp-workshops { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .sp-workshop:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
  .sp-workshop:last-child > img { height:100%; aspect-ratio:auto; }
  .sp-section-heading { gap:28px; }
  .sp-community > div { padding:32px; }
  .sp-faq { gap:32px; }
  .sp-join { gap:30px; padding:44px 28px; grid-template-columns:1fr; }
}
@container spark (max-width:560px) {
  .sp-announcement { gap:6px; padding:8px 16px; }
  .sp-announcement > span { display:none; }
  .sp-header { min-height:64px; padding:12px 18px; gap:10px; }
  .sp-header > nav:not(.sp-mobile-menu) { display:none; }
  .sp-header .sp-menu-button { display:inline-flex; }
  .sp-header > .sp-mobile-menu { position:absolute; inset:100% 0 auto; display:grid; gap:0; border-bottom:1px solid var(--pv-border); background:var(--showroom-background); padding:12px 18px; box-shadow:0 10px 20px #0001; }
  .sp-mobile-menu a { padding:12px 8px; }
  .sp-hero { min-height:420px; }
  .sp-hero-content { padding:30px 22px; }
  .sp-hero-content > p { font-size:var(--pv-small); }
  .sp-actions { display:grid; justify-items:start; gap:16px; margin-top:22px; }
  .sp-hero-proof { gap:8px 14px; margin-top:22px; }
  .sp-facts { grid-template-columns:1fr 1fr; gap:22px 0; padding:24px 18px; }
  .sp-facts > div:nth-child(2) { border:0; }
  .sp-section { padding:36px 20px; }
  .sp-section-heading { grid-template-columns:1fr; gap:15px; margin-bottom:24px; }
  .sp-workshops { grid-template-columns:1fr; }
  .sp-workshop:last-child { grid-column:auto; display:flex; }
  .sp-workshop:last-child > img { height:auto; aspect-ratio:16/10; }
  .sp-workshop-body { padding:20px; }
  .sp-steps { grid-template-columns:1fr; gap:26px; margin-top:24px; }
  .sp-community { grid-template-columns:1fr; }
  .sp-community > img { min-height:0; aspect-ratio:4/3; height:auto; }
  .sp-community > div { padding:30px 22px; }
  .sp-faq { grid-template-columns:1fr; gap:12px; }
  .sp-join { padding:36px 20px; gap:22px; }
  .sp-form-row { grid-template-columns:1fr; }
  .sp-footer { grid-template-columns:1fr; padding:30px 20px 20px; gap:24px; }
  .sp-footer nav { gap:16px; }
}
/* Dashboard breakpoints use the preview canvas, not the browser window. */
.nx-demo { container:nexus/inline-size; min-height:980px; }
.nx-layout { display:grid; grid-template-columns:208px minmax(0,1fr); min-height:980px; }
.nx-sidebar { display:flex; flex-direction:column; background:var(--showroom-surface); border-right:1px solid var(--pv-border); padding:28px 16px 20px; gap:24px; }
.nx-brand { display:flex; align-items:center; gap:10px; border:0; background:transparent; color:var(--showroom-text); padding:0 10px; font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); text-align:left; cursor:pointer; }
.nx-brand > span { display:flex; color:var(--showroom-primary); }
.nx-brand strong { overflow-wrap:anywhere; }
.nx-workspace-label { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-inline:10px; font-size:10px; color:var(--pv-muted); }
.nx-workspace-label small { padding:1px 5px; border:1px solid var(--pv-border); border-radius:3px; font-size:10px; }
.nx-sidebar nav { display:grid; gap:6px; }
.nx-sidebar nav button,.nx-sidebar-bottom > button { display:flex; align-items:center; gap:12px; width:100%; padding:11px 12px; border:0; border-radius:5px; background:transparent; color:var(--pv-muted); font:inherit; font-size:var(--pv-small); text-align:left; cursor:pointer; }
.nx-sidebar nav button svg,.nx-sidebar-bottom > button svg { flex:none; width:20px; height:20px; }
.nx-sidebar nav button:hover,.nx-sidebar-bottom > button:hover { background:color-mix(in srgb,var(--showroom-primary) 5%,var(--showroom-surface)); color:var(--showroom-text); }
.nx-sidebar nav button.is-active,.nx-sidebar-bottom > button.is-active { background:color-mix(in srgb,var(--showroom-primary) 9%,var(--showroom-surface)); color:var(--showroom-primary); font-weight:650; }
.nx-sidebar nav button small { margin-left:auto; min-width:21px; padding:0 4px; text-align:center; background:var(--showroom-background); border-radius:4px; color:var(--showroom-text); font-size:11px; }
.nx-sidebar-bottom { display:grid; gap:20px; margin-top:auto; }
.nx-sidebar-profile { display:flex; gap:10px; align-items:center; padding:18px 5px 0; border-top:1px solid var(--pv-border); }
.nx-sidebar-profile > div { display:grid; gap:2px; }
.nx-sidebar-profile strong { font-size:var(--pv-small); }
.nx-sidebar-profile small { font-size:var(--pv-caption); color:var(--pv-muted); }
.nx-avatar { display:inline-flex; justify-content:center; align-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:color-mix(in srgb,var(--nx-tone,var(--showroom-primary)) 12%,var(--showroom-surface)); color:var(--showroom-text); font-size:11px; font-weight:650; }
.nx-tone-primary { --nx-tone:var(--showroom-primary); }
.nx-tone-secondary { --nx-tone:var(--showroom-secondary); }
.nx-tone-accent { --nx-tone:var(--showroom-accent); }
.nx-main { min-width:0; }
.nx-topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:80px; padding:18px 32px; border-bottom:1px solid var(--pv-border); background:var(--showroom-background); position:relative; z-index:5; }
.nx-search { flex:1; max-width:370px; }
.nx-topbar-actions { display:flex; align-items:center; gap:12px; }
.nx-topbar .nx-mobile-menu-button,.nx-topbar .nx-search-toggle,.nx-mobile-title { display:none; }
.nx-notifications { position:relative; flex:none; }
.nx-notification-dot { position:absolute; top:8px; right:9px; width:6px; height:6px; border-radius:50%; background:var(--showroom-accent); pointer-events:none; }
.nx-notification-panel { position:absolute; right:0; top:calc(100% + 10px); width:340px; max-width:calc(100cqw - 32px); padding:16px; border:1px solid var(--pv-border); background:var(--showroom-background); border-radius:6px; box-shadow:0 8px 26px #0002; }
.nx-notification-panel header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--pv-border); font-size:var(--pv-small); }
.nx-notification-panel header button { padding:0; color:var(--showroom-primary); background:transparent; border:0; cursor:pointer; font-size:11px; }
.nx-notification-panel > button { display:flex; gap:12px; padding:14px 0; width:100%; border:0; border-bottom:1px solid var(--pv-border); background:transparent; color:var(--showroom-text); text-align:left; cursor:pointer; }
.nx-notification-panel > button > svg { flex:none; margin-top:3px; }
.nx-notification-panel > button > span { display:grid; gap:4px; }
.nx-notification-panel strong { font-size:var(--pv-small); font-weight:600; }
.nx-notification-panel small,.nx-notification-panel p { color:var(--pv-muted); font-size:var(--pv-caption); }
.nx-content { padding:30px 32px 44px; }
.nx-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:26px; }
.nx-eyebrow { color:var(--pv-muted); font-size:var(--pv-caption); }
.nx-heading h1 { margin:10px 0 8px; }
.nx-heading p { margin:0; color:var(--pv-muted); font-size:var(--pv-small); }
.nx-heading-actions { flex:none; }
.nx-scopebar { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:20px; }
.nx-scopebar .pv-field-label { max-width:260px; }
.nx-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:32px; }
.nx-metric { background:var(--showroom-surface); border:var(--showroom-border-width) solid var(--pv-border); border-radius:var(--showroom-radius); padding:20px; }
.nx-metric > div { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:var(--pv-small); }
.nx-metric svg { color:var(--nx-tone); flex:none; }
.nx-metric > strong { display:block; font-family:var(--showroom-heading-font); font-size:var(--showroom-display-size); font-weight:var(--showroom-heading-weight); line-height:1.15; margin:14px 0 8px; }
.nx-metric > small { display:block; font-size:var(--pv-caption); color:var(--pv-muted); }
.nx-overview-columns { display:grid; grid-template-columns:1.65fr 1fr; gap:30px; padding:6px 0 32px; border-bottom:1px solid var(--pv-border); }
.nx-section-heading { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.nx-section-heading h2 { font-size:var(--showroom-subheading-size); margin:0; }
.nx-section-heading p { color:var(--pv-muted); font-size:var(--pv-caption); margin:4px 0 0; }
.nx-chart-legend { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:11px; padding-top:4px; }
.nx-chart-legend label { display:inline-flex; align-items:center; gap:5px; cursor:pointer; }
.nx-chart-legend input { width:12px; height:12px; margin:0; accent-color:var(--showroom-primary); }
.nx-chart-legend i { width:7px; height:7px; border-radius:2px; }
.nx-legend-published { background:var(--showroom-primary); }
.nx-legend-reviews { background:var(--showroom-secondary); }
.nx-chart { position:relative; height:232px; display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; }
.nx-chart-guides { display:flex; flex-direction:column; justify-content:space-between; padding-bottom:29px; color:var(--pv-muted); font-size:10px; }
.nx-chart-guides span { position:relative; text-align:right; }
.nx-chart-guides span::after { content:""; position:absolute; left:calc(100% + 10px); top:50%; width:calc(100cqw - 40px); max-width:0; border-top:1px solid var(--pv-border); }
.nx-chart-bars { display:flex; justify-content:space-around; align-items:stretch; gap:10px; border-bottom:1px solid var(--pv-border); }
.nx-chart-group { display:flex; flex:1; flex-direction:column; justify-content:flex-end; text-align:center; gap:9px; }
.nx-bar-pair { display:flex; align-items:flex-end; justify-content:center; gap:5px; height:202px; }
.nx-bar { display:block; width:min(28px,40%); min-height:2px; border-radius:3px 3px 0 0; }
.nx-bar-published { background:var(--showroom-primary); }
.nx-bar-reviews { background:color-mix(in srgb,var(--showroom-secondary) 60%,var(--showroom-background)); }
.nx-chart-group small { min-height:20px; color:var(--pv-muted); font-size:11px; }
.nx-activity-feed { border-left:1px solid var(--pv-border); padding-left:28px; }
.nx-activity-feed ol { list-style:none; margin:0; padding:0; display:grid; gap:20px; }
.nx-activity-feed li { display:flex; align-items:start; gap:10px; }
.nx-activity-feed li > div { display:grid; gap:5px; }
.nx-activity-feed li strong { font-size:var(--pv-small); font-weight:550; line-height:1.4; }
.nx-activity-feed li small { color:var(--pv-muted); font-size:var(--pv-caption); }
.nx-library-section { padding-top:28px; }
.nx-filterbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.nx-status-filter { display:flex; flex-wrap:wrap; gap:5px; }
.nx-status-filter button { display:inline-flex; align-items:center; gap:7px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--pv-muted); font:inherit; font-size:var(--pv-caption); min-height:32px; padding:4px 9px; cursor:pointer; }
.nx-status-filter button[aria-pressed="true"] { background:var(--showroom-surface); border-color:var(--pv-border); color:var(--showroom-text); font-weight:600; }
.nx-status-filter button > span { min-width:17px; padding:0 4px; border-radius:3px; background:color-mix(in srgb,var(--showroom-text) 5%,var(--showroom-surface)); color:var(--pv-muted); font-size:10px; text-align:center; }
.nx-filterbar > .pv-field-label { max-width:200px; }
.nx-table-wrap { width:100%; min-width:0; }
.nx-table { width:100%; border-collapse:collapse; text-align:left; font-size:var(--pv-small); table-layout:auto; }
.nx-table th { color:var(--pv-muted); background:var(--showroom-surface); font-size:var(--pv-caption); font-weight:500; padding:11px 12px; border-block:1px solid var(--pv-border); }
.nx-table td { padding:14px 12px; border-bottom:1px solid var(--pv-border); vertical-align:middle; }
.nx-table td:first-child { width:30%; }
.nx-table td:last-child { width:44px; padding-inline:0; }
.nx-table .pv-icon-button { min-width:32px; width:32px; min-height:32px; }
.nx-table .pv-icon-button svg { width:18px; height:18px; }
.nx-component-name { display:flex; gap:11px; align-items:center; text-align:left; font:inherit; border:0; padding:0; background:transparent; color:var(--showroom-text); cursor:pointer; }
.nx-component-name:hover strong { color:var(--showroom-primary); }
.nx-component-name > span:last-child { display:grid; gap:3px; }
.nx-component-name strong { font-size:var(--pv-small); font-weight:600; }
.nx-component-name small { color:var(--pv-muted); font-size:var(--pv-caption); }
.nx-component-mark { width:34px; height:34px; border:1px solid var(--pv-border); border-radius:6px; background:var(--showroom-surface); display:inline-flex; align-items:center; justify-content:center; flex:none; color:var(--showroom-primary); }
.nx-status { display:inline-flex; align-items:center; gap:5px; padding:3px 7px; border-radius:4px; font-size:11px; line-height:1.4; color:var(--showroom-text); background:var(--showroom-surface); white-space:nowrap; }
.nx-status::before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:var(--pv-muted); }
.nx-status-stable { background:color-mix(in srgb,var(--showroom-success) 9%,var(--showroom-background)); }
.nx-status-stable::before { background:var(--showroom-success); }
.nx-status-in-review { background:color-mix(in srgb,var(--showroom-warning) 10%,var(--showroom-background)); }
.nx-status-in-review::before { background:var(--showroom-warning); }
.nx-status-draft { background:var(--showroom-surface); }
.nx-owner { display:inline-flex; align-items:center; gap:7px; font-size:var(--pv-caption); }
.nx-owner .nx-avatar { width:25px; height:25px; font-size:9px; }
.nx-coverage { display:flex; align-items:center; gap:8px; font-size:11px; }
.nx-coverage progress { appearance:none; width:58px; height:5px; overflow:hidden; border:0; border-radius:3px; background:var(--pv-border); }
.nx-coverage progress::-webkit-progress-bar { background:var(--pv-border); }
.nx-coverage progress::-webkit-progress-value { background:var(--showroom-secondary); border-radius:3px; }
.nx-coverage progress::-moz-progress-bar { background:var(--showroom-secondary); }
.nx-updated-column { color:var(--pv-muted); white-space:nowrap; }
.nx-empty { display:grid; justify-items:center; gap:10px; padding:48px 16px; text-align:center; color:var(--pv-muted); }
.nx-empty h2,.nx-empty p { margin:0; }
.nx-release-band { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:24px; align-items:center; border-top:1px solid var(--pv-border); margin-top:32px; padding-top:28px; }
.nx-release-band > img { width:150px; height:110px; object-fit:cover; border-radius:var(--showroom-radius); }
.nx-release-band h2 { margin:6px 0; font-size:var(--showroom-subheading-size); }
.nx-release-band p { margin:0; font-size:var(--pv-small); color:var(--pv-muted); }
.nx-reviews { display:grid; }
.nx-review { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border-bottom:1px solid var(--pv-border); }
.nx-review-main { display:flex; align-items:start; gap:14px; }
.nx-review h2 { margin:0 0 5px; font-size:var(--showroom-subheading-size); }
.nx-review p { margin:0; color:var(--pv-muted); font-size:var(--pv-small); }
.nx-review-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px; font-size:var(--pv-caption); color:var(--pv-muted); }
.nx-review-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.nx-team { display:grid; }
.nx-member { display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--pv-border); padding:22px 0; }
.nx-member > .nx-avatar { width:44px; height:44px; font-size:13px; }
.nx-member > div { flex:1; }
.nx-member h2 { font-size:var(--showroom-subheading-size); margin:0 0 4px; }
.nx-member p { margin:0; color:var(--pv-muted); font-size:var(--pv-small); }
.nx-member > span:not(.nx-avatar) { font-size:var(--pv-small); color:var(--pv-muted); }
.nx-settings { max-width:680px; display:grid; gap:28px; }
.nx-settings section { display:grid; gap:18px; border-bottom:1px solid var(--pv-border); padding-bottom:28px; }
.nx-settings h2 { font-size:var(--showroom-subheading-size); margin:0; }
.nx-settings > .pv-button { justify-self:start; }
.nx-toggle { display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; }
.nx-toggle > span { display:grid; gap:4px; }
.nx-toggle strong { font-size:var(--pv-small); font-weight:550; }
.nx-toggle small { font-size:var(--pv-caption); color:var(--pv-muted); }
.nx-toggle input { width:18px; height:18px; flex:none; accent-color:var(--showroom-primary); }
.nx-menu-backdrop { display:none; }
.nx-overlay { position:absolute; inset:0; z-index:30; display:flex; justify-content:center; align-items:flex-start; padding:90px 24px 24px; background:#10182055; }
.nx-dialog { width:min(520px,100%); padding:26px; border:1px solid var(--pv-border); border-radius:8px; background:var(--showroom-background); color:var(--showroom-text); box-shadow:0 20px 60px #0002; }
.nx-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.nx-dialog h2 { font-size:var(--showroom-subheading-size); margin:0; }
.nx-create-form,.nx-detail { display:grid; gap:18px; }
.nx-dialog-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; padding-top:6px; }
.nx-detail-summary { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:var(--pv-caption); color:var(--pv-muted); }
.nx-detail-specimen { display:flex; align-items:center; justify-content:center; min-height:150px; padding:24px; border-block:1px solid var(--pv-border); background:var(--showroom-surface); }
.nx-toast { position:absolute; top:92px; right:24px; z-index:40; display:flex; align-items:center; gap:9px; max-width:calc(100% - 48px); padding:12px 16px; border:1px solid var(--pv-border); border-radius:5px; background:var(--showroom-background); color:var(--showroom-text); box-shadow:0 4px 20px #0002; font-size:var(--pv-small); }
.nx-toast > svg { flex:none; color:var(--showroom-secondary); }
.nx-toast button { display:flex; border:0; background:transparent; color:inherit; padding:4px; cursor:pointer; }
@container nexus (max-width:1100px) {
  .nx-layout { grid-template-columns:72px minmax(0,1fr); }
  .nx-sidebar { padding:24px 10px 20px; align-items:center; }
  .nx-brand { padding:0; justify-content:center; }
  .nx-brand strong,.nx-workspace-label,.nx-sidebar nav button > span,.nx-sidebar nav button > small,.nx-sidebar-bottom > button > span,.nx-sidebar-profile > div { display:none; }
  .nx-sidebar nav { width:100%; }
  .nx-sidebar nav button,.nx-sidebar-bottom > button { min-height:44px; padding:10px; justify-content:center; }
  .nx-sidebar-profile { justify-content:center; padding-inline:0; }
  .nx-topbar { padding:16px 24px; gap:14px; }
  .nx-content { padding:26px 24px 36px; }
  .nx-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nx-overview-columns { grid-template-columns:1fr; gap:30px; }
  .nx-activity-feed { border-left:0; padding-left:0; padding-top:24px; border-top:1px solid var(--pv-border); }
  .nx-activity-feed ol { grid-template-columns:1fr 1fr; }
  .nx-table .nx-updated-column { display:none; }
  .nx-table td,.nx-table th { padding-inline:9px; }
  .nx-release-band { grid-template-columns:120px minmax(0,1fr); gap:18px; }
  .nx-release-band > img { width:120px; }
  .nx-release-band > .pv-button { grid-column:2; justify-self:start; }
  .nx-review { align-items:start; flex-direction:column; gap:18px; }
  .nx-review-actions { justify-content:flex-start; padding-left:48px; }
}
@container nexus (max-width:560px) {
  .nx-layout { display:block; min-height:900px; }
  .nx-sidebar { display:none; position:absolute; inset:0 auto 0 0; width:260px; max-width:calc(100% - 44px); z-index:25; padding:22px 16px; align-items:stretch; gap:24px; box-shadow:12px 0 24px #0002; }
  .nx-demo.is-menu-open .nx-sidebar { display:flex; }
  .nx-brand { justify-content:flex-start; padding:0 8px; }
  .nx-brand strong,.nx-sidebar nav button > span,.nx-sidebar-bottom > button > span,.nx-sidebar-profile > div { display:block; }
  .nx-workspace-label { display:flex; }
  .nx-sidebar nav button > small { display:inline-block; }
  .nx-sidebar nav button,.nx-sidebar-bottom > button { justify-content:flex-start; }
  .nx-sidebar-profile { justify-content:flex-start; }
  .nx-demo.is-menu-open .nx-menu-backdrop { display:block; position:absolute; inset:0; z-index:24; background:#10182055; border:0; }
  .nx-topbar { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:8px; min-height:68px; padding:12px 14px; }
  .nx-topbar .nx-mobile-menu-button,.nx-topbar .nx-search-toggle { display:inline-flex; }
  .nx-mobile-title { display:block; font-family:var(--showroom-heading-font); font-size:var(--showroom-subheading-size); line-height:1.2; overflow-wrap:anywhere; }
  .nx-search { display:none; grid-column:1/-1; grid-row:2; max-width:none; width:100%; margin-top:5px; }
  .nx-topbar.is-search-open .nx-search { display:block; }
  .nx-topbar-actions { gap:2px; }
  .nx-topbar .nx-create-button { width:40px; min-width:40px; padding:6px; min-height:40px; aspect-ratio:1; }
  .nx-create-button > span { display:none; }
  .nx-topbar .pv-icon-button { min-width:36px; width:36px; min-height:36px; }
  .nx-notification-panel { position:absolute; right:-44px; width:calc(100cqw - 28px); max-width:360px; }
  .nx-content { padding:24px 18px 32px; }
  .nx-heading { align-items:start; flex-direction:column; gap:14px; margin-bottom:22px; }
  .nx-heading h1 { margin-top:7px; }
  .nx-heading-actions { width:100%; }
  .nx-heading-actions > .pv-button { width:100%; }
  .nx-scopebar { display:grid; grid-template-columns:1fr; gap:10px; }
  .nx-scopebar .pv-field-label { max-width:none; }
  .nx-metrics { gap:12px; margin-bottom:26px; }
  .nx-metric { padding:16px 12px; }
  .nx-metric > div { align-items:start; font-size:var(--pv-caption); }
  .nx-metric > div svg { width:15px; height:15px; }
  .nx-section-heading { flex-direction:column; gap:13px; margin-bottom:20px; }
  .nx-section-heading > .pv-button { align-self:flex-start; }
  .nx-chart { height:222px; gap:8px; }
  .nx-bar-pair { height:192px; }
  .nx-chart-bars { gap:5px; }
  .nx-chart-group small { font-size:10px; }
  .nx-activity-feed ol { grid-template-columns:1fr; gap:18px; }
  .nx-filterbar { align-items:stretch; flex-direction:column; gap:12px; }
  .nx-status-filter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nx-status-filter button { justify-content:space-between; font-size:var(--pv-caption); }
  .nx-filterbar > .pv-field-label { max-width:none; }
  .nx-table { display:block; }
  .nx-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .nx-table tbody { display:block; }
  .nx-table tr { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; border-bottom:1px solid var(--pv-border); padding:18px 0; position:relative; }
  .nx-table td { display:block; padding:0; border:0; }
  .nx-table td:first-child { width:auto; grid-column:1/-1; padding-right:40px; }
  .nx-table td:nth-child(4) { grid-column:1/-1; }
  .nx-table td:not(:first-child):not(:last-child)::before { content:attr(data-label); display:block; color:var(--pv-muted); font-size:10px; margin-bottom:5px; }
  .nx-table .nx-row-action { position:absolute; top:18px; right:0; width:32px; }
  .nx-coverage progress { width:100%; flex:1; }
  .nx-owner .nx-avatar { width:24px; height:24px; }
  .nx-release-band { grid-template-columns:1fr; gap:18px; }
  .nx-release-band > img { width:100%; height:170px; }
  .nx-release-band > .pv-button { grid-column:auto; width:100%; }
  .nx-review-actions { padding-left:0; width:100%; display:grid; grid-template-columns:1fr; }
  .nx-review-actions > .pv-button { width:100%; }
  .nx-member { display:grid; grid-template-columns:40px minmax(0,1fr) 32px; gap:10px 12px; }
  .nx-member > .nx-avatar { width:36px; height:36px; }
  .nx-member > span:not(.nx-avatar) { grid-column:2; font-size:var(--pv-caption); }
  .nx-member > .pv-button { grid-column:3; grid-row:1/3; width:32px; min-width:32px; padding:4px; }
  .nx-member h2 { font-size:var(--showroom-label-size); }
  .nx-overlay { padding:28px 14px; }
  .nx-dialog { padding:20px 16px; }
  .nx-dialog-actions { display:grid; grid-template-columns:1fr; }
  .nx-dialog-actions > .pv-button { width:100%; }
  .nx-toast { top:78px; right:14px; max-width:calc(100% - 28px); padding:10px 12px; }
}
@media (prefers-reduced-motion:reduce) {
  .sp-demo *,.nx-demo * { transition:none!important; scroll-behavior:auto!important; }
}


.documentation-toolbar-group{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.documentation-toolbar-group .document-icon-action,.documentation-toolbar-group .document-primary-action{min-height:30px}
.canvas-view-documentation .design-document-layout{padding-top:0}
@media(max-width:900px){.documentation-toolbar-group .document-icon-action span{display:inline}}

.documentation-toolbar-group .document-primary-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:64px!important;min-height:30px!important;padding:0 12px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer!important}.documentation-toolbar-group .document-primary-action svg{display:block!important;flex:none!important}

.canvas-view-source .document-primary-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:88px!important;min-height:30px!important;padding:0 12px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer!important}.canvas-view-source .document-primary-action svg{display:block!important;flex:none!important}

.source-toolbar-group{flex-wrap:wrap}.source-toolbar-group .document-primary-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;box-shadow:none!important}.canvas-view-source .design-document-shell{padding-top:0}.canvas-view-source .markdown-source{margin-top:0}

.source-toolbar-group{align-items:center!important}.source-toolbar-group .document-mode-control{height:30px!important;min-height:30px!important;padding:1px!important;box-sizing:border-box!important}.source-toolbar-group .document-mode-control button{height:26px!important;min-height:26px!important}

.canvas-document.canvas-view-preview,.canvas-document.canvas-view-documentation,.canvas-view-documentation .design-document-shell{background:var(--canvas-bg)!important}

.canvas-document.canvas-view-showroom,.canvas-view-showroom .components-board{background:var(--canvas-bg)!important}

.canvas-surface:has(.canvas-view-documentation),.canvas-document.canvas-view-documentation,.canvas-view-documentation .design-document-shell{background:var(--canvas-bg)!important}.canvas-view-documentation .design-document{background:#fff!important}.canvas-document.canvas-view-documentation{--showroom-bg:#fff!important;--showroom-surface:#fff!important;--showroom-surface-subtle:#f7f8fa!important;--showroom-text:#171a22!important;--showroom-secondary-text:#525a68!important;--showroom-muted:#7a8190!important}
/* dss-document-font-scale-135 */

/* dss-document-font-scale-135-applied */

.ai-direction-backdrop{z-index:90}
.ai-direction-dialog{width:min(780px,calc(100vw - 32px));max-height:min(880px,calc(100vh - 32px));background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:6px;box-shadow:0 18px 60px #0003;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.ai-direction-header,.ai-direction-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--panel-bg);border-bottom:1px solid var(--panel-border)}
.ai-direction-header h3,.ai-direction-section h4{margin:0;font-size:13px}.ai-direction-header p{margin:4px 0 0;color:var(--text-muted);font-size:11px}
.ai-direction-header>button,.ai-section-heading>button,.ai-rule-row>button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;color:var(--text-secondary);border:1px solid var(--panel-border);border-radius:4px;cursor:pointer}
.ai-direction-body{overflow:auto;padding:18px;display:grid;gap:22px}.ai-direction-field,.ai-component-guidance label{display:grid;gap:7px}.ai-direction-field>span,.ai-component-guidance label>span{font-size:12px;font-weight:650}.ai-direction-field small{color:var(--text-muted);font-size:10.5px}
.ai-direction-field textarea,.ai-component-guidance textarea,.ai-rule-row input{width:100%;background:var(--panel-bg-strong);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:4px;font:inherit;font-size:12px;line-height:1.5;outline:none}.ai-direction-field textarea,.ai-component-guidance textarea{padding:10px;resize:vertical}.ai-rule-row input{height:32px;padding:0 9px}.ai-direction-field textarea:focus,.ai-component-guidance textarea:focus,.ai-rule-row input:focus{border-color:var(--selection-accent,#4f6df5);box-shadow:0 0 0 2px color-mix(in srgb,var(--selection-accent,#4f6df5) 18%,transparent)}
.ai-direction-section{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--panel-border)}.ai-section-heading{display:flex;align-items:center;justify-content:space-between}.ai-section-heading span{color:var(--text-muted);font-size:10.5px}
.ai-freedom-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ai-freedom-control button,.ai-priority-options button{min-height:32px;background:var(--panel-bg-strong);color:var(--text-secondary);border:1px solid var(--panel-border);border-radius:4px;font:inherit;font-size:11px;cursor:pointer}.ai-freedom-control button.is-active,.ai-priority-options button.is-active{background:var(--selection-accent,#4f6df5);border-color:var(--selection-accent,#4f6df5);color:#fff}.ai-freedom-description{min-height:34px;margin:0;padding:9px 10px;background:var(--panel-bg-strong);color:var(--text-secondary);border-left:2px solid var(--selection-accent,#4f6df5);font-size:11px;line-height:1.45}
.ai-priority-options{display:flex;flex-wrap:wrap;gap:6px}.ai-priority-options button{display:inline-flex;align-items:center;gap:6px;padding:0 10px}.ai-priority-options b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff;color:var(--selection-accent,#4f6df5);border-radius:50%;font-size:9px}
.ai-rule-list{display:grid;gap:7px}.ai-rule-row{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px 30px;gap:5px}.ai-rule-row>button:disabled{opacity:.3;cursor:default}
.ai-component-guidance{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-direction-footer{border-top:1px solid var(--panel-border);border-bottom:0}.ai-direction-footer>button{height:32px;padding:0 12px;background:var(--panel-bg-strong);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:4px;font:inherit;font-size:11px;cursor:pointer}.ai-direction-footer .ai-direction-done{background:var(--selection-accent,#4f6df5);border-color:var(--selection-accent,#4f6df5);color:#fff}
@media(max-width:700px){.ai-component-guidance{grid-template-columns:1fr}.ai-direction-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.ai-direction-body{padding:14px}.ai-freedom-control{grid-template-columns:1fr}}


/* AI Direction workspace tab */
.canvas-view-ai-direction{background:var(--panel-bg)}
.ai-direction-page{width:min(960px,calc(100% - 64px));margin:0 auto;padding:38px 0 76px;color:var(--text-primary)}
.ai-direction-page .ai-direction-header{padding:0 0 20px;background:transparent}
.ai-direction-page .ai-direction-header h3{font-size:18px}
.ai-direction-page .ai-direction-header p{font-size:12px;margin-top:6px}
.ai-direction-page .ai-direction-body{padding:28px 0 0;overflow:visible;grid-template-columns:minmax(0,1fr);gap:28px}
.ai-direction-page .ai-direction-section{padding-top:24px}
.ai-direction-page .ai-restore-action{height:32px;padding:0 12px;background:var(--panel-bg-strong);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:4px;font:inherit;font-size:11px;cursor:pointer}
.ai-direction-page .ai-restore-action:hover{border-color:var(--selection-accent,#4f6df5)}
@media(max-width:760px){.ai-direction-page{width:calc(100% - 32px);padding:26px 0 52px}.ai-direction-page .ai-direction-header{align-items:flex-start;gap:16px}.ai-direction-page .ai-direction-body{padding-top:22px}.ai-direction-page .ai-component-guidance{grid-template-columns:1fr}}


/* AI Direction document typography */
.ai-direction-page .ai-direction-header h3{font-size:24.3px;line-height:1.2;font-weight:720}
.ai-direction-page .ai-direction-header p{font-size:16.2px;line-height:1.5;margin-top:7px}
.ai-direction-page .ai-direction-section h4{font-size:17.55px;line-height:1.3;font-weight:700}
.ai-direction-page .ai-direction-field>span,.ai-direction-page .ai-component-guidance label>span{font-size:16.2px}
.ai-direction-page .ai-direction-field small,.ai-direction-page .ai-section-heading span{font-size:14.18px;line-height:1.45}
.ai-direction-page .ai-direction-field textarea,.ai-direction-page .ai-component-guidance textarea,.ai-direction-page .ai-rule-row input{font-size:16.2px;line-height:1.5}
.ai-direction-page .ai-direction-field textarea,.ai-direction-page .ai-component-guidance textarea{padding:13px 14px}
.ai-direction-page .ai-rule-row input{height:42px;padding:0 12px}
.ai-direction-page .ai-freedom-control button,.ai-direction-page .ai-priority-options button{min-height:42px;font-size:14.85px;padding-inline:14px}
.ai-direction-page .ai-freedom-description{min-height:46px;padding:12px 14px;font-size:14.85px;line-height:1.5}
.ai-direction-page .ai-priority-options b{width:20px;height:20px;font-size:12px}
.ai-direction-page .ai-rule-row{grid-template-columns:minmax(0,1fr) 40px 40px 40px;gap:7px}
.ai-direction-page .ai-section-heading>button,.ai-direction-page .ai-rule-row>button{width:40px;height:40px}
.ai-direction-page .ai-restore-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:148px!important;height:40px!important;padding:0 16px!important;white-space:nowrap!important;background:var(--panel-bg-strong)!important;color:var(--text-primary)!important;border:1px solid var(--panel-border)!important;border-radius:4px!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important}
.ai-direction-page .ai-restore-action:hover{background:var(--selection-accent,#4f6df5)!important;border-color:var(--selection-accent,#4f6df5)!important;color:#fff!important}
.ai-direction-page .ai-restore-action:focus-visible{outline:2px solid var(--selection-accent,#4f6df5);outline-offset:2px}


/* AI Direction actual-size document view */
.dsb-app .canvas-document.canvas-view-ai-direction{zoom:1!important;width:100%!important;min-width:0!important;max-width:none!important}
.canvas-surface:has(.canvas-view-ai-direction){background:var(--canvas-bg)!important}
.canvas-document.canvas-view-ai-direction{background:var(--panel-bg)!important}


/* Documentation AI Guidance */
.document-ai-guidance{scroll-margin-top:24px}
.document-ai-overview,.document-ai-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.document-ai-overview>div,.document-ai-rules>div{border-top:2px solid var(--showroom-primary);padding:18px 0 4px}
.document-ai-overview>div>span{display:block;color:var(--showroom-muted);text-transform:uppercase;font-size:13.97px;font-weight:750;margin-bottom:8px}
.document-ai-overview strong,.document-ai-rules h3,.document-ai-components h3{font-size:17.08px;font-weight:700}
.document-ai-overview p,.document-ai-components p{color:var(--showroom-muted);margin:8px 0 0;font-size:15.53px;line-height:1.55}
.document-ai-overview ol{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.document-ai-overview li{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--showroom-border);padding:7px 10px;font-size:13.97px}
.document-ai-overview li b{display:inline-grid;place-items:center;width:20px;height:20px;background:var(--showroom-primary);color:#fff;border-radius:50%;font-size:11px}
.document-ai-rules{margin-top:34px}
.document-ai-rules h3{margin:0 0 14px}
.document-ai-rules ul{font-size:15.53px;margin:0;padding-left:20px;gap:9px}
.document-ai-components{margin-top:34px;padding-top:22px;border-top:1px solid var(--showroom-border)}
.document-ai-components>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin-top:18px}
.document-ai-components section{padding:0}
.document-ai-components strong{font-size:15.53px}
@media(max-width:780px){.document-ai-overview,.document-ai-rules,.document-ai-components>div{grid-template-columns:1fr}}
@media print{.document-ai-guidance{break-before:page}.document-ai-overview>div,.document-ai-rules>div{break-inside:avoid}}


/* Documentation hero refinement */
.canvas-view-documentation .document-hero h1{margin-top:0;font-size:52px}
.canvas-view-documentation .document-hero>p{max-width:620px;font-size:20px;line-height:1.55}


/* Unified dark Showroom canvas */
.dsb-app.theme-dark .canvas-surface:has(.canvas-view-showroom),
.dsb-app.theme-dark .canvas-document.canvas-view-showroom,
.dsb-app.theme-dark .canvas-view-showroom .components-board{background:#2b2d31!important}


/* Universal AI package action */
.source-toolbar-group .ai-package-action{font-weight:650;white-space:nowrap}


/* Source panel contextual actions */
.source-toolbar-group .ai-package-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:112px!important;min-height:30px!important;padding:0 13px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:4px!important;box-shadow:none!important}
.source-toolbar-group .ai-package-action:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}
.source-code-panel{position:relative}
.source-panel-actions{position:absolute;top:14px;right:14px;z-index:4;display:flex;align-items:center;gap:6px;padding:5px;background:#252932;border:1px solid #ffffff24;border-radius:5px;box-shadow:0 8px 24px #00000040}
.source-panel-actions button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:#dce2ed;border:1px solid transparent;border-radius:4px;cursor:pointer}
.source-panel-actions button:hover{background:#ffffff12;color:#fff;border-color:#ffffff1f}
.source-panel-actions button:focus-visible{outline:2px solid #8098ff;outline-offset:1px}
.source-code-panel pre{padding-top:64px}


/* Expanded Design Style previews */
.style-preview-product{border-radius:5px;background:#f8fafc}
.style-preview-product i{background:#2563eb}
.style-preview-product i:nth-child(2){background:#0f172a}
.style-preview-product i:last-child{background:#06b6d4}
.style-preview-luxury{border-radius:2px;background:#f8f6f1;border-color:#c9c1b4;grid-template-columns:1.7fr .65fr .65fr}
.style-preview-luxury i{background:#181511}
.style-preview-luxury i:nth-child(2){background:#8a6a2f}
.style-preview-luxury i:last-child{background:#b89a5b}


/* Landing compositions by Design Style - 20260911 */
.sp-header {
  padding-inline:clamp(20px,var(--showroom-grid-margin,40px),64px);
}
.sp-hero-content,.sp-section {
  width:100%;
  max-width:var(--showroom-container-width,1240px);
  padding-inline:clamp(20px,var(--showroom-grid-margin,40px),64px);
}
.sp-workshops,.sp-steps {
  gap:clamp(18px,var(--showroom-grid-gutter,24px),44px);
}
.sp-join {
  padding-inline:max(clamp(20px,var(--showroom-grid-margin,40px),64px),calc((100% - var(--showroom-container-width,1240px)) / 2));
}
.sp-footer {
  padding-inline:clamp(20px,var(--showroom-grid-margin,40px),64px);
}

@container spark (min-width:901px) {
  .design-style-product .sp-hero { min-height:430px; }
  .design-style-product .sp-hero-content { padding-block:54px; }
  .design-style-product .sp-hero-content > p { max-width:500px; }
  .design-style-product .sp-facts { padding-block:22px; }
  .design-style-product .sp-section-heading { grid-template-columns:1.15fr .85fr; }
  .design-style-product .sp-workshop > img { aspect-ratio:16/9; }
  .design-style-product .sp-community { grid-template-columns:.9fr 1.1fr; }

  .design-style-minimal .sp-announcement { background:var(--showroom-background); color:var(--showroom-text); border-bottom:1px solid var(--pv-border); }
  .design-style-minimal .sp-hero { min-height:400px; }
  .design-style-minimal .sp-hero-shade { background:rgba(8,12,14,.18); }
  .design-style-minimal .sp-hero-content { padding-block:64px; }
  .design-style-minimal .sp-hero h1 { max-width:560px; }
  .design-style-minimal .sp-facts { background:var(--showroom-background); }
  .design-style-minimal .sp-section { padding-block:calc(var(--pv-spacing) * 4); }
  .design-style-minimal .sp-section-heading { grid-template-columns:1fr 1fr; margin-bottom:42px; }
  .design-style-minimal .sp-workshop { border-width:0; border-top:1px solid var(--pv-border); border-radius:0; background:var(--showroom-background); }
  .design-style-minimal .sp-workshop-body { padding:22px 0 0; }
  .design-style-minimal .sp-workshop > img { aspect-ratio:4/3; }
  .design-style-minimal .sp-community { background:var(--showroom-background); }

  .design-style-editorial .sp-hero { min-height:590px; align-items:flex-end; }
  .design-style-editorial .sp-hero > img { object-position:center 35%; filter:saturate(.82) contrast(1.04); }
  .design-style-editorial .sp-hero-shade { background:linear-gradient(180deg,rgba(10,10,10,.04) 20%,rgba(10,10,10,.68) 100%); }
  .design-style-editorial .sp-hero-content { padding-block:80px 62px; }
  .design-style-editorial .sp-hero h1 { max-width:780px; }
  .design-style-editorial .sp-hero-content > p { max-width:610px; }
  .design-style-editorial .sp-section-heading { grid-template-columns:1.45fr .55fr; align-items:start; margin-bottom:44px; }
  .design-style-editorial .sp-workshops { grid-template-columns:1.35fr .65fr; align-items:start; }
  .design-style-editorial .sp-workshop { border-width:0; border-top:1px solid var(--pv-border); border-radius:0; background:var(--showroom-background); }
  .design-style-editorial .sp-workshop:first-child { grid-row:span 2; }
  .design-style-editorial .sp-workshop:first-child > img { aspect-ratio:4/5; }
  .design-style-editorial .sp-workshop:not(:first-child) { display:grid; grid-template-columns:.85fr 1.15fr; }
  .design-style-editorial .sp-workshop:not(:first-child) > img { height:100%; aspect-ratio:auto; }
  .design-style-editorial .sp-workshop-body { padding:22px 0 0; }
  .design-style-editorial .sp-workshop:not(:first-child) .sp-workshop-body { padding:18px 0 18px 22px; }
  .design-style-editorial .sp-community { grid-template-columns:1.25fr .75fr; }
  .design-style-editorial .sp-community > img { min-height:500px; }

  .design-style-playful .sp-hero { min-height:510px; }
  .design-style-playful .sp-hero > img { filter:saturate(1.14) contrast(1.02); }
  .design-style-playful .sp-hero-shade { background:color-mix(in srgb,var(--showroom-secondary) 28%,rgba(8,10,16,.34)); }
  .design-style-playful .sp-hero-content { text-align:center; }
  .design-style-playful .sp-hero h1,.design-style-playful .sp-hero-content > p { margin-inline:auto; }
  .design-style-playful .sp-actions,.design-style-playful .sp-hero-proof { justify-content:center; }
  .design-style-playful .sp-section-heading { grid-template-columns:1fr; text-align:center; }
  .design-style-playful .sp-section-heading h2,.design-style-playful .sp-section-heading p { margin-inline:auto; }
  .design-style-playful .sp-workshops { padding-bottom:30px; }
  .design-style-playful .sp-workshop { border-top:5px solid var(--showroom-accent); }
  .design-style-playful .sp-workshop:nth-child(2) { transform:translateY(30px); border-top-color:var(--showroom-primary); }
  .design-style-playful .sp-workshop:nth-child(3) { border-top-color:var(--showroom-secondary); }
  .design-style-playful .sp-community > img { border-radius:0 var(--showroom-radius) var(--showroom-radius) 0; }

  .design-style-soft-studio .sp-hero { min-height:500px; }
  .design-style-soft-studio .sp-hero > img { filter:saturate(.82) sepia(.08); }
  .design-style-soft-studio .sp-hero-shade { background:linear-gradient(90deg,rgba(25,28,30,.5),rgba(25,28,30,.08)); }
  .design-style-soft-studio .sp-section { padding-block:calc(var(--pv-spacing) * 3.5); }
  .design-style-soft-studio .sp-workshop { box-shadow:var(--showroom-shadow); }
  .design-style-soft-studio .sp-workshop:nth-child(2) > img { aspect-ratio:4/3; }
  .design-style-soft-studio .sp-community { margin:0 clamp(20px,var(--showroom-grid-margin,40px),64px); border:1px solid var(--pv-border); border-radius:var(--showroom-radius); overflow:hidden; }

  .design-style-brutalist .sp-announcement { font-weight:800; text-transform:uppercase; }
  .design-style-brutalist .sp-header { border-bottom:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-hero { min-height:440px; border-bottom:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-hero > img { filter:grayscale(.2) contrast(1.16); }
  .design-style-brutalist .sp-hero-shade { background:rgba(0,0,0,.34); }
  .design-style-brutalist .sp-facts { border-bottom:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-facts > div { border-right:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-section-heading { grid-template-columns:1fr; }
  .design-style-brutalist .sp-workshop { border:var(--showroom-border-width) solid var(--pv-border); border-radius:0; }
  .design-style-brutalist .sp-workshop-body { padding:20px; }
  .design-style-brutalist .sp-approach { border-top:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-steps > div { border-top-width:5px; }
  .design-style-brutalist .sp-community { border-block:var(--showroom-border-width) solid var(--pv-border); }
  .design-style-brutalist .sp-community blockquote { border-left-width:6px; }

  .design-style-luxury .sp-announcement { background:var(--showroom-text); color:var(--showroom-background); }
  .design-style-luxury .sp-header { padding-block:24px; }
  .design-style-luxury .sp-hero { min-height:640px; align-items:flex-end; }
  .design-style-luxury .sp-hero > img { object-position:center 36%; filter:saturate(.68) sepia(.12) contrast(1.08); }
  .design-style-luxury .sp-hero-shade { background:linear-gradient(180deg,rgba(8,8,8,.08),rgba(8,8,8,.7)); }
  .design-style-luxury .sp-hero-content { padding-block:100px 76px; }
  .design-style-luxury .sp-hero h1 { max-width:760px; }
  .design-style-luxury .sp-hero-content > p { max-width:580px; }
  .design-style-luxury .sp-facts { padding-block:34px; background:var(--showroom-background); }
  .design-style-luxury .sp-section { padding-block:calc(var(--pv-spacing) * 4.5); }
  .design-style-luxury .sp-section-heading { grid-template-columns:1.35fr .65fr; margin-bottom:54px; }
  .design-style-luxury .sp-workshops { gap:clamp(28px,var(--showroom-grid-gutter),52px); }
  .design-style-luxury .sp-workshop { border-width:0; border-radius:0; background:var(--showroom-background); }
  .design-style-luxury .sp-workshop > img { aspect-ratio:4/5; filter:saturate(.72) contrast(1.03); }
  .design-style-luxury .sp-workshop-body { padding:26px 0 0; }
  .design-style-luxury .sp-community { grid-template-columns:1.15fr .85fr; background:var(--showroom-text); color:var(--showroom-background); }
  .design-style-luxury .sp-community p,.design-style-luxury .sp-community .sp-attribution span { color:color-mix(in srgb,var(--showroom-background) 70%,transparent); }
  .design-style-luxury .sp-community > img { min-height:520px; filter:saturate(.7) sepia(.1); }
}

@container spark (max-width:900px) {
  .design-style-editorial .sp-workshop:first-child { grid-row:auto; }
  .design-style-editorial .sp-workshop:not(:first-child) { display:flex; }
  .design-style-editorial .sp-workshop:not(:first-child) .sp-workshop-body { padding:20px 0 0; }
  .design-style-playful .sp-workshop:nth-child(2) { transform:none; }
  .design-style-soft-studio .sp-community { margin:0; border-inline:0; border-radius:0; }
}

@container spark (max-width:560px) {
  .sp-header { padding-inline:18px; }
  .sp-hero-content,.sp-section { padding-inline:20px; }
  .sp-join,.sp-footer { padding-inline:20px; }
  .design-style-editorial .sp-hero,.design-style-luxury .sp-hero { min-height:500px; }
  .design-style-minimal .sp-workshop-body,.design-style-editorial .sp-workshop-body { padding-inline:0; }
}


/* Fetch Style UI - 20260911 */
.fetch-style-launch {
  display:flex!important;
  justify-content:center;
  width:calc(100% - 24px)!important;
  margin:10px 12px 12px!important;
  padding:11px 14px!important;
  border:1px solid var(--app-accent,#3568e8)!important;
  color:var(--app-accent,#3568e8)!important;
  background:transparent!important;
  font-weight:650!important;
}
.fetch-style-launch:hover { background:color-mix(in srgb,var(--app-accent,#3568e8) 7%,transparent)!important; }
.fetch-style-dialog {
  width:min(560px,calc(100vw - 32px));
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  border:1px solid var(--panel-border,#d9dde5);
  background:var(--panel-bg,#fff);
  color:var(--app-text,#171a20);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.fetch-style-dialog .account-dialog-header > div { display:grid; gap:4px; }
.fetch-style-dialog .account-dialog-header h3 { margin:0; }
.fetch-style-dialog .account-dialog-header p { margin:0; color:var(--app-text-muted,#667085); font-size:13px; }
.fetch-style-body { display:grid; gap:18px; padding:22px; }
.fetch-style-form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:12px; }
.fetch-style-form .auth-submit { min-width:144px; }
.fetch-style-result { display:grid; gap:16px; padding-top:20px; border-top:1px solid var(--panel-border,#d9dde5); }
.fetch-style-result-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.fetch-style-result-heading > div { display:grid; gap:4px; }
.fetch-style-result-heading span { color:var(--app-text-muted,#667085); font-size:10px; font-weight:700; }
.fetch-style-result-heading strong { font-size:18px; }
.fetch-style-result-heading a { color:var(--app-accent,#3568e8); font-size:12px; }
.fetch-style-swatches { display:grid; grid-template-columns:repeat(7,1fr); height:52px; overflow:hidden; border:1px solid var(--panel-border,#d9dde5); }
.fetch-style-swatches i { display:block; min-width:0; }
.fetch-style-signals { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--panel-border,#d9dde5); }
.fetch-style-signals > div { display:grid; gap:4px; min-width:0; padding:14px; }
.fetch-style-signals > div:nth-child(odd) { border-right:1px solid var(--panel-border,#d9dde5); }
.fetch-style-signals > div:nth-child(-n+2) { border-bottom:1px solid var(--panel-border,#d9dde5); }
.fetch-style-signals span { color:var(--app-text-muted,#667085); font-size:11px; }
.fetch-style-signals strong { overflow-wrap:anywhere; font-size:13px; font-weight:650; }
.fetch-style-note { margin:0; color:var(--app-text-muted,#667085); font-size:12px; line-height:1.5; }
.fetch-style-actions { display:flex; justify-content:flex-end; align-items:center; gap:10px; }
.fetch-style-actions .auth-submit { width:auto; min-width:116px; }
.fetch-style-secondary { min-height:38px; padding:0 14px; border:1px solid var(--panel-border,#d9dde5); background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:13px; }
@media (max-width:620px) {
  .fetch-style-form { grid-template-columns:1fr; }
  .fetch-style-signals { grid-template-columns:1fr; }
  .fetch-style-signals > div { border:0!important; border-bottom:1px solid var(--panel-border,#d9dde5)!important; }
  .fetch-style-signals > div:last-child { border-bottom:0!important; }
}


/* Fetch Style toolbar refinement - 20260911 */
.style-toolbar-group { display:flex; align-items:center; gap:2px; }
.style-toolbar-group .style-popover { left:0; }
.fetch-style-toolbar-button {
  width:30px;
  height:30px;
  border:0;
  color:var(--text-secondary);
  background:transparent;
}
.fetch-style-toolbar-button:hover {
  color:var(--app-accent,#3568e8);
  background:color-mix(in srgb,var(--app-accent,#3568e8) 7%,transparent);
}


/* Fetch Style cluster hotfix - 20260911 */
.style-toolbar-cluster { display:flex; align-items:center; gap:2px; }
.style-toolbar-cluster .style-popover { left:0; }


/* Fetch Style detailed proposal - 20260911 */
.fetch-style-dialog{width:min(760px,calc(100vw - 32px))}
.fetch-style-preview{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--panel-border,#d9dde5)}
.fetch-style-preview-section{min-width:0;padding:18px}
.fetch-style-preview-section:nth-child(odd){border-right:1px solid var(--panel-border,#d9dde5)}
.fetch-style-preview-section:nth-child(-n+2){border-bottom:1px solid var(--panel-border,#d9dde5)}
.fetch-style-preview-section h4{margin:0 0 14px;color:var(--app-text,#171a20);font-size:12px;font-weight:700}
.fetch-style-color-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.fetch-style-color-list>div{display:flex;align-items:center;gap:9px;min-width:0}
.fetch-style-color-list i{width:26px;height:26px;flex:0 0 26px;border:1px solid color-mix(in srgb,var(--panel-border,#d9dde5) 80%,#000 8%);border-radius:4px}
.fetch-style-color-list span{display:grid;min-width:0;gap:1px}
.fetch-style-color-list strong{font-size:11px;font-weight:650}
.fetch-style-color-list small{color:var(--app-text-muted,#667085);font-size:10px;text-transform:uppercase}
.fetch-style-type-sample{display:grid;gap:7px;padding:14px 0}
.fetch-style-type-sample strong{font-size:25px;line-height:1.08;letter-spacing:0}
.fetch-style-type-sample p{margin:0;color:var(--app-text-muted,#667085);line-height:1.45}
.fetch-style-meta-row{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;color:var(--app-text-muted,#667085);font-size:10px}
.fetch-style-shape-demo{display:flex;align-items:center;justify-content:space-between;gap:16px;border-style:solid}
.fetch-style-shape-demo span{font-size:13px;font-weight:650}
.fetch-style-shape-demo button{min-width:88px;padding:0 16px;border:0;font:inherit;font-size:12px;font-weight:650}
.fetch-style-layout-demo{display:grid;height:82px;padding:12px;border:1px solid var(--panel-border,#d9dde5);background:color-mix(in srgb,var(--panel-bg,#fff) 92%,var(--app-accent,#3568e8) 8%)}
.fetch-style-layout-demo i{display:block;min-width:0;background:color-mix(in srgb,var(--app-accent,#3568e8) 25%,transparent)}
@media(max-width:700px){.fetch-style-preview{grid-template-columns:1fr}.fetch-style-preview-section{border-right:0!important;border-bottom:1px solid var(--panel-border,#d9dde5)!important}.fetch-style-preview-section:last-child{border-bottom:0!important}}


/* Dashboard preview simplification - 20260912 */
.nx-chart-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--showroom-muted);font-size:12px}
.nx-overview-columns{grid-template-columns:1fr}


/* Dashboard live icon system - 20260912 */
.nx-component-mark .project-icon-lucide,.nx-component-mark .project-icon-heroicons,.nx-component-mark .project-icon-tabler,.nx-component-mark .project-icon-phosphor{width:var(--pv-icon-size);height:var(--pv-icon-size);color:var(--showroom-icon-frame-color);stroke-width:var(--showroom-icon-stroke-width)}


/* Dashboard complete live-token binding - 20260912 */
.nx-demo{
  --nx-space-1:max(4px,var(--showroom-space));
  --nx-space-2:max(8px,var(--showroom-space));
  --nx-space-3:max(12px,calc(var(--showroom-space) + 4px));
  --nx-space-4:max(16px,calc(var(--showroom-space) + 8px));
  --nx-radius:var(--showroom-radius);
  --nx-border-width:var(--showroom-border-width);
  --nx-shadow:var(--showroom-shadow)
}
.nx-layout{column-gap:var(--showroom-grid-gutter)}
.nx-sidebar{padding:var(--nx-space-4) var(--nx-space-3);gap:var(--nx-space-4);border-right-width:var(--nx-border-width)}
.nx-sidebar nav{gap:var(--nx-space-1)}
.nx-sidebar nav button,.nx-sidebar-bottom>button{gap:var(--nx-space-2);padding:var(--nx-space-2) var(--nx-space-3);border-radius:var(--nx-radius)}
.nx-sidebar nav button small,.nx-workspace-label small{border-radius:var(--nx-radius)}
.nx-sidebar-profile{padding-top:var(--nx-space-3);border-top-width:var(--nx-border-width)}
.nx-topbar{gap:var(--nx-space-3);padding:var(--nx-space-3) var(--showroom-grid-margin);border-bottom-width:var(--nx-border-width)}
.nx-topbar-actions{gap:var(--nx-space-2)}
.nx-content{width:100%;max-width:var(--showroom-container-width);margin-inline:auto;padding:var(--nx-space-4) var(--showroom-grid-margin) calc(var(--nx-space-4) + var(--nx-space-3))}
.nx-heading{gap:var(--nx-space-4);margin-bottom:var(--nx-space-4)}
.nx-heading h1{margin:var(--nx-space-1) 0}
.nx-scopebar{gap:var(--showroom-grid-gutter);margin-bottom:var(--nx-space-4)}
.nx-metrics{grid-template-columns:repeat(var(--nx-metric-columns),minmax(0,1fr));gap:var(--showroom-grid-gutter);margin-bottom:calc(var(--nx-space-4) + var(--nx-space-3))}
.nx-metric{padding:var(--nx-space-4);border-width:var(--nx-border-width);border-radius:var(--nx-radius);box-shadow:var(--nx-shadow)}
.nx-metric>strong{margin:var(--nx-space-3) 0 var(--nx-space-1)}
.nx-overview-columns{gap:var(--showroom-grid-gutter);padding:var(--nx-space-1) 0 calc(var(--nx-space-4) + var(--nx-space-3));border-bottom-width:var(--nx-border-width)}
.nx-section-heading{gap:var(--nx-space-3);margin-bottom:var(--nx-space-4)}
.nx-chart-legend{gap:var(--nx-space-2)}
.nx-library-section{padding-top:var(--nx-space-4)}
.nx-filterbar{gap:var(--showroom-grid-gutter);margin-bottom:var(--nx-space-3)}
.nx-status-filter{gap:var(--nx-space-1)}
.nx-status-filter button,.nx-status-filter button>span,.nx-status{border-radius:var(--nx-radius)}
.nx-table th{padding:var(--nx-space-2) var(--nx-space-3);border-block-width:var(--nx-border-width)}
.nx-table td{padding:var(--nx-space-3);border-bottom-width:var(--nx-border-width)}
.nx-component-name{gap:var(--nx-space-2)}
.nx-component-mark{
  width:calc(var(--pv-icon-size) + var(--showroom-icon-frame-padding)*2);
  height:calc(var(--pv-icon-size) + var(--showroom-icon-frame-padding)*2);
  border-width:var(--showroom-icon-frame-border);
  border-radius:var(--showroom-icon-frame-radius);
  border-color:var(--showroom-icon-frame-color);
  background:var(--showroom-icon-frame-bg);
  color:var(--showroom-icon-frame-color);
  box-shadow:none
}
.nx-review{gap:var(--showroom-grid-gutter);padding:var(--nx-space-4) 0;border-bottom-width:var(--nx-border-width)}
.nx-review-main,.nx-member{gap:var(--nx-space-3)}
.nx-review-actions,.nx-dialog-actions{gap:var(--nx-space-2)}
.nx-member{padding:var(--nx-space-4) 0;border-bottom-width:var(--nx-border-width)}
.nx-settings{gap:var(--nx-space-4)}
.nx-settings section{gap:var(--nx-space-3);padding-bottom:var(--nx-space-4);border-bottom-width:var(--nx-border-width)}
.nx-notification-panel,.nx-dialog,.nx-toast{border-width:var(--nx-border-width);border-radius:var(--nx-radius);box-shadow:var(--nx-shadow)}
.nx-notification-panel{padding:var(--nx-space-3)}
.nx-dialog{padding:var(--nx-space-4)}
.nx-create-form,.nx-detail{gap:var(--nx-space-3)}
.nx-detail-specimen{padding:var(--nx-space-4);border-block-width:var(--nx-border-width)}
.nx-toast{gap:var(--nx-space-2);padding:var(--nx-space-2) var(--nx-space-3)}
@container nexus (max-width:560px){
  .nx-metrics{grid-template-columns:repeat(var(--nx-mobile-metric-columns),minmax(0,1fr));gap:var(--showroom-grid-gutter)}
  .nx-content{padding:var(--nx-space-4) var(--showroom-grid-margin)}
  .nx-topbar{padding:var(--nx-space-2) var(--showroom-grid-margin)}
}


/* Landing live icon accent - 20260912 */
.sp-eyebrow-with-icon{display:inline-flex;align-items:center;gap:max(6px,var(--showroom-space))}
.sp-eyebrow-with-icon svg{width:var(--pv-icon-size);height:var(--pv-icon-size);padding:var(--showroom-icon-frame-padding);box-sizing:content-box;border:var(--showroom-icon-frame-border) solid var(--showroom-icon-frame-color);border-radius:var(--showroom-icon-frame-radius);background:var(--showroom-icon-frame-bg);color:var(--showroom-icon-frame-color);stroke-width:var(--showroom-icon-stroke-width)}


/* Preview token completion - 20260912 */
.sp-demo{
  --sp-space-1:max(6px,var(--showroom-space));
  --sp-space-2:max(12px,calc(var(--showroom-space) + 4px));
  --sp-space-3:max(18px,calc(var(--showroom-space) + 10px));
  --sp-space-4:max(24px,calc(var(--showroom-space) + 16px))
}
.sp-demo .pv-button:not(.pv-ghost),.nx-demo .pv-button:not(.pv-ghost){box-shadow:var(--component-shadow),var(--showroom-shadow)}
.sp-demo .pv-button:not(.pv-ghost):hover,.nx-demo .pv-button:not(.pv-ghost):hover{box-shadow:var(--component-hover-shadow),var(--showroom-shadow)}
.sp-demo .pv-button:not(.pv-ghost):active,.nx-demo .pv-button:not(.pv-ghost):active{box-shadow:var(--component-active-shadow),var(--showroom-shadow)}
.sp-demo .pv-button:not(.pv-ghost):focus-visible,.nx-demo .pv-button:not(.pv-ghost):focus-visible{box-shadow:var(--component-focus-shadow),var(--showroom-shadow)}
.sp-demo .pv-button:not(.pv-ghost):disabled,.nx-demo .pv-button:not(.pv-ghost):disabled{box-shadow:var(--component-shadow),var(--showroom-shadow)}
.sp-plan-control button[aria-pressed="true"],.nx-status-filter button[aria-pressed="true"]{box-shadow:var(--showroom-shadow)}
.sp-header{padding:var(--sp-space-3) var(--showroom-grid-margin);gap:var(--showroom-grid-gutter);border-bottom-width:var(--showroom-border-width)}
.sp-header>nav{gap:var(--showroom-grid-gutter)}
.sp-hero-content{max-width:var(--showroom-container-width);padding:calc(var(--sp-space-4) + 16px) var(--showroom-grid-margin)}
.sp-actions,.sp-hero-proof{gap:var(--showroom-grid-gutter)}
.sp-facts{grid-template-columns:repeat(var(--sp-fact-columns),minmax(0,1fr));padding:var(--sp-space-3) var(--showroom-grid-margin);border-bottom-width:var(--showroom-border-width)}
.sp-section{max-width:var(--showroom-container-width);padding:calc(var(--sp-space-4) + var(--sp-space-2)) var(--showroom-grid-margin)}
.sp-section-heading{gap:calc(var(--showroom-grid-gutter) + var(--sp-space-2));margin-bottom:var(--sp-space-4)}
.sp-workshops{grid-template-columns:repeat(var(--sp-card-columns),minmax(0,1fr));gap:var(--showroom-grid-gutter)}
.sp-workshop{border-width:var(--showroom-border-width);border-radius:var(--showroom-radius);box-shadow:var(--showroom-shadow)}
.sp-workshop-body{padding:var(--sp-space-4)}
.sp-workshop-date{margin:var(--sp-space-4) 0 var(--sp-space-3)}
.sp-steps{grid-template-columns:repeat(var(--sp-card-columns),minmax(0,1fr));gap:var(--showroom-grid-gutter);margin-top:var(--sp-space-4)}
.sp-community{gap:var(--showroom-grid-gutter);border-block-width:var(--showroom-border-width)}
.sp-community>div{padding:calc(var(--sp-space-4) + var(--sp-space-3)) var(--showroom-grid-margin)}
.sp-faq{gap:calc(var(--showroom-grid-gutter) + var(--sp-space-4))}
.sp-faq details{padding:var(--sp-space-3) 0;border-bottom-width:var(--showroom-border-width)}
.sp-join{gap:calc(var(--showroom-grid-gutter) + var(--sp-space-4));padding:calc(var(--sp-space-4) + var(--sp-space-3)) max(var(--showroom-grid-margin),calc((100% - var(--showroom-container-width))/2));border-block-width:var(--showroom-border-width)}
.sp-join form{gap:var(--sp-space-3)}
.sp-plan-control{border-width:var(--showroom-border-width);border-radius:var(--showroom-radius);gap:var(--sp-space-1)}
.sp-plan-control button{border-radius:var(--showroom-radius);min-height:var(--component-height);font-size:var(--component-font-size);font-weight:var(--component-font-weight)}
.sp-footer{padding:var(--sp-space-4) var(--showroom-grid-margin);gap:var(--showroom-grid-gutter)}
.sp-eyebrow-with-icon svg{
  width:var(--pv-icon-size);height:var(--pv-icon-size);color:var(--showroom-icon-frame-color);stroke-width:var(--showroom-icon-stroke-width);
  background:var(--showroom-icon-frame-bg);border-color:var(--showroom-icon-frame-color)
}
.nx-brand svg,.nx-sidebar nav button svg,.nx-sidebar-bottom>button svg,.nx-metric svg,.nx-review-main svg,.nx-member svg{
  stroke-width:var(--showroom-icon-stroke-width)
}
.nx-brand svg,.nx-sidebar nav button svg,.nx-sidebar-bottom>button svg{width:var(--pv-icon-size);height:var(--pv-icon-size)}
.nx-metric>div>svg{
  width:var(--pv-icon-size);height:var(--pv-icon-size);box-sizing:content-box;
  padding:min(5px,var(--showroom-icon-frame-padding));
  color:var(--showroom-icon-frame-color);background:var(--showroom-icon-frame-bg);
  border:var(--showroom-icon-frame-border) solid var(--showroom-icon-frame-color);
  border-radius:var(--showroom-icon-frame-radius)
}
.nx-component-mark{box-shadow:none}
.nx-notification-panel,.nx-dialog,.nx-toast{box-shadow:var(--showroom-shadow)}
@container spark (max-width:1050px){
  .sp-workshops,.sp-steps{grid-template-columns:repeat(var(--sp-tablet-columns),minmax(0,1fr))}
  .sp-facts{grid-template-columns:repeat(var(--sp-tablet-columns),minmax(0,1fr))}
}
@container spark (max-width:560px){
  .sp-workshops,.sp-steps,.sp-facts{grid-template-columns:1fr}
  .sp-header,.sp-hero-content,.sp-section,.sp-community>div,.sp-join,.sp-footer{padding-left:var(--showroom-grid-margin);padding-right:var(--showroom-grid-margin)}
}
@container nexus (max-width:1100px){
  .nx-metrics{grid-template-columns:repeat(var(--nx-tablet-metric-columns),minmax(0,1fr))}
}
@container nexus (max-width:560px){
  .nx-metrics{grid-template-columns:repeat(var(--nx-mobile-metric-columns),minmax(0,1fr))}
}