:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#171717;--color-sidebar:#1b1b1b;--color-surface:#242424;--color-surface-secondary:#303230;--color-surface-tertiary:#333;--color-text:#e8e8e5;--color-navigation:#d6d6d3;--color-text-secondary:#92948f;--color-muted:#858582;--color-subtle:#656762;--color-inverse:#171717;--color-on-accent:#fff;--color-border:#3d3d3c;--color-border-subtle:#323232;--color-accent:#8b3fd1;--color-icon:#a6a6a6;--color-focus:#c99af3;--color-error:#f09696;--radius-sm:4px;--radius-control:6px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}.ui-button,.ui-tab,.ui-input{font:inherit}.ui-button{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.ui-button--24{min-height:24px;padding:2px 7px}.ui-button--32{border-radius:var(--radius-control);min-height:32px;padding:5px 10px}.ui-button--dark{color:var(--color-text);background:var(--color-surface-secondary)}.ui-button--dark:hover{background:var(--color-border)}.ui-button--light{color:var(--color-inverse);background:var(--color-text)}.ui-button--light:hover{background:#fff}.ui-button--ghost{color:var(--color-text-secondary);background:0 0}.ui-button--ghost:hover{background:var(--color-surface);color:var(--color-text)}.ui-button:active:not(:disabled){filter:brightness(.9)}.ui-button:disabled{opacity:.4;cursor:default}.ui-button:focus-visible,.ui-tab:focus-visible,.ui-input:focus-visible,.ui-checkbox input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.ui-icon-button{width:32px;padding:0}.ui-icon-button.ui-button--24{width:24px}.ui-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-spinner{animation:none}}.ui-field{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-field label{color:var(--color-navigation);font-size:12px}.ui-input{box-sizing:border-box;border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;min-height:32px;color:var(--color-text);padding:6px 12px;font-size:13px}.ui-input::placeholder{color:var(--color-muted)}.ui-input:hover:not(:disabled){border-color:var(--color-border)}.ui-input[aria-invalid=true]{border-color:var(--color-error)}.ui-input:disabled{opacity:.45}.ui-input:read-only{background:var(--color-bg)}.ui-field-error{color:var(--color-error);font-size:12px}.ui-avatar{background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.ui-avatar--24{width:24px;height:24px;font-size:9px}.ui-avatar--32{width:32px;height:32px}.ui-avatar--40{width:40px;height:40px;font-size:13px}.ui-badge{border-radius:var(--radius-sm);background:var(--color-surface-secondary);min-width:18px;height:18px;color:var(--color-text-secondary);box-sizing:border-box;justify-content:center;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.ui-checkbox{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.ui-checkbox input{width:16px;height:16px;accent-color:var(--color-accent);cursor:inherit;margin:0}.ui-checkbox:has(input:disabled){opacity:.45;cursor:default}.ui-tabs{flex-wrap:wrap;gap:4px;display:flex}.ui-tab{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.ui-tab:hover,.ui-tab[aria-pressed=true]{background:var(--color-surface);color:var(--color-text)}.ui-search-select{gap:8px;min-width:0;font-size:13px;display:grid}.ui-search-select>label{color:var(--color-navigation);font-size:12px}.ui-select-trigger{width:100%;min-width:0;min-height:34px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.ui-select-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui-select-trigger svg{flex-shrink:0;transform:rotate(90deg)}.ui-select-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-select-trigger:disabled{opacity:.45;cursor:default}.ui-select-popup{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:13px var(--font-sans);border-radius:8px;margin:0;padding:4px;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 32px #0008}.ui-select-popup:popover-open{flex-direction:column;display:flex}.ui-select-search{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:8px;display:flex}.ui-select-search input{font:inherit;color:inherit;background:0 0;border:0;outline:none;width:100%;min-width:0}.ui-select-search svg{color:var(--color-muted);flex-shrink:0}.ui-select-options{min-height:0;overflow-y:auto}.ui-select-options [role=option]{cursor:pointer;overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:10px 8px;display:flex}.ui-select-options [role=option].is-active{background:var(--color-surface-secondary)}.ui-select-options [role=option] svg{flex-shrink:0}.ui-select-popup p,.ui-select-error{color:var(--color-text-secondary);margin:0;padding:12px 8px}.ui-select-error button{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.new-session-context>.ui-search-select{width:100%}.files-layout{align-items:flex-start;display:flex}.files-page{width:min(784px,100%);min-width:0;margin:0 auto;padding:28px 32px}.files-heading,.files-selection,.session-files-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.files-heading h1{gap:8px;margin:0;font-size:16px;font-weight:500;display:flex}.files-heading h1 span{color:var(--color-muted)}.files-note{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.files-page>.ui-field{margin-top:20px}.files-empty{text-align:center;color:var(--color-text-secondary);padding:64px 12px}.files-empty h2{color:var(--color-text);font-size:16px;font-weight:500}.files-empty p{font-size:13px}.file-list{margin:16px 0;padding:0;list-style:none}.file-list li{border-bottom:1px solid var(--color-border-subtle);border-radius:8px;align-items:center;display:flex}.file-list li:hover,.file-row--active{background:var(--color-surface)}.file-select{flex-shrink:0;margin:0 8px}.file-select span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.file-row{text-align:left;width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px 8px;font-size:13px;display:flex}.file-row>svg{color:var(--color-muted);flex-shrink:0}.file-name{overflow-wrap:anywhere;flex:1;min-width:0}.file-name small{color:var(--color-text-secondary);margin-top:5px;font-size:11px;display:block}.files-selection{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:12px;flex-wrap:wrap;padding:12px;font-size:12px;position:sticky;bottom:16px}.file-errors{color:var(--color-error);overflow-wrap:anywhere;font-size:13px}.files-layout--preview>.files-page{width:50%;padding:28px 16px}.file-preview{width:50%;min-width:0;top:calc(48px + var(--mobile-bar-height));border-left:1px solid var(--color-border-subtle);background:var(--color-bg);position:sticky}.file-preview header{justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.file-preview header>div{min-width:0}.file-preview h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px;font-weight:500}.file-preview header span,.file-preview footer{color:var(--color-text-secondary);font-size:12px}.file-preview-body{background:var(--color-surface);height:calc(100dvh - 260px);min-height:250px;padding:16px;overflow:auto}.pdf-preview canvas{background:#fff;width:100%;height:auto}.pdf-controls{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.file-preview-body img{max-width:100%;height:auto;margin:auto;display:block}.file-preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:13px/1.7 monospace}.file-preview footer{padding:12px 16px}.file-preview footer p{line-height:1.5}.file-preview a,.session-files a{color:var(--color-text)}.session-files{border:1px solid var(--color-border-subtle);border-radius:12px;margin-bottom:16px;padding:8px 12px}.session-files-heading a{white-space:nowrap;font-size:12px}.document-chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.document-chip{background:var(--color-surface);border-radius:6px;align-items:center;gap:4px;max-width:100%;font-size:12px;display:flex}.document-chip button{font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:left;background:0 0;border:0;min-width:0;padding:6px}.document-chip>span{padding:6px}.document-picker{gap:12px;max-height:230px;padding:12px 0;font-size:13px;display:grid;overflow:auto}.document-picker .ui-checkbox{overflow-wrap:anywhere;min-width:0}.session-files>.file-preview{border:1px solid var(--color-border-subtle);border-radius:8px;width:100%;margin-top:12px;position:static}@media (width<=850px){.files-layout{flex-direction:column}.files-layout--preview>.files-page,.file-preview{width:100%}.file-preview{border-left:0;border-top:1px solid var(--color-border-subtle);position:static}.files-page{padding:24px 16px}}.files-heading,.pdf-controls,.session-files-heading{flex-wrap:wrap}.session-resource-panel .session-files{border:0;border-radius:0;flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;margin:0;padding:0;display:flex}.session-files>.session-resource-heading,.session-files>.ui-field,.session-files>.files-note{flex-shrink:0}.session-document-list{overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.session-document-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:12px 8px;font-size:13px;display:flex}.session-document-row>.ui-checkbox,.session-document-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.session-document-row>button{flex-shrink:0}.session-document-row.is-selected{background:#ffffff04}.session-document-dialog{border:1px solid var(--color-border);width:min(900px,100vw - 24px);max-width:none;height:calc(100dvh - 32px);max-height:none;color:var(--color-text);background:var(--color-bg);border-radius:12px;padding:0}.session-document-dialog::backdrop{background:#0009}.session-document-dialog>.file-preview{border:0;flex-direction:column;width:100%;height:100%;display:flex;position:static}.session-document-dialog .file-preview-body{flex:1;height:auto;min-height:0}.tasks-page{flex-direction:column;flex:1;min-width:0;min-height:0;padding:24px;display:flex}.tasks-toolbar,.tasks-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tasks-toolbar{justify-content:space-between}.tasks-filters .ui-field{width:260px;max-width:100%}.task-note{color:var(--color-text-secondary);font-size:12px}.task-board{overscroll-behavior:contain;flex:1;align-items:flex-start;gap:16px;min-height:0;padding:4px 2px 24px;display:flex;overflow-x:auto}.task-column{border:1px solid var(--color-border-subtle);background:#1c1c1c;border-radius:12px;flex-direction:column;flex:0 0 280px;width:280px;min-height:0;max-height:100%;padding:12px;display:flex}.task-column--over{border-color:var(--color-accent)}.task-column>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.task-column h2{overflow-wrap:anywhere;cursor:grab;flex:1;margin:0;font-size:13px;font-weight:550}.task-column h2 span{color:var(--color-text-secondary);padding-left:8px;font-weight:400}.task-column-cards{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.task-column-cards>*,.task-column>header,.task-add,.tasks-toolbar,.tasks-filters{flex-shrink:0}.task-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:8px;overflow:hidden}.task-card:hover{border-color:var(--color-border)}.task-card--dragging{opacity:.45}.task-card-open{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;gap:12px;padding:14px;display:grid}.task-card-open strong{font-size:13px;font-weight:500;line-height:1.6}.task-card-open small{color:var(--color-text-secondary);font-size:11px}.task-client{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.task-client svg{flex-shrink:0}.task-card-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.task-card-actions{justify-content:space-between;padding:0 8px 8px;display:flex}.task-add{justify-content:flex-start;width:100%;margin-top:12px}.task-drop-hint{color:var(--color-subtle);text-align:center;padding:28px 0;font-size:12px}.task-new-column{border:1px dashed var(--color-border);border-radius:12px;flex:0 0 240px;gap:10px;padding:12px;display:grid}.column-settings{position:relative}.column-settings>button{font:inherit;cursor:pointer;color:var(--color-text-secondary);background:0 0;border:0;padding:6px}.column-settings>div{width:245px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;gap:12px;margin:0;padding:12px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #0008}.column-settings>div:popover-open{display:grid}.task-field{color:var(--color-text-secondary);gap:8px;font-size:12px;display:grid}.task-field textarea,.task-field select,.tasks-filters select{border:1px solid var(--color-border);width:100%;min-width:0;font:inherit;background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:10px}.task-field textarea{resize:vertical}.tasks-filters select{width:200px;max-width:100%;font-size:12px}.task-inline{align-items:center;gap:8px;display:flex}.task-inline .ui-field{flex:1;min-width:0}.completed-tasks{overscroll-behavior:contain;flex-direction:column;gap:12px;width:100%;max-width:760px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.completed-tasks>*{flex-shrink:0}.tasks-empty{text-align:center;color:var(--color-text-secondary);padding:70px 16px}.tasks-empty h2{color:var(--color-text);font-size:16px}.tasks-empty p{font-size:13px;line-height:1.6}.task-editor{background:var(--color-bg);width:min(560px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-text);border:0;border-left:1px solid var(--color-border);margin:0;padding:24px;position:fixed;inset:0 0 0 auto;overflow-y:auto}.task-editor::backdrop{background:#0007}.task-editor>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.task-editor h2{overflow-wrap:anywhere;font-size:16px;font-weight:500}.task-editor form{gap:20px;display:grid}.task-editor h3{margin:0;font-size:13px}.task-editor h3 span{color:var(--color-text-secondary)}.task-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.task-checklist{gap:10px;display:grid}.task-checklist>div{overflow-wrap:anywhere;justify-content:space-between;gap:8px;font-size:13px;display:flex}.task-checklist .ui-checkbox{min-width:0}.task-editor footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 0;display:flex}@media (width<=650px){.tasks-page{padding:16px}.task-fields{grid-template-columns:1fr}.task-column{flex-basis:260px;width:260px}}.tasks-filters>.ui-search-select{gap:0;width:220px;max-width:100%}.tasks-filters>.ui-search-select>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tasks-filters .ui-input,.tasks-filters .ui-select-trigger{height:36px;min-height:36px}.session-tasks{border:1px solid var(--color-border-subtle);border-radius:12px;margin-bottom:16px;padding:8px 12px}.session-tasks header,.session-tasks h2{align-items:center;gap:8px;display:flex}.session-tasks header{flex-wrap:wrap;justify-content:space-between}.session-tasks h2{margin:0;font-size:13px;font-weight:500}.session-tasks h2 span,.session-tasks p{color:var(--color-text-secondary);font-size:12px}.session-tasks ul{margin:8px 0 0;padding:0;list-style:none}.session-tasks li>button{border:0;border-top:1px solid var(--color-border-subtle);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.session-tasks li>button>span{overflow-wrap:anywhere;flex:1;min-width:0}.session-tasks li small{color:var(--color-text-secondary);overflow-wrap:anywhere;max-width:30%}.session-tasks li svg{flex-shrink:0}.task-source{background:var(--color-surface);border-radius:8px;gap:8px;padding:12px;display:grid}.task-source span,.task-source small{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.task-source a{color:var(--color-text);overflow-wrap:anywhere;font-size:13px}.task-card,.task-column h2{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.task-card-open{cursor:grab}.task-drag-preview{border:1px solid var(--color-border);background:var(--color-surface);height:100%;color:var(--color-text);overflow-wrap:anywhere;cursor:grabbing;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 16px 40px #0009}.task-drag-preview strong{font-size:13px;font-weight:500}.task-drag-preview span{color:var(--color-text-secondary);font-size:11px}.task-drop-slot{border:1px dashed var(--color-text-secondary);color:var(--color-text-secondary);background:#ffffff08;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;display:grid;box-shadow:inset 0 2px 10px #0005}.task-column-stack{flex-direction:column;gap:10px;min-height:24px;display:flex}.task-column--placeholder{border:1px dashed var(--color-text-secondary);background:#ffffff08;position:relative;box-shadow:inset 0 2px 10px #0005}.task-column--placeholder>*{visibility:hidden}.task-column--placeholder:after{content:"Drop here";color:var(--color-text-secondary);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.task-column-preview{border:1px solid var(--color-border);cursor:grabbing;background:#1c1c1c;border-radius:12px;height:100%;padding:12px;overflow:hidden;box-shadow:0 16px 40px #0009}.task-column-preview>header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.task-column-preview h2{font-size:13px;font-weight:550}.task-column-preview header span{color:var(--color-text-secondary);font-size:13px}.task-column-preview-cards{gap:10px;display:grid}.clients-page,.client-info{width:min(850px,100%);margin:0 auto;padding:32px}.clients-page>header,.client-info>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.clients-page h1,.client-info h1{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:500}.clients-page h1 span{color:var(--color-text-secondary);margin-left:8px;font-size:12px}.clients-page header p,.client-info header p{color:var(--color-text-secondary);margin:8px 0 0;font-size:12px}.clients-page{flex-direction:column;flex:1;min-height:0;display:flex}.clients-page>header,.clients-page>.ui-field{flex-shrink:0}.clients-list{overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;margin-top:24px;overflow-y:auto}.clients-list>a{color:inherit;border-bottom:1px solid var(--color-border-subtle);border-radius:8px;align-items:center;gap:16px;padding:16px 8px;text-decoration:none;display:flex}.clients-list>a:hover{background:var(--color-surface)}.clients-list>a>div{flex:1;min-width:0}.clients-list strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.clients-list small{color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:8px;font-size:12px;display:block}.clients-list svg,.clients-list .ui-avatar,.clients-list .ui-badge{flex-shrink:0}.clients-empty{text-align:center;color:var(--color-text-secondary);padding:64px 8px}.clients-empty h2{color:var(--color-text);font-size:16px}.clients-empty p{font-size:13px}.client-identity{align-items:center;gap:16px;min-width:0;display:flex}.client-identity .ui-avatar{flex-shrink:0}.client-info-section{border-top:1px solid var(--color-border-subtle);padding:24px 0}.client-info-section h2{margin:0 0 20px;font-size:14px;font-weight:500}.client-info dl{gap:20px;margin:0;display:grid}.client-info dl>div{grid-template-columns:180px minmax(0,1fr);gap:16px;font-size:13px;display:grid}.client-info dt{color:var(--color-text-secondary)}.client-info dd{overflow-wrap:anywhere;margin:0}.client-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.client-muted{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.client-editor{background:var(--color-bg);width:min(560px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-text);border:0;border-left:1px solid var(--color-border);margin:0;padding:24px;position:fixed;inset:0 0 0 auto;overflow-y:auto}.client-editor::backdrop{background:#0007}.client-editor>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.client-editor h2{font-size:16px;font-weight:500}.client-editor form{gap:20px;display:grid}.client-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.client-form-field{color:var(--color-navigation);gap:8px;font-size:12px;display:grid}.client-form-field select,.client-form-field textarea{border:1px solid var(--color-border);width:100%;min-width:0;font:inherit;background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:8px 12px}.client-form-field textarea{resize:vertical}.client-editor footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 0;display:flex}@media (width<=650px){.clients-page,.client-info{padding:24px 16px}.client-form-grid{grid-template-columns:1fr}.client-info dl>div{grid-template-columns:1fr;gap:8px}.clients-list>a{flex-wrap:wrap;gap:8px}}.sessions-page{width:min(100%,784px);margin:0 auto;padding:40px 32px}.sessions-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.sessions-heading h1{font-size:16px;font-weight:500}.sessions-heading h1 span{color:var(--color-text-secondary);margin-left:8px;font-size:11px}.sessions-heading p{color:var(--color-text-secondary);margin-top:8px;font-size:12px}.session-search{color:var(--color-muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.session-search .ui-field{flex:1}.session-search input{background:0 0;border-color:#0000}.session-list{gap:2px;display:grid}.session-row{border-radius:6px;align-items:center;gap:12px;min-width:0;padding:12px 8px;display:flex}.session-row:hover{background:var(--color-surface)}.session-row-icon{border:1px solid var(--color-border-subtle);width:32px;height:32px;color:var(--color-text-secondary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.session-row-label{flex:1;min-width:0}.session-row-label strong{white-space:nowrap;text-overflow:ellipsis;font-weight:450;line-height:20px;display:block;overflow:hidden}.session-row-label small{color:var(--color-text-secondary);margin-top:4px;font-size:11px;display:block}.session-row-label small span{padding:0 5px}.session-row>svg{color:var(--color-muted)}.session-empty{text-align:center;color:var(--color-muted);padding:40px 12px}.session-empty h2{color:var(--color-text);margin-top:16px;font-size:16px;font-weight:450}.session-empty p{margin:10px 0;font-size:12px;line-height:1.7}.list-composer{margin-top:48px}.chat-composer{background:var(--color-surface);border:1px solid #ffffff0b;border-radius:16px;padding:16px}.chat-composer:focus-within{border-color:var(--color-border)}.chat-composer textarea{resize:vertical;width:100%;min-height:48px;max-height:180px;color:var(--color-text);background:0 0;border:none;outline:none;padding:0;font-size:14px;line-height:1.6;display:block}.chat-composer textarea::placeholder{color:var(--color-muted)}.chat-composer-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.composer-context{color:var(--color-text-secondary);align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.composer-context>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer-context svg{flex-shrink:0}.send-button{border-radius:50%}.send-button svg{transform:rotate(-90deg)}.composer-hint{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;font-size:9px;display:flex}.conversation-layout{min-height:100dvh}.conversation-layout .breadcrumbs{flex:1}.conversation-layout .breadcrumbs>a{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:35%;overflow:hidden}.conversation-toolbar{justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.back-to-sessions{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:11px;display:inline-flex}.back-to-sessions:hover{color:var(--color-text)}.back-to-sessions svg{transform:rotate(180deg)}.conversation-content{flex-direction:column;max-width:784px;min-height:calc(100dvh - 94px);margin:0 auto;padding:0 32px;display:flex}.conversation-messages{flex:1;padding:32px 0 24px}.conversation-title{letter-spacing:-.5px;overflow-wrap:anywhere;margin-bottom:40px;font-size:22px;font-weight:500;line-height:1.4}.chat-message{margin:0 0 28px}.chat-message--user{width:fit-content;max-width:600px;margin-left:auto}.chat-message--user .message-body{background:var(--color-surface);border-radius:16px;padding:16px 20px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.assistant-heading{align-items:center;gap:8px;margin-bottom:16px;display:flex}.assistant-heading strong{letter-spacing:.5px;font-size:11px;font-weight:550}.assistant-mark{color:var(--color-accent);display:inline-flex}.message-actions{color:var(--color-text-secondary);align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.chat-message--user .message-actions{justify-content:flex-end}.conversation-composer{background:linear-gradient(transparent, var(--color-bg) 18px);padding:20px 0 16px;position:sticky;bottom:0}.conversation-empty{text-align:center;padding:60px 12px 40px}.empty-brand{margin-bottom:24px;font-size:34px;display:inline-block;transform:skew(-9deg)}.conversation-empty h1{letter-spacing:-.8px;font-size:28px;font-weight:450}.conversation-empty p{color:var(--color-text-secondary);margin-top:12px;line-height:1.7}.new-session-page{width:min(100%,784px);margin:0 auto;padding:40px 32px}.new-session-context{color:var(--color-text-secondary);align-items:center;gap:12px;margin:0 0 12px;font-size:12px;display:flex}.new-session-context select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);min-width:0;max-width:100%;font:inherit;border-radius:6px;padding:8px}.new-session-context select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.new-session-note{text-align:center;color:var(--color-text-secondary);margin:16px 0;font-size:11px;line-height:1.7}.new-session-page>button{margin:0 auto;display:flex}.storage-notice{background:var(--color-surface);color:var(--color-error);padding:10px 20px;font-size:12px}@media (width<=900px){.sessions-page,.new-session-page{padding:24px 16px}.conversation-content{padding-inline:16px}.sessions-heading{flex-wrap:wrap}.conversation-empty h1{font-size:22px}.composer-hint span{display:none}}@media (width<=650px){.session-row{gap:8px;padding-inline:0}.session-row>.ui-avatar,.session-row>svg{display:none}.chat-composer{padding:12px}.conversation-content{padding-inline:12px}.conversation-title{font-size:18px}.message-body{font-size:13px}.chat-message--user .message-body{padding:12px}.conversation-toolbar{padding-inline:12px}.conversation-toolbar>.ui-badge{display:none}.new-session-context{flex-wrap:wrap}}.conversation-layout{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.conversation-layout>.topbar,.conversation-toolbar,.session-tabs{flex-shrink:0}.conversation-layout>.topbar{position:static}.conversation-toolbar{padding-block:4px}.session-tabs{border-bottom:1px solid var(--color-border-subtle);gap:20px;padding:0 24px;display:flex}.session-tabs>button{color:var(--color-text-secondary);font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.session-tabs>button[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-text)}.conversation-content{flex:1;width:min(784px,100%);min-height:0;overflow:hidden}.conversation-messages{overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;padding:24px 4px;overflow-y:auto}.conversation-composer{flex-shrink:0;padding-top:12px;position:static}.conversation-content[hidden],.session-resource-panel[hidden]{display:none}.session-resource-panel{flex:1;width:min(850px,100%);min-height:0;margin:0 auto;padding:24px 32px;display:flex;overflow:hidden}.session-resource-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.session-resource-heading h2{font-size:16px;font-weight:500}.session-resource-heading p{color:var(--color-text-secondary);margin-top:8px;font-size:12px}.session-resource-heading a{align-items:center;gap:8px;font-size:12px;display:inline-flex}.session-resource-empty{text-align:center;color:var(--color-text-secondary);padding:40px 12px;font-size:13px;line-height:1.7}.session-resource-empty h2{color:var(--color-text);margin:12px 0 8px;font-size:16px;font-weight:500}.session-resource-panel .session-tasks{border:0;border-radius:0;flex-direction:column;width:100%;min-height:0;margin:0;padding:0;display:flex}.session-resource-panel .session-tasks>header{flex-shrink:0;padding-bottom:16px}.session-resource-panel .session-tasks h2{font-size:16px}.session-resource-panel .session-tasks ul{overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;margin:0;overflow-y:auto}@media (width<=650px){.session-tabs{gap:18px;padding-inline:12px}.session-resource-panel{padding:20px 12px}.conversation-messages{padding-top:16px}.conversation-composer{padding-bottom:12px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:13px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3,p{margin:0}.main-content{outline:none;min-width:0}.topbar{min-height:48px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;font-size:13px;display:flex}.topbar strong{color:var(--color-text);font-weight:500}.breadcrumbs{align-items:center;min-width:0;display:flex}.breadcrumbs strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumbs a:hover{color:var(--color-text)}.breadcrumb-slash{color:var(--color-subtle);padding:0 12px;display:inline-block}.skip-link{background:var(--color-text);color:var(--color-bg);z-index:20;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:root{--mobile-bar-height:0px}.topbar{top:var(--mobile-bar-height);z-index:10;background:var(--color-bg);position:sticky}.main-content--bounded{height:calc(100dvh - var(--mobile-bar-height));flex-direction:column;display:flex}.main-content--bounded>.navigation-page{flex-direction:column;flex:1;min-height:0;display:flex}.main-content--bounded .topbar,.main-content--bounded .client-tabs,.main-content--bounded>.storage-notice{flex-shrink:0}@media (width<=650px){:root{--mobile-bar-height:48px}.mobile-navigation{z-index:11;background:var(--color-bg);position:sticky;top:0}}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--color-surface);flex-direction:column;gap:8px;height:100dvh;padding:8px;display:flex;position:sticky;top:0}.brand-row{justify-content:space-between;align-items:center;min-height:32px;padding:4px;display:flex}.brand{align-items:center;display:flex}.brand-mark{color:#fff;place-items:center;width:24px;height:24px;font-size:23px;font-weight:650;display:grid;transform:skew(-9deg)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;min-height:0;overflow:hidden auto}.nav-item{width:100%;min-height:32px;color:var(--color-navigation);border-radius:4px;align-items:center;gap:12px;padding:4px;font-size:13px;line-height:16px;display:flex}.nav-item>svg{color:var(--color-muted);flex-shrink:0;margin:4px}.nav-item:hover,.profile:hover{color:var(--color-text);background:#2c2c2c}.nav-item.selected,.profile.selected{color:var(--color-text);background:#333}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-trailing{color:var(--color-muted);flex-shrink:0;margin-left:auto!important}.team-item{gap:8px;margin-bottom:8px}.team-avatar{color:#e8d8cc;background:#514747;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.primary-nav{gap:2px;margin-bottom:8px;display:grid}.sidebar-section{margin-bottom:8px}.nav-section-heading{align-items:center;display:flex}.nav-section-heading>a{min-width:0;color:var(--color-text-secondary);flex:1}.nav-section-heading>a>svg{display:none}.section-toggle,.recent-heading{color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;display:flex}.section-toggle{width:24px;height:24px;padding:4px}.recent-heading:hover{color:var(--color-text);background:#303030}.section-toggle:hover{background:var(--color-surface);color:var(--color-text)}.section-toggle svg,.recent-heading svg{transform:rotate(90deg)}.section-toggle .chevron-closed,.recent-heading .chevron-closed{transform:rotate(0)}.client-initial{color:#d3d3ce;background:#3d3d3c;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.client-initial--kevin-dow{color:#d1d7de;background:#41454a}.client-initial--upwork{color:#cbdacf;background:#354338;border-radius:6px}.nested-session{gap:0;padding-left:16px}.nested-branch{border-bottom:1px solid #555;border-left:1px solid #555;border-radius:0 0 0 5px;flex-shrink:0;width:16px;height:16px;margin:-9px 8px 0 0}.nested-session .nav-label{font-size:12px}.recent-heading{text-align:left;width:100%;min-height:32px;padding:4px;font-size:13px}.recent-link{gap:0}.recent-link .recent-icon{display:none}.profile{border-radius:4px;align-items:center;gap:12px;min-height:40px;padding:4px;display:flex}.profile-avatar{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.profile strong{font-size:13px;font-weight:400;line-height:16px;display:block}.profile small{color:var(--color-text-secondary);font-size:10px;line-height:14px;display:block}.client-tabs{border-bottom:1px solid #ffffff08;flex-wrap:wrap;align-items:center;gap:4px;padding:12px 24px;display:flex}.client-tabs a{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.client-tabs a:hover,.client-tabs a.active{background:var(--color-surface);color:var(--color-text)}.navigation-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:65dvh;padding:40px 24px;display:flex}.placeholder-glyph{color:var(--color-muted);margin-bottom:8px}.navigation-placeholder h1{overflow-wrap:anywhere;font-size:20px;font-weight:450;line-height:1.4}.navigation-placeholder p{color:var(--color-text-secondary);font-size:12px}.navigation-placeholder>a{margin-top:12px;text-decoration:underline}.is-collapsed{grid-template-columns:48px minmax(0,1fr)}.is-collapsed .sidebar{padding:8px 4px}.is-collapsed .brand,.is-collapsed .nav-label,.is-collapsed .nav-trailing,.is-collapsed .nested-session{display:none}.is-collapsed .brand-row,.is-collapsed .nav-item,.is-collapsed .profile{justify-content:center}.is-collapsed .nav-section-heading>a>svg,.is-collapsed .recent-link .recent-icon{display:block}.is-collapsed .section-toggle{display:none}.is-collapsed .recent-heading{justify-content:center}@media (width<=650px){.app-shell{display:block}.client-tabs{gap:2px;padding:8px}.client-tabs a{padding:8px;font-size:11px}.client-tabs a svg{display:none}.topbar{padding:12px}.navigation-placeholder{padding-inline:12px}.navigation-placeholder h1{font-size:16px}}.mobile-navigation{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;height:48px;padding:8px 12px;display:flex}.mobile-navigation>span{letter-spacing:1px;color:var(--color-text-secondary);font-size:12px}.mobile-drawer{background:var(--color-surface);width:min(280px,85vw);max-width:85vw;height:100dvh;max-height:100dvh;color:var(--color-text);border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.mobile-drawer::backdrop{background:#0009}.mobile-drawer .sidebar{width:100%}.sidebar-client-link{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sidebar-client-row{position:relative}.sidebar-client-row--dragging{opacity:.35}.sidebar-client-row--before:before,.sidebar-client-row--after:after{content:"";background:var(--color-text-secondary);pointer-events:none;z-index:1;border-radius:2px;height:2px;position:absolute;left:4px;right:4px}.sidebar-client-row--before:before{top:0}.sidebar-client-row--after:after{bottom:0}.sidebar-client-preview{background:var(--color-surface);border:1px solid var(--color-border);cursor:grabbing;box-shadow:0 8px 24px #0008}.sidebar-clients-more{width:100%;color:var(--color-text-secondary);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 4px;font-size:12px;display:flex}.sidebar-clients-more:hover{color:var(--color-text);background:#2c2c2c;border-radius:4px}.sidebar-clients-more svg{margin:0 4px;transform:rotate(90deg)}.sidebar-clients-more .chevron-up{transform:rotate(-90deg)}.is-collapsed .sidebar-clients-more{justify-content:center}.sidebar-order-error{color:var(--color-text-secondary);padding:8px 4px;font-size:11px}.nav-section-heading{border-radius:4px}.nav-section-heading:hover,.nav-section-heading:focus-within{color:var(--color-text);background:#303030}.nav-section-heading:hover>a,.nav-section-heading:hover>button{color:var(--color-text)}.nav-section-heading>a:hover{background:0 0}.sidebar-add-client{flex-shrink:0}.sidebar-client-heading{border-radius:4px;align-items:center;display:flex}.sidebar-client-heading>a{flex:1;min-width:0}.client-chats-toggle{min-height:32px;color:var(--color-text-secondary);font:inherit;background:0 0;border:0;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.client-chats-toggle:hover{color:var(--color-text)}.client-chats-toggle svg{transform:rotate(90deg)}.client-chats-toggle .chevron-closed{transform:rotate(0)}.is-collapsed .sidebar-add-client,.is-collapsed .client-chats-toggle,.is-collapsed .sidebar-client-chats{display:none}.sidebar-client-heading:has(>.selected){background:#333}.sidebar-client-heading>a.selected{background:0 0}.sidebar-client-heading:hover{background:#303030}.sidebar-client-heading:hover>a{color:var(--color-text);background:0 0}.client-chats-toggle:hover>svg{background:var(--color-surface);box-shadow:0 0 0 4px var(--color-surface);color:var(--color-text);border-radius:1px}.recent-arrow{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin:-4px;display:inline-flex}.recent-arrow:hover{background:var(--color-surface);color:var(--color-text)}.gallery{max-width:1280px;margin:0 auto;padding:56px 48px 24px}.gallery-intro{border-bottom:1px solid #ffffff0a;padding-bottom:48px}.eyebrow{letter-spacing:1.8px;color:var(--color-text-secondary);margin-bottom:22px;font-size:10px;font-weight:500}.gallery-intro h1{letter-spacing:-2.3px;font-size:clamp(32px,4vw,52px);font-weight:450;line-height:1.1}.gallery-intro h1>span{color:var(--color-text-secondary)}.gallery-intro p{max-width:420px;color:var(--color-text-secondary);margin-top:22px;font-size:12px;line-height:1.8}.preview-link{border-bottom:1px solid #777;align-items:center;gap:12px;margin-top:24px;padding-bottom:6px;font-size:12px;display:inline-flex}.preview-link:hover{color:#fff}.gallery-section{margin-top:32px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2{font-size:14px;font-weight:500}.section-heading>span{color:var(--color-text-secondary);font-size:10px}.foundation-grid{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.showcase{background:#1b1b1b;border:1px solid #ffffff0d;border-radius:12px;min-width:0;padding:24px}.showcase h3{font-size:13px;font-weight:500}.muted{color:var(--color-text-secondary);margin-top:8px;font-size:11px;line-height:1.6}.swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:28px;display:grid}.swatch-color{border:1px solid #ffffff12;border-radius:6px;height:60px}.swatch strong{margin-top:10px;font-size:9px;font-weight:450;display:block}.swatch code{color:var(--color-text-secondary);margin-top:5px;font-size:8px;display:block}.type-heading,.card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.type-specimen{letter-spacing:-4px;padding:18px 0;font-size:64px;font-weight:450;line-height:1}.type-line{justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.type-line small{color:var(--color-text-secondary);white-space:nowrap;font-size:9px;font-weight:400}.body-specimen{margin-top:10px;font-size:13px;font-weight:400}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card-heading{margin-bottom:18px}.card-heading>span{color:var(--color-text-secondary);font-size:10px}.demo-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.demo-feedback{color:var(--color-text-secondary);min-height:15px;margin-top:20px;font-size:10px}.input-examples{gap:18px;display:grid}.tab-example{color:var(--color-text-secondary);align-items:center;gap:10px;padding:24px 4px 10px;font-size:12px;display:flex}.check-examples{gap:14px;margin-top:22px;display:grid}.gallery-footer{color:var(--color-text-secondary);border-top:1px solid #ffffff0a;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;font-size:9px;display:flex}.gallery-footer>:first-child{letter-spacing:2px}@media (width<=1150px){.foundation-grid{grid-template-columns:1fr}}@media (width<=1000px){.gallery{padding:40px 24px 24px}.component-grid{grid-template-columns:1fr}}@media (width<=560px){.gallery{padding:32px 16px 20px}.gallery-intro h1{letter-spacing:-1px;font-size:32px}.showcase{padding:18px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.gallery-footer{flex-direction:column}.section-heading>span{font-size:8px}}