.ds-button{align-items:center;border:1px solid transparent;border-radius:var(--ds-radius-sm);cursor:pointer;display:inline-flex;font-family:var(--ds-font-sans);font-weight:650;gap:var(--ds-space-2);justify-content:center;letter-spacing:0;line-height:1.428;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap}.ds-button:focus-visible,.ds-chip:focus-visible,.ds-menu-item:focus-visible,.ds-dialog-close:focus-visible{box-shadow:var(--ds-shadow-focus);outline:none}.ds-button:disabled{cursor:not-allowed;opacity:.65}.ds-button--sm{font-size:.75rem;min-height:var(--ds-control-height-sm);padding:0 var(--ds-space-3)}.ds-button--md{font-size:.875rem;min-height:var(--ds-control-height-md);padding:0 var(--ds-space-4)}.ds-button--lg{font-size:.9375rem;min-height:var(--ds-control-height-lg);padding:0 var(--ds-space-5)}.ds-button--primary{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.ds-button--primary:hover:not(:disabled){background:var(--ds-color-primary-hover);border-color:var(--ds-color-primary-hover)}.ds-button--secondary{background:var(--ds-color-surface);border-color:var(--ds-color-border-strong);color:var(--ds-color-text)}.ds-button--secondary:hover:not(:disabled){background:var(--ds-color-surface-muted)}.ds-button--warning{background:var(--ds-color-surface);border-color:var(--ds-color-warning);color:var(--ds-color-warning)}.ds-button--warning:hover:not(:disabled){background:var(--ds-color-warning-subtle)}.ds-button--full{width:100%}.ds-spinner{animation:ds-spin .8s linear infinite;border:2px solid currentColor;border-radius:var(--ds-radius-full);border-right-color:transparent;display:inline-flex;height:14px;width:14px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-badge,.ds-chip{align-items:center;border-radius:var(--ds-radius-full);display:inline-flex;font-weight:650;gap:var(--ds-space-2);line-height:1}.ds-badge--sm{font-size:.6875rem;padding:3px var(--ds-space-2)}.ds-badge--md{font-size:.75rem;padding:5px 10px}.ds-tone--primary,.ds-tone--success{background:var(--ds-color-surface-selected);color:var(--ds-color-primary)}.ds-tone--warning{background:var(--ds-color-warning-subtle);color:var(--ds-color-warning)}.ds-tone--neutral{background:var(--ds-color-surface-muted);color:var(--ds-color-text-muted)}.ds-chip{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);color:var(--ds-color-text);font-size:.75rem;min-height:28px;padding:0 var(--ds-space-3)}.ds-chip--selected{background:var(--ds-color-surface-selected);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.ds-chip__remove{background:transparent;border:0;color:var(--ds-color-icon);cursor:pointer;font:inherit;padding:0}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}.ds-field-label{color:var(--ds-color-text);font-size:.75rem;font-weight:650;line-height:1.333;opacity:.75}.ds-field-label--disabled{opacity:.4}.ds-field-label__required{color:var(--ds-color-warning);margin-left:var(--ds-space-1)}.ds-control{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);display:flex;gap:var(--ds-space-2);min-height:var(--ds-control-height-md);padding:0 var(--ds-space-3);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.ds-control:hover{border-color:var(--ds-color-border-interactive)}.ds-control:focus-within{border-color:var(--ds-color-border-focus);box-shadow:var(--ds-shadow-focus)}.ds-control--error,.ds-control--error:hover,.ds-control--error:focus-within{border-color:var(--ds-color-warning);box-shadow:none}.ds-control--disabled{background:var(--ds-color-surface-disabled);border-color:var(--ds-color-border)}.ds-input,.ds-select{background:transparent;border:0;color:var(--ds-color-text);flex:1;font:inherit;min-height:38px;min-width:0;outline:none;width:100%}.ds-input::placeholder{color:var(--ds-color-text-placeholder)}.ds-field-hint{color:var(--ds-color-text-muted);font-size:.75rem;line-height:1.333;margin:0}.ds-field-error{color:var(--ds-color-warning);font-size:.75rem;line-height:1.333;margin:0}.ds-checkbox{align-items:flex-start;color:var(--ds-color-text);cursor:pointer;display:flex;gap:var(--ds-space-3)}.ds-checkbox--disabled{cursor:not-allowed;opacity:.5}.ds-checkbox__input{height:1px;opacity:0;position:absolute;width:1px}.ds-checkbox__box{align-items:center;background:var(--ds-color-surface);border:2px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-inverse);display:inline-flex;height:16px;justify-content:center;margin-top:2px;width:16px}.ds-checkbox__input:checked+.ds-checkbox__box{background:var(--ds-color-primary);border-color:var(--ds-color-primary)}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--ds-shadow-focus)}.ds-checkbox__copy{display:flex;flex-direction:column;gap:2px}.ds-checkbox__label{font-size:.875rem;font-weight:600}.ds-checkbox__description{color:var(--ds-color-text-muted);font-size:.75rem}.ds-icon-slot{align-items:center;color:var(--ds-color-icon);display:inline-flex;justify-content:center}.ds-icon-slot--sm{height:16px;width:16px}.ds-icon-slot--md{height:20px;width:20px}.ds-icon-slot--lg{height:24px;width:24px}.ds-icon-slot--brand{color:var(--ds-color-primary)}.ds-icon-slot--muted{color:var(--ds-color-icon-muted)}.ds-icon-slot--warning{color:var(--ds-color-warning)}.ds-section-heading{align-items:flex-end;display:flex;width:100%}.ds-section-heading__title{border-bottom:4px solid var(--ds-color-primary);color:var(--ds-color-text-secondary);font-size:.875rem;font-weight:600;line-height:1.4;padding:10px}.ds-section-heading__rule{background:var(--ds-color-border-strong);flex:1;height:4px;opacity:.5}.ds-surface-card,.ds-filter-toolbar,.ds-table-card,.ds-menu-panel{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs)}.ds-surface-card{padding:var(--ds-space-5)}.ds-surface-card--sm{padding:var(--ds-space-3)}.ds-surface-card--lg{padding:var(--ds-space-6)}.ds-surface-card__header,.ds-surface-card__footer{align-items:center;display:flex;justify-content:space-between}.ds-surface-card__header{margin-bottom:var(--ds-space-5)}.ds-surface-card__footer{margin-top:var(--ds-space-5)}.ds-filter-toolbar{align-items:flex-end;display:flex;gap:var(--ds-space-3);justify-content:space-between;padding:10px}.ds-filter-toolbar__controls,.ds-filter-toolbar__actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.ds-filter-toolbar__controls{flex:1}.ds-table-card{border-radius:var(--ds-radius-sm);overflow:hidden}.ds-table-card__header{background:var(--ds-color-table-header);border-bottom:1px solid var(--ds-color-border);padding:var(--ds-space-3) var(--ds-space-5)}.ds-table-card__title{font-size:.875rem;font-weight:650;margin:0}.ds-table-card__content{overflow-x:auto}.ds-table-card__footer{border-top:1px solid var(--ds-color-border);padding:var(--ds-space-3) var(--ds-space-5)}.ds-app-navbar{align-items:center;background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border);display:flex;height:var(--ds-header-height);justify-content:space-between;padding:0 var(--ds-space-5)}.ds-app-navbar__brand,.ds-app-navbar__actions,.ds-app-navbar__user{align-items:center;display:flex;gap:10px;min-width:0}.ds-app-navbar__title{font-size:.875rem;font-weight:650;margin:0}.ds-app-navbar__subtitle,.ds-app-navbar__user-email{color:var(--ds-color-text-muted);font-size:.75rem;margin:0}.ds-app-navbar__avatar{align-items:center;background:var(--ds-color-surface-muted);border-radius:var(--ds-radius-sm);display:flex;font-size:.875rem;font-weight:650;height:36px;justify-content:center;width:36px}.ds-menu-panel{padding:var(--ds-space-3);width:220px}.ds-menu-panel__title{color:var(--ds-color-text-muted);font-size:.75rem;font-weight:700;margin:0 0 var(--ds-space-2);text-transform:uppercase}.ds-menu-item{align-items:center;background:transparent;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text);cursor:pointer;display:flex;font:inherit;gap:var(--ds-space-2);padding:var(--ds-space-2);text-align:left;width:100%}.ds-menu-item:hover{background:var(--ds-color-surface-muted)}.ds-dialog-backdrop{align-items:center;background:var(--ds-color-surface-overlay);display:flex;inset:0;justify-content:center;padding:var(--ds-space-4);position:fixed;z-index:50}.ds-dialog{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);max-width:var(--ds-dialog-max-width);padding:var(--ds-space-6);width:100%}.ds-dialog__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ds-space-5)}.ds-dialog__title-wrap{align-items:center;display:flex;gap:10px}.ds-dialog__title{font-size:1.125rem;font-weight:650;margin:0}.ds-dialog__body{display:flex;flex-direction:column;gap:var(--ds-space-5)}.ds-dialog__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:var(--ds-space-5)}.ds-dialog-close{background:transparent;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-icon);cursor:pointer;display:inline-flex;padding:var(--ds-space-1)}.ds-alert{align-items:flex-start;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);display:flex;gap:var(--ds-space-3);max-width:520px;padding:var(--ds-space-4)}.ds-alert strong,.ds-toast strong{display:block;font-size:.875rem;margin-bottom:2px}.ds-alert p,.ds-toast p{color:var(--ds-color-text-muted);font-size:.875rem;line-height:1.45;margin:0}.ds-alert--info{background:var(--ds-color-surface-muted);color:var(--ds-color-icon)}.ds-alert--success{background:var(--ds-color-surface-selected);border-color:var(--ds-color-border-interactive);color:var(--ds-color-primary)}.ds-alert--warning{background:var(--ds-color-warning-subtle);border-color:color-mix(in srgb,var(--ds-color-warning) 30%,var(--ds-color-border));color:var(--ds-color-warning)}.ds-toast{align-items:flex-start;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);display:grid;gap:var(--ds-space-3);grid-template-columns:auto minmax(0,1fr) auto auto;max-width:560px;padding:var(--ds-space-4)}.ds-toast>svg{color:var(--ds-color-primary)}.ds-toast__action{align-self:center}.ds-toast__close{align-items:center;background:transparent;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-icon);cursor:pointer;display:inline-flex;padding:var(--ds-space-1)}.ds-toast__close:hover{background:var(--ds-color-surface-muted)}@media(max-width:720px){.ds-filter-toolbar{align-items:stretch;flex-direction:column}.ds-filter-toolbar__actions{justify-content:flex-start}.ds-app-navbar{padding:0 var(--ds-space-3)}.ds-app-navbar__user-copy{display:none}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.docs-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--ds-color-surface) 64%,transparent),transparent 260px),var(--ds-color-surface-canvas);display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh}.docs-sidebar{background:var(--ds-color-surface);border-right:1px solid var(--ds-color-border);display:flex;flex-direction:column;gap:var(--ds-space-4);height:100vh;padding:var(--ds-space-5);position:sticky;top:0}.brand-lockup,.side-nav button,.sub-nav button,.theme-toggle,.landing-card,.component-card,.topbar-search,.back-link{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;text-align:left}.brand-lockup{align-items:center;display:flex;gap:var(--ds-space-3);padding:0}.brand-lockup span:last-child{display:flex;flex-direction:column;gap:2px}.brand-lockup strong{font-size:1rem}.brand-lockup small,.side-nav button,.sub-nav button,.storybook-link,.compact-link,.topbar-search,.page-header p,.landing-card p,.component-card p,.hero-copy p,.panel-heading p,.table-footer,.page-toc a{color:var(--ds-color-text-muted)}.brand-mark,.mini-mark{align-items:center;background:var(--ds-color-primary);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-inverse);display:inline-flex;font-weight:700;justify-content:center}.brand-mark{height:36px;width:36px}.mini-mark{height:28px;width:28px}.side-nav,.sub-nav,.page-toc{display:flex;flex-direction:column;gap:var(--ds-space-1)}.side-nav button,.sub-nav button,.nav-group-items button,.nav-subitems a,.page-toc a{align-items:center;border-radius:var(--ds-radius-sm);display:flex;gap:var(--ds-space-2);font-weight:600;justify-content:flex-start;padding:9px var(--ds-space-3)}.side-nav button:hover,.sub-nav button:hover,.nav-group-items button:hover,.nav-subitems a:hover,.side-nav button.active,.sub-nav button.active,.nav-group-items button.active,.page-toc a:hover{background:var(--ds-color-surface-muted);color:var(--ds-color-text)}.nav-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.nav-group-items{border-left:1px solid var(--ds-color-border);display:flex;flex-direction:column;gap:2px;margin:2px 0 var(--ds-space-2) var(--ds-space-3);padding-left:var(--ds-space-2)}.nav-group-items button{color:var(--ds-color-text-muted);font-size:.875rem;padding:7px var(--ds-space-3)}.nav-subtree{display:flex;flex-direction:column;gap:2px}.nav-subitems{border-left:1px solid color-mix(in srgb,var(--ds-color-primary) 34%,var(--ds-color-border));display:flex;flex-direction:column;gap:1px;margin:0 0 var(--ds-space-1) var(--ds-space-3);padding-left:var(--ds-space-2)}.nav-subitems a{color:var(--ds-color-text-muted);font-size:.8125rem;font-weight:600;padding:6px var(--ds-space-3);text-decoration:none}.chevron{margin-left:auto;transition:transform .16s ease}.chevron.open{transform:rotate(180deg)}.sub-nav{border-top:1px solid var(--ds-color-border);flex:1;overflow:auto;padding-top:var(--ds-space-4)}.sub-nav button{font-size:.875rem;padding-left:var(--ds-space-5)}.storybook-link,.compact-link{align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:inline-flex;font-size:.875rem;font-weight:650;gap:var(--ds-space-2);justify-content:center;min-height:var(--ds-control-height-md);padding:0 var(--ds-space-3)}.author-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-color-primary) 20%,transparent),transparent 42%),var(--ds-color-surface-muted);border:1px solid color-mix(in srgb,var(--ds-color-primary) 22%,var(--ds-color-border));border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs);display:flex;flex-direction:column;gap:2px;margin-top:auto;overflow:hidden;padding:var(--ds-space-4);position:relative}.author-card:before{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);content:"";height:8px;position:absolute;right:var(--ds-space-4);top:var(--ds-space-4);width:8px}.author-card span,.author-card small{color:var(--ds-color-text-muted);font-size:.75rem}.author-card strong{font-size:.9375rem}.storybook-top-link{background:var(--ds-color-primary);border-color:var(--ds-color-primary);box-shadow:var(--ds-shadow-xs);color:var(--ds-color-text-inverse)}.storybook-top-link:hover{background:var(--ds-color-primary-hover);border-color:var(--ds-color-primary-hover);color:var(--ds-color-text-inverse)}.storybook-link:hover,.compact-link:hover{border-color:var(--ds-color-border-interactive);color:var(--ds-color-text)}.docs-main{min-width:0}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ds-color-surface) 88%,transparent);border-bottom:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-3);height:64px;padding:0 var(--ds-space-6);position:sticky;top:0;z-index:5}.mobile-top-nav{display:none}.icon-button{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-icon);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.topbar-search{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:flex;gap:var(--ds-space-2);height:40px;padding:0 var(--ds-space-3)}.topbar-search-wrap{flex:1;max-width:560px;position:relative}.topbar-search input{background:transparent;border:0;color:var(--ds-color-text);flex:1;font:inherit;min-width:0;outline:none}.topbar-search input::placeholder{color:var(--ds-color-text-placeholder)}.search-results{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);left:0;overflow:hidden;padding:var(--ds-space-2);position:absolute;right:0;top:calc(100% + 8px);z-index:20}.search-results button{align-items:center;background:transparent;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text);cursor:pointer;display:flex;font:inherit;gap:var(--ds-space-3);padding:var(--ds-space-3);text-align:left;width:100%}.search-results button:hover{background:var(--ds-color-surface-muted)}.search-result-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-icon{align-items:center;background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.search-result-icon--foundation{background:color-mix(in srgb,var(--ds-color-primary) 11%,var(--ds-color-surface));border-color:color-mix(in srgb,var(--ds-color-primary) 30%,var(--ds-color-border));color:var(--ds-color-primary)}.search-result-icon--component{background:color-mix(in srgb,#1d9bf0 10%,var(--ds-color-surface));border-color:color-mix(in srgb,#1d9bf0 30%,var(--ds-color-border));color:#0b79c8}.search-result-icon--hierarchy{background:color-mix(in srgb,#8b5cf6 10%,var(--ds-color-surface));border-color:color-mix(in srgb,#8b5cf6 30%,var(--ds-color-border));color:#6d28d9}.search-result-copy span,.search-empty{color:var(--ds-color-text-muted);font-size:.75rem}.search-result-copy strong{font-size:.875rem}.search-empty{padding:var(--ds-space-3)}.topbar-actions{display:flex;gap:var(--ds-space-2);margin-left:auto}.theme-toggle{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);color:var(--ds-color-text);display:inline-flex;font-weight:650;gap:var(--ds-space-2);min-height:36px;padding:0 var(--ds-space-3)}.page-stack,.docs-page{margin:0 auto;max-width:1180px;min-width:0;padding:var(--ds-space-8) var(--ds-space-6)}.page-stack{background:radial-gradient(circle at 18% 2%,color-mix(in srgb,var(--ds-color-primary) 18%,transparent),transparent 30%),radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--ds-color-accent) 14%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--ds-color-surface) 76%,transparent),transparent 72%);max-width:none}.page-stack>*{margin-inline:auto;max-width:1180px}.landing-hero{background:radial-gradient(circle at 18% 6%,color-mix(in srgb,var(--ds-color-primary) 18%,transparent),transparent 32%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--ds-color-accent) 12%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--ds-color-surface) 92%,transparent),color-mix(in srgb,var(--ds-color-surface-muted) 84%,transparent));border:0;border-radius:0;box-shadow:none;display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);min-height:min(600px,calc(100vh - 96px));overflow:hidden;padding:clamp(44px,7vw,84px) clamp(24px,5vw,64px);position:relative}.landing-hero:before{background:linear-gradient(color-mix(in srgb,var(--ds-color-border) 52%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ds-color-border) 52%,transparent) 1px,transparent 1px);background-size:36px 36px;content:"";inset:0;opacity:.32;pointer-events:none;position:absolute}.landing-hero:after{background:color-mix(in srgb,var(--ds-color-primary) 16%,transparent);border-radius:var(--ds-radius-full);content:"";filter:blur(72px);height:220px;position:absolute;right:8%;top:18%;width:220px}.hero-copy{align-self:center;align-items:flex-start;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-width:760px;padding:0;pointer-events:auto;position:relative;text-align:left;width:100%;z-index:2}.hero-kicker{align-items:center;background:color-mix(in srgb,var(--ds-color-primary) 10%,var(--ds-color-surface));border:1px solid color-mix(in srgb,var(--ds-color-primary) 28%,var(--ds-color-border));border-radius:var(--ds-radius-full);color:var(--ds-color-primary);display:inline-flex;font-size:.8125rem;font-weight:800;gap:var(--ds-space-2);min-height:34px;padding:0 var(--ds-space-3)}.hero-copy h1,.page-header h1{letter-spacing:0;margin:var(--ds-space-3) 0}.hero-copy h1{font-size:clamp(3rem,6.2vw,5rem);line-height:.94;max-width:720px}.hero-copy p,.page-header p{font-size:1.04rem;line-height:1.65;margin:0;max-width:680px}.hero-copy>p:not(.author-line){max-width:650px}.hero-copy .author-line{color:var(--ds-color-primary);font-size:.875rem;font-weight:700;margin-top:var(--ds-space-4)}.intro-actions,.button-row,.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.intro-actions{justify-content:flex-start;margin-top:var(--ds-space-5);pointer-events:auto}.hero-system-panel{align-self:center;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--ds-color-primary) 14%,transparent),transparent 36%),var(--ds-color-surface);border:1px solid color-mix(in srgb,var(--ds-color-primary) 20%,var(--ds-color-border));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);min-height:0;padding:var(--ds-space-3);position:relative;z-index:2}.hero-composite-card{box-shadow:none}.hero-composite-stack{display:flex;flex-direction:column;gap:var(--ds-space-4)}.hero-composite-row,.hero-composite-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ds-space-2);justify-content:space-between}.hero-composite-fields{display:grid;gap:var(--ds-space-3);grid-template-columns:1fr .82fr}.hero-composite-card .ds-alert,.hero-composite-card .ds-toast{box-shadow:none}.hero-composite-card .ds-toast{animation:toastIn .18s ease-out}.hierarchy-page{max-width:none;padding:0}.hierarchy-page .hierarchy-section{margin-top:0}.hierarchy-page .hierarchy-flow-shell{border:0;border-radius:0;box-shadow:none;height:calc(100vh - 64px);min-height:620px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hierarchy-section{margin-top:var(--ds-space-10);width:100%}.hierarchy-flow-shell{background:radial-gradient(circle at 22% 28%,color-mix(in srgb,var(--ds-color-primary) 12%,transparent),transparent 30%),radial-gradient(circle at 78% 32%,color-mix(in srgb,#1d9bf0 12%,transparent),transparent 34%),linear-gradient(120deg,color-mix(in srgb,var(--ds-color-primary) 8%,transparent) 0 1px,transparent 1px 72px),linear-gradient(150deg,color-mix(in srgb,#1d9bf0 7%,transparent) 0 1px,transparent 1px 84px),linear-gradient(180deg,color-mix(in srgb,var(--ds-color-surface) 96%,var(--ds-color-primary)),var(--ds-color-surface-muted));border:1px solid color-mix(in srgb,var(--ds-color-primary) 24%,var(--ds-color-border));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);height:min(820px,calc(100vh - 96px));min-height:620px;position:relative;overflow:hidden}.hierarchy-flow{inset:0;position:absolute}.hierarchy-flow .react-flow{background:transparent}.hierarchy-flow .react-flow__background{opacity:.72}.hierarchy-flow .react-flow__pane{cursor:grab}.hierarchy-flow .react-flow__pane.dragging{cursor:grabbing}.hierarchy-flow .react-flow__edge-path{stroke:color-mix(in srgb,var(--ds-color-primary) 54%,var(--ds-color-border));stroke-width:1.4}.hierarchy-flow .react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5}.hierarchy-flow .react-flow__controls{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);overflow:hidden}.hierarchy-flow .react-flow__controls button{background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border);color:var(--ds-color-text)}.hierarchy-flow .react-flow__controls button:hover{background:var(--ds-color-surface-muted)}.hierarchy-flow .react-flow__node-hierarchyConnectorLayer,.hierarchy-connector-node{pointer-events:none}.hierarchy-flow .hierarchy-connector-node--lines{z-index:0!important}.hierarchy-flow .react-flow__node-hierarchyNode{z-index:1!important}.hierarchy-flow .hierarchy-connector-node--dots{z-index:2!important}.hierarchy-connector-layer{display:block;overflow:visible}.hierarchy-connector-path{fill:none;opacity:.78;stroke:color-mix(in srgb,var(--ds-color-primary) 52%,var(--ds-color-border));stroke-linecap:round;stroke-width:2}.hierarchy-connector-dot{fill:var(--ds-color-surface);stroke:color-mix(in srgb,var(--ds-color-primary) 58%,var(--ds-color-border));stroke-width:2}.hierarchy-connector--component .hierarchy-connector-path{stroke:color-mix(in srgb,#1d9bf0 54%,var(--ds-color-border))}.hierarchy-connector--component .hierarchy-connector-dot{stroke:color-mix(in srgb,#1d9bf0 62%,var(--ds-color-border))}.hierarchy-connector--token .hierarchy-connector-path{stroke:color-mix(in srgb,var(--ds-color-warning) 50%,var(--ds-color-border))}.hierarchy-connector--token .hierarchy-connector-dot{stroke:color-mix(in srgb,var(--ds-color-warning) 58%,var(--ds-color-border))}.hierarchy-connector--storybook .hierarchy-connector-path{stroke:color-mix(in srgb,#8b5cf6 46%,var(--ds-color-border))}.hierarchy-connector--storybook .hierarchy-connector-dot{stroke:color-mix(in srgb,#8b5cf6 58%,var(--ds-color-border))}.hierarchy-flow-node{background:color-mix(in srgb,var(--ds-color-surface) 90%,transparent);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);min-width:220px;padding:var(--ds-space-4)}.hierarchy-flow-node--link{cursor:pointer}.hierarchy-flow-node--link:focus-visible{outline:2px solid color-mix(in srgb,var(--ds-color-primary) 72%,#ffffff);outline-offset:3px}.hierarchy-flow-node--link:hover{box-shadow:var(--ds-shadow-md)}.hierarchy-flow-node--component,.hierarchy-flow-node--foundation,.hierarchy-flow-node--storybook,.hierarchy-flow-node--system,.hierarchy-flow-node--token{border-color:color-mix(in srgb,var(--ds-color-primary) 32%,var(--ds-color-border))}.hierarchy-flow-node--system{background:linear-gradient(135deg,color-mix(in srgb,#ffffff 14%,transparent),transparent 34%),radial-gradient(circle at 82% 18%,color-mix(in srgb,#ffffff 18%,transparent),transparent 30%),linear-gradient(145deg,#168b5b,#0b6f47);border:1px solid color-mix(in srgb,#ffffff 40%,var(--ds-color-primary));border-radius:calc(var(--ds-radius-md) + 4px);box-shadow:0 22px 58px color-mix(in srgb,var(--ds-color-primary) 34%,transparent),inset 0 1px color-mix(in srgb,#ffffff 32%,transparent);color:#fff;min-width:360px;padding:var(--ds-space-5);position:relative;width:360px}.hierarchy-flow-node--system:after{background:linear-gradient(90deg,color-mix(in srgb,#ffffff 36%,transparent),transparent),color-mix(in srgb,#ffffff 18%,transparent);border-radius:999px;bottom:var(--ds-space-4);content:"";height:6px;left:var(--ds-space-5);opacity:.75;position:absolute;width:92px}.hierarchy-flow-node--system .hierarchy-flow-node-head span{background:color-mix(in srgb,#ffffff 22%,transparent);border-color:color-mix(in srgb,#ffffff 44%,transparent);border-radius:var(--ds-radius-md);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 30%,transparent);color:#fff;height:42px;width:42px}.hierarchy-flow-node--system h3{color:#fff;font-size:1.18rem;letter-spacing:0;margin-bottom:var(--ds-space-2);text-shadow:0 1px 1px color-mix(in srgb,#063b27 42%,transparent)}.hierarchy-flow-node--system p{color:color-mix(in srgb,#ffffff 92%,transparent);max-width:28ch;padding-bottom:var(--ds-space-3);text-shadow:0 1px 1px color-mix(in srgb,#063b27 30%,transparent)}.hierarchy-flow-node--component,.hierarchy-flow-node--foundation,.hierarchy-flow-node--storybook,.hierarchy-flow-node--token{min-width:260px}.hierarchy-flow-node--foundation{background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-color-primary) 18%,transparent),transparent 46%),color-mix(in srgb,var(--ds-color-primary) 7%,var(--ds-color-surface));border-color:color-mix(in srgb,var(--ds-color-primary) 46%,var(--ds-color-border))}.hierarchy-flow-node--component{background:radial-gradient(circle at top right,color-mix(in srgb,#1d9bf0 18%,transparent),transparent 46%),color-mix(in srgb,#1d9bf0 8%,var(--ds-color-surface));border-color:color-mix(in srgb,#1d9bf0 38%,var(--ds-color-border))}.hierarchy-flow-node--component .hierarchy-flow-node-head span{background:color-mix(in srgb,#1d9bf0 18%,var(--ds-color-surface));border-color:color-mix(in srgb,#1d9bf0 36%,var(--ds-color-border));color:#0b79c8}.hierarchy-flow-node--component .hierarchy-flow-node-head strong{color:#0b79c8}.hierarchy-flow-node--token{background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-color-accent) 22%,transparent),transparent 46%),color-mix(in srgb,var(--ds-color-accent) 10%,var(--ds-color-surface));border-color:color-mix(in srgb,var(--ds-color-warning) 38%,var(--ds-color-border));width:260px}.hierarchy-flow-node--token .hierarchy-flow-node-head span{background:color-mix(in srgb,var(--ds-color-accent) 28%,var(--ds-color-surface));border-color:color-mix(in srgb,var(--ds-color-warning) 36%,var(--ds-color-border));color:var(--ds-color-warning)}.hierarchy-flow-node--token .hierarchy-flow-node-head strong{color:var(--ds-color-warning)}.hierarchy-flow-node--storybook{background:radial-gradient(circle at top right,color-mix(in srgb,#8b5cf6 16%,transparent),transparent 46%),color-mix(in srgb,#8b5cf6 7%,var(--ds-color-surface));border-color:color-mix(in srgb,#8b5cf6 34%,var(--ds-color-border));width:260px}.hierarchy-flow-node--storybook .hierarchy-flow-node-head span{background:color-mix(in srgb,#8b5cf6 16%,var(--ds-color-surface));border-color:color-mix(in srgb,#8b5cf6 30%,var(--ds-color-border));color:#6d28d9}.hierarchy-flow-node--storybook .hierarchy-flow-node-head strong{color:#6d28d9}.hierarchy-flow-node--intro{background:radial-gradient(circle at top left,color-mix(in srgb,var(--ds-color-primary) 10%,transparent),transparent 42%),color-mix(in srgb,var(--ds-color-surface) 44%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--ds-color-primary) 54%,var(--ds-color-border));border-style:dotted;border-width:2px;box-shadow:none;cursor:grab;min-width:0;padding:var(--ds-space-4);width:360px}.hierarchy-flow-node--intro:active{cursor:grabbing}.hierarchy-flow-node--intro .hierarchy-flow-node-head{margin-bottom:var(--ds-space-2)}.hierarchy-flow-node--intro .hierarchy-flow-node-head span{background:color-mix(in srgb,var(--ds-color-primary) 14%,transparent);border-style:dotted}.hierarchy-flow-node--intro h3{font-size:1.22rem;line-height:1}.hierarchy-flow-node--intro p{font-size:.92rem;line-height:1.55}.hierarchy-flow-node--foundation-child,.hierarchy-flow-node--component-child{min-width:220px;padding:var(--ds-space-3);width:220px}.hierarchy-flow-node--foundation-child{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-color-primary) 8%,transparent),transparent 64%),color-mix(in srgb,var(--ds-color-surface) 88%,transparent);border-color:color-mix(in srgb,var(--ds-color-primary) 34%,var(--ds-color-border))}.hierarchy-flow-node--component-child{background:linear-gradient(135deg,color-mix(in srgb,#1d9bf0 13%,transparent),transparent 64%),color-mix(in srgb,var(--ds-color-surface) 88%,transparent);border-color:color-mix(in srgb,#1d9bf0 30%,var(--ds-color-border))}.hierarchy-flow-node--component-child .hierarchy-flow-node-head span{background:color-mix(in srgb,#1d9bf0 16%,var(--ds-color-surface));border-color:color-mix(in srgb,#1d9bf0 30%,var(--ds-color-border));color:#0b79c8}.hierarchy-flow-node--foundation-child .hierarchy-flow-node-head,.hierarchy-flow-node--component-child .hierarchy-flow-node-head{margin-bottom:var(--ds-space-2)}.hierarchy-flow-node--foundation-child .hierarchy-flow-node-head span,.hierarchy-flow-node--component-child .hierarchy-flow-node-head span{height:28px;width:28px}.hierarchy-flow-node--foundation-child .hierarchy-flow-node-head strong,.hierarchy-flow-node--component-child .hierarchy-flow-node-head strong{display:none}.hierarchy-flow-node--foundation-child h3,.hierarchy-flow-node--component-child h3{font-size:.9rem}.hierarchy-flow-node--foundation-child p,.hierarchy-flow-node--component-child p{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-flow-node-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ds-space-3)}.hierarchy-flow-node-head span{align-items:center;background:var(--ds-color-surface-selected);border:1px solid var(--ds-color-border-interactive);border-radius:var(--ds-radius-sm);color:var(--ds-color-primary);display:inline-flex;height:34px;justify-content:center;width:34px}.hierarchy-flow-node-head strong{color:var(--ds-color-primary);font-size:.8125rem}.hierarchy-flow-node h3{font-size:.98rem;margin:0 0 var(--ds-space-2)}.hierarchy-flow-node p{color:var(--ds-color-text-muted);font-size:.8125rem;line-height:1.45;margin:0}.hierarchy-flow-node.hierarchy-flow-node--system .hierarchy-flow-node-head span{background:color-mix(in srgb,#ffffff 22%,transparent);border-color:color-mix(in srgb,#ffffff 44%,transparent);color:#fff}.hierarchy-flow-node.hierarchy-flow-node--system h3{color:#fff;font-size:1.18rem;text-shadow:0 1px 1px color-mix(in srgb,#063b27 42%,transparent)}.hierarchy-flow-node.hierarchy-flow-node--system p{color:color-mix(in srgb,#ffffff 94%,transparent);font-size:.84rem;text-shadow:0 1px 1px color-mix(in srgb,#063b27 30%,transparent)}.hierarchy-flow-handle{background:transparent;border:0;height:10px;opacity:.001;pointer-events:none;width:10px}.landing-grid{display:grid;gap:var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--ds-space-6)}.landing-card,.component-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-color-primary) 12%,transparent),transparent 38%),var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs);display:flex;flex-direction:column;gap:var(--ds-space-4);min-height:240px;padding:var(--ds-space-5);position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.landing-card:before{background:linear-gradient(90deg,var(--ds-color-primary),transparent);content:"";height:2px;left:var(--ds-space-5);position:absolute;right:var(--ds-space-5);top:0}.landing-card--primary{background:radial-gradient(circle at top right,color-mix(in srgb,var(--ds-color-primary) 20%,transparent),transparent 42%),var(--ds-color-surface)}.landing-card:hover,.component-card:hover{border-color:var(--ds-color-border-interactive);box-shadow:var(--ds-shadow-sm);transform:translateY(-1px)}.landing-card h2,.component-card h2,.panel-heading h2,.docs-section h2{font-size:1.125rem;margin:0}.landing-card-icon{align-items:center;background:var(--ds-color-surface-selected);border:1px solid var(--ds-color-border-interactive);border-radius:var(--ds-radius-sm);color:var(--ds-color-primary);display:inline-flex;height:40px;justify-content:center;width:40px}.landing-card p,.component-card p{flex:1;line-height:1.55;margin:0}.landing-card span,.component-card span,.back-link{align-items:center;color:var(--ds-color-primary);display:inline-flex;font-weight:650;gap:var(--ds-space-1)}.page-header{margin-bottom:var(--ds-space-6)}.section-kicker{align-items:center;color:var(--ds-color-primary);display:flex;font-size:.8125rem;font-weight:700;gap:var(--ds-space-2);text-transform:uppercase}.page-header-row{align-items:flex-end;display:flex;gap:var(--ds-space-5);justify-content:space-between;min-width:0}.page-header-row>div{min-width:0}.page-header h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1}.foundation-grid{display:grid;gap:var(--ds-space-4);grid-template-columns:1.25fr 1fr .9fr}.foundation-grid h3,.detail-aside h3,.guideline-columns h3{font-size:1rem;margin:0}.swatch-grid{display:grid;gap:var(--ds-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.swatch{align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:grid;gap:2px var(--ds-space-2);grid-template-columns:36px 1fr;padding:var(--ds-space-2)}.swatch span{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);grid-row:span 2;height:36px}.swatch strong,.spacing-list code,.props-table code{font-size:.8125rem}.swatch small,.spacing-list small,.type-scale span{color:var(--ds-color-text-muted);font-size:.75rem}.type-scale,.spacing-list,.form-stack{display:flex;flex-direction:column;gap:var(--ds-space-3)}.type-scale div,.spacing-list div{align-items:center;border-bottom:1px solid var(--ds-color-border);display:flex;gap:var(--ds-space-3);justify-content:space-between;padding-bottom:var(--ds-space-2)}.spacing-list span{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);height:8px;margin-left:auto;max-width:64px}.guideline-band{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-5);padding:var(--ds-space-5)}.guideline-band h2{margin:0 0 var(--ds-space-4)}.guideline-band div,.pattern-points{display:flex;flex-direction:column;gap:var(--ds-space-2)}.guideline-band span,.pattern-points span{align-items:center;display:flex;gap:var(--ds-space-2)}.component-grid{display:grid;gap:var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.foundation-card-grid{display:grid;gap:var(--ds-space-6) var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.component-card-header{align-items:center;display:flex;justify-content:space-between}.component-list{display:grid;gap:var(--ds-space-6) var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.component-list-item,.foundation-list-item{background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--ds-space-3);padding:0;text-align:left;transition:transform .16s ease}.component-list-item:hover,.foundation-list-item:hover{transform:translateY(-1px)}.component-list-copy{min-width:0}.component-list-copy h2{font-size:1.05rem;line-height:1.25;margin:0 0 var(--ds-space-2)}.component-list-copy p{color:var(--ds-color-text-muted);font-size:.92rem;line-height:1.55;margin:0}.foundation-card-preview{align-items:center;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--ds-color-primary) 10%,transparent),transparent 34%),linear-gradient(145deg,var(--ds-color-surface-muted),var(--ds-color-surface-subtle));border:1px solid color-mix(in srgb,var(--ds-color-primary) 28%,var(--ds-color-border));border-radius:var(--ds-radius-lg);display:flex;height:160px;justify-content:center;overflow:hidden;padding:var(--ds-space-5);position:relative}.foundation-card-preview:before{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 42%),radial-gradient(circle at 80% 110%,color-mix(in srgb,var(--ds-color-primary) 18%,transparent),transparent 36%);content:"";inset:0;position:absolute}.foundation-card-preview>*{position:relative;z-index:1}.foundation-preview-colours{gap:var(--ds-space-2)}.foundation-preview-colours span{border:1px solid color-mix(in srgb,var(--ds-color-border) 70%,transparent);border-radius:var(--ds-radius-full);height:42px;width:42px}.foundation-preview-typography{align-items:center;flex-direction:column;gap:var(--ds-space-3)}.foundation-preview-typography strong{color:var(--ds-color-primary);font-size:3rem;line-height:1}.foundation-preview-typography span,.foundation-preview-typography i,.foundation-preview-spacing span,.foundation-preview-motion span,.foundation-preview-motion i,.foundation-preview-motion b{background:color-mix(in srgb,var(--ds-color-text-muted) 22%,transparent);border-radius:var(--ds-radius-full);display:block;height:10px}.foundation-preview-typography span{width:112px}.foundation-preview-typography i{width:74px}.foundation-preview-spacing{align-items:flex-start;flex-direction:column;gap:var(--ds-space-3)}.foundation-preview-spacing span{background:var(--ds-color-primary)}.foundation-preview-radius{gap:var(--ds-space-3)}.foundation-preview-radius span,.foundation-preview-radius i,.foundation-preview-radius b{background:color-mix(in srgb,var(--ds-color-primary) 18%,var(--ds-color-surface));border:1px solid color-mix(in srgb,var(--ds-color-primary) 42%,var(--ds-color-border));display:block;height:68px;width:68px}.foundation-preview-radius span{border-radius:var(--ds-radius-sm)}.foundation-preview-radius i{border-radius:var(--ds-radius-md)}.foundation-preview-radius b{border-radius:var(--ds-radius-lg)}.foundation-preview-shadows{gap:var(--ds-space-4)}.foundation-preview-shadows span{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);display:block;height:74px;width:86px}.foundation-preview-shadows span:last-child{box-shadow:var(--ds-shadow-md);transform:translateY(10px)}.foundation-preview-motion{align-items:center;flex-direction:column;gap:var(--ds-space-3)}.foundation-preview-motion span{background:var(--ds-color-primary);width:118px}.foundation-preview-motion i{width:88px}.foundation-preview-motion b{width:52px}.component-card-preview{align-items:center;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--ds-color-primary) 10%,transparent),transparent 34%),linear-gradient(145deg,var(--ds-color-surface-muted),var(--ds-color-surface-subtle));border:1px solid color-mix(in srgb,var(--ds-color-primary) 28%,var(--ds-color-border));border-radius:var(--ds-radius-lg);display:flex;gap:var(--ds-space-2);height:160px;justify-content:center;margin-top:var(--ds-space-1);overflow:hidden;padding:var(--ds-space-5);position:relative}.component-list-item .component-card-preview{margin-top:0;width:100%}.component-card-preview:before{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 42%),radial-gradient(circle at 80% 110%,rgba(19,84,184,.2),transparent 36%);content:"";height:100%;left:0;position:absolute;right:0;top:0}.component-card-preview i,.component-card-preview span{color:inherit;display:block;font-weight:initial;position:relative;z-index:1}.preview-button i{background:#26ab6c;border-radius:var(--ds-radius-sm);height:34px;width:90px}.preview-button i:last-child{background:#ffffff14;border:1px solid rgba(38,171,108,.56);width:68px}.preview-pills i{background:#26ab6c2e;border:1px solid rgba(38,171,108,.58);border-radius:var(--ds-radius-full);height:28px;width:62px}.preview-pills i:first-child{background:#26ab6c;width:70px}.preview-checks{display:grid;grid-template-columns:18px 1fr;width:76%}.preview-checks i{background:#26ab6c;border-radius:var(--ds-radius-sm);height:18px;width:18px}.preview-checks span,.preview-field span,.preview-menu span,.preview-message span,.preview-toolbar span,.preview-surface i,.preview-table span{background:color-mix(in srgb,var(--ds-color-text-muted) 18%,transparent);border-radius:var(--ds-radius-full);height:10px}.preview-checks span{margin-top:4px;width:100%}.preview-field{align-items:stretch;flex-direction:column;width:80%}.preview-field span{width:42%}.preview-field i{background:#ffffff14;border:1px solid rgba(38,171,108,.48);border-radius:var(--ds-radius-sm);height:38px;position:relative}.preview-field i:after{background:#26ab6c;border-radius:var(--ds-radius-full);content:"";height:8px;left:var(--ds-space-3);position:absolute;top:15px;width:52%}.preview-message{align-items:flex-start;justify-content:flex-start}.preview-message:after{background:#8c0000;border:1px solid #ca2222;border-radius:var(--ds-radius-md);content:"";height:58px;left:13%;position:absolute;right:13%;top:50%;transform:translateY(-50%);z-index:0}.preview-message i{background:#ffb1a8;border-radius:var(--ds-radius-full);height:22px;margin-left:18%;width:22px}.preview-message div,.preview-menu{display:flex;flex:1;flex-direction:column;gap:var(--ds-space-2)}.preview-message>div{position:relative;z-index:1}.preview-message span.wide,.preview-menu span.wide{width:92%}.preview-message span.medium,.preview-menu span.medium{width:72%}.preview-message span.short,.preview-menu span.short{width:50%}.preview-dialog{flex-direction:column;margin-inline:auto;width:72%}.preview-dialog span{background:#26ab6c;border-radius:var(--ds-radius-full);height:10px;width:64%}.preview-dialog i{background:#ffffff14;border:1px solid rgba(38,171,108,.44);border-radius:var(--ds-radius-sm);height:24px;width:100%}.preview-navbar{justify-content:space-between}.preview-navbar i{background:#26ab6c;border-radius:var(--ds-radius-sm);height:28px;width:28px}.preview-navbar span{background:#ffffff14;border:1px solid rgba(38,171,108,.42);border-radius:var(--ds-radius-full);height:24px;width:29%}.preview-menu{justify-content:center;width:76%}.preview-toolbar span{background:#ffffff14;border:1px solid rgba(38,171,108,.42);border-radius:var(--ds-radius-sm);height:28px;width:34%}.preview-toolbar i{background:#26ab6c;border-radius:var(--ds-radius-sm);height:28px;width:46px}.preview-table{align-content:center;display:grid;gap:var(--ds-space-2);grid-template-columns:1fr;width:82%}.preview-table span{border-radius:var(--ds-radius-sm);height:13px}.preview-table span:first-child{background:#26ab6c}.preview-icon i{background:#26ab6c;border-radius:var(--ds-radius-sm);box-shadow:0 0 0 10px #26ab6c2e;height:42px;width:42px}.preview-surface{align-items:stretch;flex-direction:column}.preview-surface span{background:#26ab6c;border-radius:var(--ds-radius-full);height:10px;width:46%}.back-link{margin-bottom:var(--ds-space-4);padding:0}.detail-layout{align-items:start;display:grid;gap:var(--ds-space-5);grid-template-columns:minmax(0,1fr) 240px;min-width:0}.foundation-doc-layout,.component-doc-layout{align-items:start;display:grid;gap:var(--ds-space-6);grid-template-columns:minmax(0,1fr) 220px;min-width:0}.foundation-doc-main,.component-doc-main{display:flex;flex-direction:column;gap:var(--ds-space-10);min-width:0}.playground-panel{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xs);min-width:0;padding:var(--ds-space-5)}.docs-section{border-top:1px solid color-mix(in srgb,var(--ds-color-border) 72%,transparent);min-width:0;padding-top:var(--ds-space-6)}.panel-heading,.section-title-row{align-items:flex-start;display:flex;gap:var(--ds-space-3);justify-content:space-between;margin-bottom:var(--ds-space-5)}.panel-heading h2,.section-title-row h2,.docs-section>h2{position:relative}.panel-heading h2:before,.section-title-row h2:before,.docs-section>h2:before{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);content:"";display:inline-block;height:8px;margin-right:var(--ds-space-2);width:8px}.panel-heading p{margin:var(--ds-space-1) 0 0}.playground-content{display:grid;gap:var(--ds-space-5);grid-template-columns:280px minmax(0,1fr);min-width:0}.playground-panel,.docs-section,.preview-stage,.control-panel{min-width:0}.preview-stage{align-items:center;background:linear-gradient(var(--ds-color-border) 1px,transparent 1px),linear-gradient(90deg,var(--ds-color-border) 1px,transparent 1px),var(--ds-color-surface-muted);background-size:24px 24px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:flex;justify-content:center;min-width:0;min-height:300px;overflow:auto;padding:var(--ds-space-6)}.preview-stage>*{max-width:100%}.control-panel{background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);display:flex;flex-direction:column;gap:var(--ds-space-5);min-width:0;padding:var(--ds-space-4)}.segmented-field{display:flex;flex-direction:column;gap:var(--ds-space-1)}.segmented-field>span{color:var(--ds-color-text-secondary);font-size:.75rem;font-weight:650}.segmented-control{background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px}.segmented-control button{background:transparent;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);cursor:pointer;font:inherit;font-size:.8125rem;min-width:0;min-height:30px;padding:0 var(--ds-space-2)}.segmented-control button.active{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-xs);color:var(--ds-color-text);font-weight:650}.storybook-url{align-items:center;background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:flex;gap:var(--ds-space-2);margin-top:var(--ds-space-5);padding:var(--ds-space-2) var(--ds-space-3)}.storybook-url code{color:var(--ds-color-text-muted);flex:1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storybook-url button,.copy-button{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-icon);cursor:pointer;display:inline-flex;gap:var(--ds-space-1);min-height:30px;padding:0 var(--ds-space-2)}.detail-aside{position:sticky;top:88px}.docs-section{scroll-margin-top:88px}.toc-panel{border-left:2px solid var(--ds-color-border);padding:var(--ds-space-2) 0 var(--ds-space-2) var(--ds-space-4)}.toc-panel h3{color:var(--ds-color-primary);font-size:.8125rem;margin:0 0 var(--ds-space-2);text-transform:uppercase}.foundation-detail-section{margin-top:0}.foundation-heading-pair{display:grid;gap:var(--ds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--ds-space-5)}.foundation-heading-pair span{color:var(--ds-color-primary);display:block;font-size:.75rem;font-weight:700;margin-bottom:var(--ds-space-2);text-transform:uppercase}.foundation-heading-pair strong{display:block;font-size:1rem}.foundation-heading-pair p{color:var(--ds-color-text-muted);line-height:1.5;margin:var(--ds-space-2) 0 0}.foundation-detail-stack{display:flex;flex-direction:column;gap:var(--ds-space-6)}.foundation-detail-stack h2{margin:0 0 var(--ds-space-3)}.colour-foundation{gap:var(--ds-space-8)}.colour-subsection{display:flex;flex-direction:column;gap:var(--ds-space-5);scroll-margin-top:88px}.subsection-heading{align-items:flex-start;display:grid;gap:var(--ds-space-4);grid-template-columns:44px minmax(0,1fr)}.subsection-heading>span{align-items:center;background:var(--ds-color-surface-selected);border:1px solid var(--ds-color-border-interactive);border-radius:var(--ds-radius-full);color:var(--ds-color-primary);display:inline-flex;font-size:.75rem;font-weight:800;height:36px;justify-content:center;width:36px}.subsection-heading h2{margin:0 0 var(--ds-space-2)}.subsection-heading p,.palette-ramp p,.token-group p{color:var(--ds-color-text-muted);line-height:1.55;margin:0}.palette-ramp-grid,.token-section-grid{display:grid;gap:var(--ds-space-4)}.palette-ramp,.token-group{border-top:1px solid var(--ds-color-border);display:grid;gap:var(--ds-space-5);grid-template-columns:minmax(180px,230px) minmax(0,1fr);min-width:0;padding-top:var(--ds-space-5)}.palette-ramp>*,.token-group>*{min-width:0}.palette-ramp h3,.token-group h3{font-size:.95rem;margin:0 0 var(--ds-space-2)}.palette-strip{display:grid;gap:var(--ds-space-2);grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.palette-swatch{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);overflow:hidden}.palette-swatch span{border-bottom:1px solid var(--ds-color-border);display:block;height:64px}.palette-swatch strong,.palette-swatch code{display:block;padding-inline:var(--ds-space-3)}.palette-swatch strong{font-size:.8125rem;padding-top:var(--ds-space-3)}.palette-swatch code{color:var(--ds-color-text-muted);font-size:.75rem;padding-bottom:var(--ds-space-3);padding-top:var(--ds-space-1)}.token-list{display:grid;gap:var(--ds-space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-width:0}.token-row{align-items:center;background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:flex;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-3)}.token-row>div{min-width:0}.token-row>span{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);flex:0 0 auto;height:34px;width:34px}.token-row strong,.token-row code{display:block;font-size:.8125rem}.token-row code{color:var(--ds-color-text-muted);margin-top:2px;overflow-wrap:anywhere;word-break:break-word}.swatch-grid.detailed{grid-template-columns:repeat(3,minmax(0,1fr))}.type-specimen{background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-6)}.type-specimen span{color:var(--ds-color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase}.type-specimen h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:var(--ds-space-3) 0}.type-specimen p{color:var(--ds-color-text-muted);line-height:1.6;margin:0;max-width:640px}.font-source-row{align-items:center;border-bottom:1px solid var(--ds-color-border);border-top:1px solid var(--ds-color-border);display:grid;gap:var(--ds-space-4);grid-template-columns:220px minmax(0,1fr);padding:var(--ds-space-4) 0}.font-source-row span{color:var(--ds-color-primary);display:block;font-size:.75rem;font-weight:700;margin-bottom:var(--ds-space-1);text-transform:uppercase}.font-source-row strong{display:block}.font-source-row code{background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-secondary);display:block;font-size:.8125rem;line-height:1.5;overflow:auto;padding:var(--ds-space-3);white-space:nowrap}.type-scale.detailed div{align-items:flex-start;display:grid;gap:var(--ds-space-2);grid-template-columns:140px minmax(0,1fr) minmax(220px,auto)}.type-token-meta{align-items:center;align-self:center;background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-secondary);display:grid;font-family:inherit;font-size:.8125rem;font-weight:600;gap:0;grid-template-columns:82px 64px 52px;line-height:1.333;overflow:hidden}.type-token-meta span{color:inherit;font-size:inherit;line-height:inherit;padding:7px var(--ds-space-2);text-align:center}.type-token-meta span+span{border-left:1px solid var(--ds-color-border)}.spacing-list.detailed span{max-width:96px}.spacing-demo,.radius-grid,.shadow-grid,.motion-grid{display:grid;gap:var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.motion-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-demo-card{background:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:260px;overflow:hidden;padding:var(--ds-space-5)}.motion-demo-card h2{margin:0 0 var(--ds-space-4)}.motion-card-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ds-space-4)}.motion-card-heading h2{margin:0}.motion-card-heading button{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);color:var(--ds-color-primary);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:700;min-height:30px;padding:0 var(--ds-space-3)}.motion-demo-card p{color:var(--ds-color-text-muted);line-height:1.5}.motion-panel{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs);display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-4)}.motion-panel.compact{max-width:260px}.motion-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.motion-list span{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-xs);padding:var(--ds-space-3)}.motion-switch{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);display:inline-flex;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-2) var(--ds-space-2)}.motion-switch span{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);height:24px;width:24px}.motion-progress-track{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);height:10px;margin:var(--ds-space-6) 0;overflow:hidden}.motion-progress-track span{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);display:block;height:100%;width:32%}.inline-dialog-preview{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);max-width:420px;padding:var(--ds-space-5)}.inline-dialog-preview p{color:var(--ds-color-text-muted);margin:0}.modal-preview-frame{border-radius:var(--ds-radius-md);height:320px;overflow:hidden;position:relative;width:100%}.modal-preview-frame .ds-dialog-backdrop{border-radius:var(--ds-radius-md);position:absolute}.modal-preview-frame .ds-dialog{max-width:420px;padding:var(--ds-space-5)}.component-preview-wide{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);overflow:hidden;width:min(100%,640px)}.chip-preview--sm{font-size:.6875rem;min-height:24px;padding-inline:var(--ds-space-2)}.chip-preview--lg{font-size:.875rem;min-height:34px;padding-inline:var(--ds-space-4)}.chip-preview--primary{background:var(--ds-color-surface-selected);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.chip-preview--warning{background:var(--ds-color-warning-subtle);border-color:color-mix(in srgb,var(--ds-color-warning) 34%,var(--ds-color-border));color:var(--ds-color-warning)}.chip-preview--neutral{background:var(--ds-color-surface-muted);border-color:var(--ds-color-border);color:var(--ds-color-text-muted)}.surface-preview-content{display:flex;flex-direction:column;gap:var(--ds-space-3)}.surface-preview-content p{color:var(--ds-color-text-muted);margin:0}.radius-grid,.shadow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.radius-card,.shadow-card{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);display:flex;flex-direction:column;gap:var(--ds-space-3);min-height:150px;padding:var(--ds-space-4)}.radius-card div{background:var(--ds-color-surface-selected);border:1px solid var(--ds-color-border-interactive);height:72px}.shadow-card{justify-content:flex-end}.radius-card code,.shadow-card code{color:var(--ds-color-text-muted);font-size:.75rem;line-height:1.4}.section-title-row h2,.docs-section h2{align-items:center;display:flex;gap:var(--ds-space-2)}.code-preview{background:#202124;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-inverse);margin:0;overflow:auto;padding:var(--ds-space-4)}.code-preview code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6;white-space:pre}.syntax-tag{color:#7dd3fc}.syntax-prop{color:#facc15}.syntax-string{color:#86efac}.syntax-bool,.syntax-brace{color:#c4b5fd}.syntax-plain{color:#e5e7eb}.props-table{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);display:grid;grid-template-columns:.8fr 1.6fr .8fr;overflow:hidden;margin-top:var(--ds-space-4);min-width:0}.props-table>div:not(.props-row){background:color-mix(in srgb,var(--ds-color-primary) 8%,var(--ds-color-table-header));border-bottom:1px solid var(--ds-color-border);font-size:.75rem;font-weight:700;padding:var(--ds-space-3);text-transform:uppercase}.props-row{display:contents}.props-row code{border-bottom:1px solid var(--ds-color-border);padding:var(--ds-space-4) var(--ds-space-3)}.guideline-columns{display:grid;gap:var(--ds-space-6);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--ds-space-4)}.guideline-panel{background:transparent;border-left:2px solid var(--ds-color-primary);padding:var(--ds-space-1) 0 var(--ds-space-2) var(--ds-space-5)}.guideline-panel h3{margin:0 0 var(--ds-space-4)}.guideline-columns ul{margin:0;padding:0;list-style:none}.guideline-columns li{color:var(--ds-color-text-secondary);line-height:1.6;margin-bottom:var(--ds-space-3);padding-left:var(--ds-space-5);position:relative}.guideline-columns li:last-child{margin-bottom:0}.guideline-columns li:before{background:var(--ds-color-primary);border-radius:var(--ds-radius-full);content:"";height:7px;left:2px;position:absolute;top:.65em;width:7px}.foundation-usage-guidelines{grid-template-columns:minmax(0,1fr);max-width:760px}@media(max-width:1080px){.docs-shell{grid-template-columns:1fr}.docs-sidebar{display:none}.topbar{align-items:stretch;flex-wrap:wrap;height:auto;padding:var(--ds-space-3) var(--ds-space-5)}.topbar-search-wrap{max-width:none;min-width:min(100%,420px)}.topbar-actions{flex:0 0 auto}.mobile-top-nav{display:flex;gap:var(--ds-space-2);order:3;overflow-x:auto;padding-bottom:1px;scrollbar-width:none;width:100%}.mobile-top-nav::-webkit-scrollbar{display:none}.mobile-top-nav button{align-items:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);color:var(--ds-color-text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:.8125rem;font-weight:700;gap:var(--ds-space-2);min-height:34px;padding:0 var(--ds-space-3)}.mobile-top-nav button.active{background:var(--ds-color-surface-selected);border-color:var(--ds-color-border-interactive);color:var(--ds-color-primary)}.landing-hero,.foundation-grid,.detail-layout,.foundation-doc-layout,.component-doc-layout,.playground-content{grid-template-columns:1fr}.landing-hero{min-height:auto}.hero-copy{align-self:start}.hero-system-panel{min-height:340px}.control-panel{order:1}.detail-aside{order:-1;position:static}.toc-panel{border-left:0;border-bottom:1px solid var(--ds-color-border);overflow-x:auto;padding:0 0 var(--ds-space-3)}.page-toc{flex-direction:row;flex-wrap:wrap}.component-grid,.foundation-card-grid,.landing-grid,.component-list,.swatch-grid.detailed,.spacing-demo,.radius-grid,.shadow-grid,.motion-grid,.palette-ramp,.token-group{grid-template-columns:repeat(2,minmax(0,1fr))}.type-scale.detailed div{grid-template-columns:1fr}.type-token-meta{justify-self:start}.preview-stage{min-height:260px}.docs-section,.colour-subsection{scroll-margin-top:132px}}@media(max-width:720px){.topbar{gap:var(--ds-space-2);padding:var(--ds-space-3)}.topbar-search-wrap{flex-basis:100%;order:1}.topbar-actions{order:2;width:100%}.theme-toggle{flex:1;justify-content:center}.storybook-top-link{flex:1}.compact-link:not(.storybook-top-link){display:none}.page-stack,.docs-page{padding:var(--ds-space-5) var(--ds-space-4)}.landing-hero{min-height:auto;padding:var(--ds-space-6) var(--ds-space-5)}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.25rem)}.page-header h1{font-size:clamp(2rem,12vw,2.75rem)}.hero-copy p,.page-header p{font-size:.95rem;line-height:1.6}.page-header-row,.panel-heading,.section-title-row{align-items:flex-start;flex-direction:column}.page-header-actions,.intro-actions{width:100%}.page-header-actions>*,.intro-actions>*{flex:1 1 180px}.hero-system-panel{min-height:auto}.hero-composite-fields{grid-template-columns:1fr}.hierarchy-flow-shell{height:min(620px,calc(100vh - 128px));min-height:460px}.component-grid,.component-list,.foundation-card-grid,.landing-grid,.foundation-heading-pair,.palette-ramp,.token-group,.swatch-grid,.swatch-grid.detailed,.metric-row,.guideline-columns,.spacing-demo,.radius-grid,.shadow-grid,.motion-grid{grid-template-columns:1fr}.playground-panel,.type-specimen,.guideline-band,.motion-demo-card{padding:var(--ds-space-4)}.playground-content{gap:var(--ds-space-4)}.preview-stage{justify-content:flex-start;min-height:220px;padding:var(--ds-space-4)}.component-preview-wide,.modal-preview-frame{min-width:520px}.control-panel{padding:var(--ds-space-3)}.segmented-control{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.section-title-row h2,.docs-section h2{line-height:1.3}.docs-section,.colour-subsection{scroll-margin-top:176px}.font-source-row,.props-table{grid-template-columns:1fr}.props-table>div:not(.props-row){display:none}.props-row{border-bottom:1px solid var(--ds-color-border);display:grid;gap:var(--ds-space-1);padding:var(--ds-space-3)}.props-row code{border-bottom:0;overflow-wrap:anywhere;padding:0}}@media(max-width:480px){html{font-size:14px}.page-stack,.docs-page{padding:var(--ds-space-4) var(--ds-space-3)}.topbar-search{padding-inline:var(--ds-space-2)}.topbar-search input::placeholder{font-size:.875rem}.search-results{max-height:65vh;overflow:auto}.hierarchy-flow-shell{border-radius:var(--ds-radius-md);height:520px;min-height:420px}.hierarchy-page{padding:0}.hierarchy-page .hierarchy-flow-shell{border-radius:0;height:calc(100vh - 124px);min-height:420px}.hierarchy-flow-node--intro{width:340px;padding:var(--ds-space-4)}.landing-grid,.foundation-card-grid,.component-list{gap:var(--ds-space-3)}.component-list-item,.foundation-list-item,.landing-card,.component-card,.guideline-band{padding:var(--ds-space-3)}.component-list-copy h2{font-size:.95rem}.component-card-preview,.foundation-card-preview{height:120px}.landing-hero{padding:var(--ds-space-5) var(--ds-space-4)}.subsection-heading{grid-template-columns:1fr}.subsection-heading>span{height:30px;width:30px}.palette-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.token-list{grid-template-columns:1fr}.type-specimen h2{font-size:clamp(1.8rem,13vw,2.5rem)}.code-preview{padding:var(--ds-space-3)}.code-preview code{font-size:.78rem}}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2) format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2) format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2) format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-vietnamese-500-normal-k0drYPZA.woff2) format("woff2"),url(/assets/archivo-vietnamese-500-normal-7W3lD2kQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-ext-500-normal-RFhg4CpD.woff2) format("woff2"),url(/assets/archivo-latin-ext-500-normal-D7mXw3Kz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-500-normal-CGugC8dq.woff2) format("woff2"),url(/assets/archivo-latin-500-normal-pkzA7jw9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2) format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2) format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2) format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/archivo-vietnamese-700-normal-nuAQAQa7.woff2) format("woff2"),url(/assets/archivo-vietnamese-700-normal-Bz2vkKqq.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/archivo-latin-ext-700-normal-DD_nkw6b.woff2) format("woff2"),url(/assets/archivo-latin-ext-700-normal-CgyfnKjw.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/archivo-latin-700-normal-D9cHMWGj.woff2) format("woff2"),url(/assets/archivo-latin-700-normal-lT5TFe7H.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ds-font-sans: "Archivo", "Roboto", "Helvetica", "Arial", sans-serif;--ds-color-brand-50: #ebf7f1;--ds-color-brand-100: #e3f2eb;--ds-color-brand-200: #a1d1be;--ds-color-brand-500: #26ab6c;--ds-color-brand-600: #259863;--ds-color-brand-700: #1e7c51;--ds-color-neutral-0: #ffffff;--ds-color-neutral-50: #fafafa;--ds-color-neutral-100: #f8f8f8;--ds-color-neutral-200: #f1f1f1;--ds-color-neutral-300: #e6e6e6;--ds-color-neutral-400: #d3d3d3;--ds-color-neutral-500: #a1a1a1;--ds-color-neutral-600: #70757a;--ds-color-neutral-700: #404040;--ds-color-neutral-900: #202124;--ds-color-primary: var(--ds-color-brand-500);--ds-color-primary-hover: var(--ds-color-brand-600);--ds-color-success: var(--ds-color-brand-500);--ds-color-warning: #c86e00;--ds-color-warning-subtle: #fff7eb;--ds-color-accent: #ffd815;--ds-color-surface-canvas: #f6f6f6;--ds-color-surface: var(--ds-color-neutral-0);--ds-color-surface-muted: var(--ds-color-neutral-100);--ds-color-surface-subtle: var(--ds-color-neutral-200);--ds-color-surface-selected: var(--ds-color-brand-100);--ds-color-surface-disabled: var(--ds-color-neutral-50);--ds-color-surface-interactive: #f6fffb;--ds-color-surface-overlay: rgba(0, 0, 0, .5);--ds-color-table-header: rgba(241, 241, 241, .5);--ds-color-table-hover: #e6f5f0;--ds-color-text: var(--ds-color-neutral-900);--ds-color-text-secondary: rgba(32, 33, 36, .75);--ds-color-text-muted: var(--ds-color-neutral-600);--ds-color-text-placeholder: var(--ds-color-neutral-500);--ds-color-text-inverse: var(--ds-color-neutral-0);--ds-color-border: var(--ds-color-neutral-300);--ds-color-border-strong: var(--ds-color-neutral-400);--ds-color-border-interactive: var(--ds-color-brand-200);--ds-color-border-focus: var(--ds-color-brand-500);--ds-color-icon: var(--ds-color-neutral-600);--ds-color-icon-muted: var(--ds-color-neutral-500);--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-full: 9999px;--ds-shadow-xs: 0px 1px 2px rgba(0, 0, 0, .08);--ds-shadow-sm: 0px 2px 8px rgba(0, 0, 0, .12);--ds-shadow-md: 0px 8px 24px rgba(0, 0, 0, .12);--ds-shadow-focus: 0 0 0 3px rgba(38, 171, 108, .18);--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-control-height-sm: 32px;--ds-control-height-md: 40px;--ds-control-height-lg: 44px;--ds-header-height: 56px;--ds-dialog-max-width: 640px}*{box-sizing:border-box}html{background:var(--ds-color-surface-canvas);color:var(--ds-color-text);font-family:var(--ds-font-sans);font-size:15px;scroll-behavior:smooth}body{background:var(--ds-color-surface-canvas);margin:0;min-width:320px}:root[data-theme=dark]{--ds-color-neutral-0: #171d1a;--ds-color-neutral-50: #111614;--ds-color-neutral-100: #1b231f;--ds-color-neutral-200: #243029;--ds-color-neutral-300: #2d3933;--ds-color-neutral-400: #46564d;--ds-color-neutral-500: #8e9a94;--ds-color-neutral-600: #aeb8b3;--ds-color-neutral-700: #dce4df;--ds-color-neutral-900: #f4f7f5;--ds-color-surface-canvas: #111614;--ds-color-surface: #171d1a;--ds-color-surface-muted: #1b231f;--ds-color-surface-subtle: #243029;--ds-color-surface-selected: #173526;--ds-color-surface-disabled: #151a18;--ds-color-surface-interactive: #10251b;--ds-color-surface-overlay: rgba(0, 0, 0, .68);--ds-color-table-header: #1f2924;--ds-color-table-hover: #21342b;--ds-color-text: #f4f7f5;--ds-color-text-secondary: rgba(244, 247, 245, .76);--ds-color-text-muted: #aeb8b3;--ds-color-text-placeholder: #7d8982;--ds-color-text-inverse: #ffffff;--ds-color-border: #2d3933;--ds-color-border-strong: #46564d;--ds-color-border-interactive: #3b775c;--ds-color-icon: #aeb8b3;--ds-color-icon-muted: #7d8982;--ds-color-warning-subtle: #332410;--ds-shadow-xs: 0px 1px 2px rgba(0, 0, 0, .35);--ds-shadow-sm: 0px 8px 22px rgba(0, 0, 0, .28);--ds-shadow-md: 0px 18px 44px rgba(0, 0, 0, .38)}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}