:root{--bg:#f3f4f6;--panel:#f2f2f2;--surface:#f4f4f6;--surface-elevated:#fafafb;--surface-muted:#eff1f3;--muted:#505050;--accent:#cbddf6;--accent-text:#282828;--accent-strong:#2563eb;--accent-strong-text:#fff;--accent-soft:#dbeafe;--border:#e6e6e6;--border-subtle:#0f172a14;--text:#505050;--surface-hover:#0f172a0a;--chrome-bg:#ffffffe0;--field-bg:#fff;--section-bg:#ffffffd1;--chrome-border:#e6e6e6eb;--chrome-shadow:#0f172a1f;--chrome-shadow-soft:#0f172a14;--overlay:#0f172a80;--danger:#dc2626;--error:#dc2626;--error-contrast:#fff;--disabled-fill:#ebeef1;--disabled-border:#d8dce2;--disabled-text:#8f96a3;--success:#16a34a;--canvas-backdrop:#eef1f4;--canvas-handle-shadow:#eef1f4;--back-button-border:#2563eb2e;--switch-track-off:#d9dde3;--switch-track-off-hover:#d4d8df;--switch-track-off-pressed:#c8cdd5;--switch-track-on:#198cff;--switch-track-on-hover:#127ef5;--switch-track-on-pressed:#0b74e8;--switch-thumb-bg:#fff;--switch-thumb-core-off:#101828;--switch-thumb-core-on:#198cff;--switch-thumb-shadow:0 1px 2px #1018282e, 0 1px 3px #1018281f;--switch-thumb-shadow-pressed:0 1px 1px #0f172a1f, 0 1px 2px #0f172a14;--switch-thumb-shadow-disabled:0 1px 2px #0f172a0f;--switch-hover-shadow:drop-shadow(0 3px 8px #0f172a29);--switch-focus-ring-color:#198cff;--switch-focus-shield-color:#fff;--switch-disabled-opacity:.56}@font-face{font-family:Tietoevry Sans;src:url(/brand/fonts/TietoevrySansLight.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Tietoevry Sans;src:url(/brand/fonts/TietoevrySansRegular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Tietoevry Sans;src:url(/brand/fonts/TietoevrySansBold.woff)format("woff");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Rubrik;src:url(/brand/fonts/Rubrik400.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Rubrik Light;src:url(/brand/fonts/Rubrik%20Light.otf)format("opentype");font-style:normal;font-weight:300;font-display:swap}html,body,#root{height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Rubrik,sans-serif}header,h1,h2,h3,h4,h5,h6{font-family:Tietoevry Sans,sans-serif}button,input,select,textarea{font:inherit}.editor-page{--editor-edge-gap:20px;--editor-header-height:72px;--editor-float-gap:16px;--editor-sidebar-width:280px;--editor-inspector-width:360px;--editor-content-top:calc(var(--editor-header-height) + var(--editor-edge-gap));--canvas-shell-inline-padding:40px;--canvas-shell-bottom-padding:52px;background:var(--canvas-backdrop,var(--bg));min-height:100vh;color:var(--text);padding-top:0;position:relative;overflow:visible}.editor-page--preview .inspector-shell{display:none}.editor-page--preview .canvas-shell{right:var(--editor-edge-gap)}.editor-layout{min-height:100vh;position:relative;overflow:visible}.component-sidebar-shell{top:70px;left:var(--editor-edge-gap);bottom:var(--editor-edge-gap);width:var(--editor-sidebar-width);z-index:3;pointer-events:auto;min-height:0;padding:0;position:fixed;overflow:visible}.canvas-shell{top:var(--editor-content-top);left:300px;right:360px;bottom:var(--editor-edge-gap);background:var(--surface);z-index:1;box-sizing:border-box;min-width:0;min-height:0;box-shadow:0 18px 36px color-mix(in srgb, var(--chrome-shadow-soft) 12%, transparent 88%), 0 4px 16px color-mix(in srgb, var(--chrome-shadow) 8%, transparent 92%);border:0;border-radius:0;padding:0;display:flex;position:fixed;overflow:hidden}.inspector-shell{width:var(--editor-inspector-width);min-width:var(--editor-inspector-width);z-index:3;pointer-events:auto;min-height:0;color:var(--text);border-left:1px solid var(--border-subtle);background:0 0;border-radius:0;display:flex;position:fixed;top:72px;bottom:0;right:0;overflow:visible}.editor-page[data-theme-mode=dark] .canvas-shell{box-shadow:inset 1px 0 0 var(--border-subtle), inset -1px 0 0 var(--border-subtle), 0 18px 36px color-mix(in srgb, var(--chrome-shadow-soft) 16%, transparent 84%), 0 4px 16px color-mix(in srgb, var(--chrome-shadow) 10%, transparent 90%)}.editor-page[data-theme-mode=dark] .editor-header{border-bottom-color:var(--border-subtle);box-shadow:0 1px #ffffff08}.editor-page[data-theme-mode=dark] .component-sidebar-panel{border-right-color:var(--border-subtle)}.editor-page[data-theme-mode=dark] .component-sidebar-search,.editor-page[data-theme-mode=dark] .component-sidebar-add-button,.editor-page[data-theme-mode=dark] .component-sidebar-item-input{border-color:var(--border-subtle)}.editor-page[data-theme-mode=dark] .component-sidebar-search{background-color:var(--surface-muted)}.editor-page[data-theme-mode=dark] .component-sidebar-item-delete:hover{color:var(--accent-text)}.editor-page[data-theme-mode=dark] .inspector-shell{border-left-color:var(--border-subtle)}.export-modal-overlay{background-color:var(--overlay);z-index:100;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.export-modal-card{background:var(--surface);color:var(--text);border:1px solid var(--chrome-border);border-radius:20px;width:min(100vw - 48px,400px);padding:24px;box-shadow:0 24px 72px #0f172a33}.export-modal-card--wide{width:min(100%,620px)}.export-modal-card--xwide{flex-direction:column;width:min(100%,860px);max-height:min(100vh - 64px,760px);display:flex}.export-modal-card--export-flow{background:linear-gradient(#fffffffa 0%,#f8f9fcf5 100%);border-radius:30px;width:min(100vw - 48px,1030px);height:min(100vh - 48px,630px);max-height:min(100vh - 48px,630px);padding:28px 32px;overflow:hidden}.export-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.export-modal-title{color:var(--text);margin:0;font-size:18px}.editor-modal-subtitle{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45}.export-modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none}.editor-delete-component-card{width:min(100vw - 24px,440px)}.editor-delete-component-actions{justify-content:flex-end;gap:10px;display:flex}.editor-delete-component-button{border:1px solid var(--chrome-border);background:var(--surface-muted);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}.editor-delete-component-button--secondary:hover,.editor-delete-component-button--secondary:focus-visible{background:color-mix(in srgb, var(--surface) 82%, transparent)}.editor-delete-component-button--danger{border-color:color-mix(in srgb, var(--danger) 28%, var(--chrome-border));background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:var(--danger)}.editor-delete-component-button--danger:hover,.editor-delete-component-button--danger:focus-visible{background:color-mix(in srgb, var(--danger) 20%, var(--surface))}.asset-upload-modal-card{border-radius:10px;flex-direction:column;gap:16px;width:min(100vw - 24px,435px);height:min(100vh - 24px,300px);padding:18px 20px 20px;display:flex}.asset-upload-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.asset-upload-modal-title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:18px;font-weight:500;line-height:1.2}.asset-upload-modal-close{color:#7a8191;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.asset-upload-modal-close:hover,.asset-upload-modal-close:focus-visible{background:color-mix(in srgb, var(--surface) 84%, white 16%);color:var(--text)}.asset-upload-modal-dropzone{border:2px dashed color-mix(in srgb, var(--text) 28%, transparent);background:color-mix(in srgb, var(--surface-elevated) 72%, white 28%);min-height:188px;color:var(--muted);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px 18px;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:flex}.asset-upload-modal-dropzone:hover,.asset-upload-modal-dropzone.is-dragging{border-color:color-mix(in srgb, #2563eb 55%, var(--text) 18%);background:color-mix(in srgb, #2563eb 9%, var(--surface-elevated) 91%);box-shadow:inset 0 0 0 1px #2563eb3d}.asset-upload-modal-dropzone:focus-visible{outline-offset:6px;outline:2px solid #2563eb}.asset-upload-modal-dropzone:disabled{cursor:progress;opacity:.88}.asset-upload-modal-icon{color:var(--muted);width:36px;height:36px}.asset-upload-modal-copy{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.asset-upload-modal-primary{color:var(--text);font-size:14px;font-weight:500;line-height:1.3}.asset-upload-modal-secondary{color:var(--muted);font-size:12px;line-height:1.35}.asset-upload-modal-error{color:var(--danger);margin:0;font-size:14px;line-height:1.5}.logo-container{flex:none;align-items:center;gap:8px;height:30px;display:flex;position:relative}.brand-logo{width:14px;height:21px;position:relative}.logo-container-button{color:#2d3444;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;width:47px;min-width:47px;height:30px;transition:background-color .18s,color .18s}.logo-container-mark{justify-content:center;align-items:center;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;inset:0}.logo-container-mark--logo{opacity:1;transform:scale(1)}.logo-container-mark--arrow{opacity:0;transform:scale(.92)}.logo-container-button:hover,.logo-container-button:focus-visible{background:#f4f4f6}.logo-container-button:hover .logo-container-mark--logo,.logo-container-button:focus-visible .logo-container-mark--logo{opacity:0;transform:scale(.92)}.logo-container-button:hover .logo-container-mark--arrow,.logo-container-button:focus-visible .logo-container-mark--arrow{opacity:1;transform:scale(1)}.logo-container-button:focus-visible{outline-offset:2px;outline:2px solid #4a7bf657}@media (max-width:720px){.asset-upload-modal-card{gap:16px;width:min(100vw - 24px,435px);height:auto;min-height:300px;padding:18px}.asset-upload-modal-dropzone{border-radius:22px;min-height:188px;padding:20px 18px}}.editor-header{z-index:4;width:auto;min-height:var(--editor-header-height);box-sizing:border-box;border:0;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 color-mix(in srgb, var(--chrome-shadow-soft) 10%, transparent 90%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:0 20px;font-family:Rubrik,sans-serif;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0;transform:none}.editor-header-group{align-items:center;gap:16px;min-width:0;display:flex}.editor-header-group--right{margin-left:auto}.editor-header-cluster{align-items:center;gap:8px;min-width:0;display:flex}.editor-header-cluster-divider{background:var(--border-subtle);width:1px;height:30px}.editor-header-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-left:0;display:flex}.editor-header-theme-toggle{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-muted) 86%, transparent);border-radius:14px;flex:none;align-items:center;gap:2px;padding:4px;display:inline-flex}.editor-header-button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.editor-header-control-button,.editor-header-icon-button{background:color-mix(in srgb, var(--surface) 92%, #f4f5f7 8%);width:40px;height:40px;color:var(--text);border:1px solid var(--border-subtle);box-shadow:0 1px 2px color-mix(in srgb, var(--chrome-shadow) 6%, transparent 94%);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.editor-header-button:disabled{opacity:.4;cursor:default}.editor-header-link-button{color:#7a8191;white-space:nowrap;border-radius:20px;flex:none;align-items:center;gap:10px;min-height:38px;padding:8px 10px;font-size:14px;font-weight:300;display:flex}.editor-header-link-button:hover,.editor-header-link-button:focus-visible{color:#656d80}.editor-header-pill-button{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, #f4f5f7 8%);min-height:40px;color:var(--text);white-space:nowrap;box-shadow:0 1px 2px color-mix(in srgb, var(--chrome-shadow) 6%, transparent 94%);border-radius:14px;flex:none;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.editor-header-pill-button:hover,.editor-header-pill-button:focus-visible{background:var(--surface);color:var(--text)}.editor-header-export-button{border-color:color-mix(in srgb, var(--accent-border) 84%, transparent);background:color-mix(in srgb, var(--accent-strong) 10%, var(--surface) 90%);color:var(--accent-strong);padding-inline:16px}.editor-header-theme-button{gap:6px;padding:4px 12px}.editor-header-theme-button:hover,.editor-header-theme-button:focus-visible{background:var(--surface);border-color:var(--chrome-border);color:var(--text)}.editor-header-control-button:hover,.editor-header-control-button:focus-visible,.editor-header-icon-button:hover,.editor-header-icon-button:focus-visible{background:var(--surface);border-color:var(--border)}.editor-header-theme-mode-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;min-height:32px;padding:0;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.editor-header-theme-mode-button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--chrome-shadow) 8%, transparent 92%)}.editor-header-icon-button[aria-pressed=true],.editor-header-control-button[aria-pressed=true],.editor-header-select-button.is-active{background:var(--surface);border-color:var(--accent-border);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 10%, transparent)}.editor-header svg{flex:none}@media (max-width:1180px){.editor-header{gap:16px}.editor-header-actions{gap:12px}}@media (max-width:980px){.editor-header-link-button span,.editor-header-pill-button span{display:none}.editor-header-link-button,.editor-header-pill-button{padding-left:8px;padding-right:8px}}@media (max-width:900px){.design-dna-grid{grid-template-columns:minmax(0,1fr)}}.refactor-engine-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.refactor-engine-scope-toggle{background:var(--section-bg);border:1px solid var(--chrome-border);border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.refactor-engine-scope-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.refactor-engine-scope-button.is-active{background:var(--accent);color:var(--accent-text)}.refactor-engine-scope-button:disabled{opacity:.5;cursor:default}.refactor-engine-summary{align-items:stretch;gap:10px;display:flex}.refactor-engine-summary-card{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:12px;gap:2px;min-width:116px;padding:12px 14px;display:grid}.refactor-engine-summary-value{color:var(--text);font-size:22px;font-weight:700}.refactor-engine-summary-label{color:var(--muted);font-size:12px}.refactor-engine-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.editor-empty-state{color:var(--muted);padding:28px 0 8px;font-size:14px;line-height:1.6}.refactor-engine-list{gap:12px;padding-right:2px;display:grid;overflow-y:auto}.refactor-engine-item{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:14px;gap:14px;padding:18px;display:grid}.refactor-engine-item-header{justify-content:space-between;gap:16px;display:flex}.refactor-engine-item-title{color:var(--text);font-size:15px;font-weight:700}.refactor-engine-item-subtitle{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.refactor-engine-impact-pill{text-transform:capitalize;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:700}.refactor-engine-impact-pill.is-safe{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.refactor-engine-impact-pill.is-recommended{background:color-mix(in srgb, var(--accent-strong) 14%, transparent);color:var(--accent-strong)}.refactor-engine-change-list{color:var(--text);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:grid}.refactor-engine-item-actions{justify-content:flex-end;display:flex}.theme-settings-modal-card{flex-direction:column;width:min(100%,1120px);height:min(100vh - 64px,820px);display:flex;overflow:hidden}.theme-settings-modal-copy{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.design-dna-modal-card{flex-direction:column;gap:18px;width:min(100%,980px);max-height:min(100vh - 64px,760px);display:flex;overflow:hidden}.design-dna-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-right:4px;display:grid;overflow-y:auto}.design-dna-card{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:18px;grid-template-rows:auto auto;gap:14px;padding:16px;display:grid}.design-dna-card-preview{box-sizing:border-box;border:1px solid;border-radius:16px;align-content:space-between;gap:18px;min-height:184px;padding:18px;display:grid}.design-dna-card-chip-row{align-items:center;gap:8px;display:flex}.design-dna-card-chip{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.design-dna-card-dot{border-radius:999px;flex:none;width:11px;height:11px}.design-dna-card-surface{box-shadow:0 14px 32px var(--chrome-shadow-soft);border:1px solid;border-radius:14px;gap:6px;padding:16px;display:grid}.design-dna-card-title{font-size:20px;font-weight:700;line-height:1.1}.design-dna-card-copy{font-size:13px;line-height:1.45}.design-dna-card-body{gap:8px;display:grid}.design-dna-card-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;line-height:1.3}.design-dna-card-name{color:var(--text);font-size:18px;font-weight:700;line-height:1.2}.design-dna-card-description{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.design-dna-card-button{justify-self:flex-start;margin-top:4px}.theme-settings-modal-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.theme-settings-tabs{align-items:center;gap:8px;margin-bottom:16px;display:flex}.theme-settings-tab-button{border:1px solid var(--chrome-border);background:var(--surface-elevated);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.3}.theme-settings-tab-button.is-active{background:var(--accent-soft);color:var(--text);border-color:#0000}.theme-settings-content{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.theme-section-actions-wrap{gap:10px;margin-bottom:14px;display:grid}.theme-section-actions{align-items:center;gap:10px;display:flex}.theme-section-actions-caption{color:var(--muted);font-size:12px;line-height:1.4}.theme-token-add-button{border:1px solid var(--chrome-border);background:var(--surface-elevated);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.2}.theme-token-add-button:disabled{opacity:.55;cursor:default}.theme-token-restore-menu{flex-wrap:wrap;gap:8px;display:flex}.theme-token-restore-button{border:1px dashed var(--chrome-border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.3}.theme-settings-content--colors{overflow:hidden}.theme-palette-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%;min-height:0;display:grid}.theme-palette-panel{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:16px;grid-template-rows:auto auto minmax(0,1fr);gap:16px;min-height:0;padding:18px;display:grid}.theme-palette-header{gap:4px;display:grid}.theme-palette-title{color:var(--text);font-size:15px;font-weight:600}.theme-palette-caption{color:var(--muted);font-size:12px}.theme-palette-preview{border:1px solid;border-radius:14px;gap:8px;padding:16px;display:grid}.theme-palette-preview-card{border:1px solid;border-radius:12px;gap:8px;padding:14px;display:grid}.theme-palette-preview-chip-list{flex-wrap:wrap;gap:8px;display:flex}.theme-palette-preview-title{font-size:14px;font-weight:600}.theme-palette-preview-copy{font-size:12px;line-height:1.5}.theme-palette-preview-chip{border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:600}.theme-palette-fields{align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.theme-color-row{grid-template-columns:minmax(0,1fr) auto 112px auto;align-items:center;gap:10px;display:grid}.theme-color-label{color:var(--text);font-size:13px;font-weight:500}.theme-color-text-input{text-transform:uppercase}.theme-color-swatch{border-radius:8px;width:100px;height:38px;position:relative;overflow:hidden}.theme-color-swatch-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.theme-token-stack{align-content:start;gap:14px;display:grid}.theme-font-toolbar{gap:14px;display:grid}.theme-font-toolbar-row{align-items:center;gap:10px;display:flex}.theme-font-upload-group{justify-items:start;gap:6px;display:grid}.theme-font-upload-input{display:none}.theme-font-upload-error{color:var(--error);font-size:12px;line-height:1.5}.theme-font-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.theme-font-library-panel{gap:10px;display:grid}.theme-font-library-empty{border:1px dashed var(--chrome-border);min-height:44px;color:var(--muted);border-radius:12px;align-items:center;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.theme-font-chip-list{gap:10px;display:grid}.theme-font-chip{border:1px solid var(--chrome-border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.theme-font-chip-copy{gap:3px;min-width:0;display:grid}.theme-font-chip-name{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.theme-font-chip-meta{color:var(--muted);font-size:11px;line-height:1.4}.theme-font-chip-remove{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600;line-height:1.3}.theme-token-card,.theme-effects-panel{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:16px;gap:14px;padding:16px;display:grid}.theme-token-card-actions,.theme-effect-card-actions,.theme-radius-card-actions{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.theme-token-preview-group,.theme-effect-sample-group,.theme-radius-preview-group{justify-items:start;gap:6px;display:grid}.theme-token-delete-button{border:1px solid var(--chrome-border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.2}.theme-token-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.theme-sample-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;line-height:1.3}.theme-token-title{color:var(--text);font-size:14px;font-weight:600}.theme-token-caption{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.theme-token-preview{border:1px solid var(--chrome-border);background:var(--surface);min-width:64px;color:var(--text);text-align:center;border-radius:12px;flex:none;padding:10px 14px}.theme-token-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-token-field{color:var(--muted);gap:6px;font-size:12px;font-weight:500;display:grid}.theme-token-textarea{resize:vertical;min-height:86px}.theme-effects-grid{align-content:start;gap:52px;display:grid}.theme-settings-effects-content{gap:42px;padding-bottom:44px;padding-right:8px;display:grid}.theme-effects-page-header{gap:10px;display:grid}.theme-effects-page-copy{gap:12px;display:grid}.theme-effects-page-title{letter-spacing:-.03em;color:var(--text);font-size:52px;font-weight:800;line-height:.98}.theme-effects-page-caption{max-width:920px;color:var(--muted);font-size:15px;line-height:1.55}.theme-effects-gallery-section{gap:26px;display:grid}.theme-effects-gallery-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.theme-effects-gallery-copy{gap:12px;min-width:0;max-width:1120px;display:grid}.theme-effects-gallery-title{letter-spacing:-.025em;color:var(--text);font-size:34px;font-weight:800;line-height:1.04}.theme-effects-gallery-description{max-width:1180px;color:var(--text);font-size:17px;line-height:1.58}.theme-effects-add-wrap{flex:none;position:relative}.theme-token-add-button--primary{color:#fff;min-width:58px;box-shadow:none;background:#1f84ff;border:none;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.2}.theme-token-add-button--primary:disabled{background:#9dbde8}.theme-token-restore-menu--effects{z-index:4;border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:14px;gap:8px;min-width:190px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 36px #0f172a1f}.theme-effects-gallery-grid{justify-content:start;align-items:start;gap:30px 28px;display:grid}.theme-effects-gallery-grid--shadows{grid-template-columns:repeat(6,minmax(140px,180px))}.theme-effects-gallery-grid--blur,.theme-effects-gallery-grid--focusRings{grid-template-columns:repeat(auto-fit,minmax(180px,260px))}.theme-effect-token-card{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;justify-items:start;gap:12px;padding:0;display:grid}.theme-effect-token-swatch{justify-items:start;display:grid}.theme-effect-token-card.is-selected .theme-effect-token-label{color:var(--text)}.theme-effect-preview{background:0 0;border-radius:24px;place-items:center;width:180px;height:180px;display:grid;position:relative}.theme-effect-preview--shadows,.theme-effect-preview--focusRings{padding:12px}.theme-effect-preview-surface{border:1px solid var(--chrome-border);background:#fff;border-radius:22px;width:100%;height:100%}.theme-effect-preview--blur{width:220px;height:180px;padding:8px 0 0 8px}.theme-effect-blur-stack{width:100%;height:100%;position:relative}.theme-effect-blur-layer{border:1px solid #0000000f;border-radius:18px;width:112px;height:138px;position:absolute}.theme-effect-blur-layer--back{background:linear-gradient(#ffe9f4f5 0%,#fdf0ffe0 36%,#f6ddc8eb 100%);top:8px;left:0}.theme-effect-blur-layer--front{background:#54545994;top:24px;left:18px}.theme-effect-token-label{color:var(--muted);font-size:16px;font-weight:500;line-height:1.35}.theme-effect-editor-panel{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:22px;gap:18px;padding:22px;display:grid}.theme-effect-editor-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.theme-effect-editor-grid{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.theme-radius-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;gap:16px;display:grid}.theme-radius-card{border:1px solid var(--chrome-border);background:var(--surface-elevated);border-radius:18px;gap:14px;padding:16px;display:grid}.theme-radius-preview{aspect-ratio:1;border:1px solid var(--chrome-border);background:var(--surface);width:100%}.theme-radius-copy{gap:8px;display:grid}@media (max-width:960px){.theme-font-library-grid{grid-template-columns:minmax(0,1fr)}.theme-effects-gallery-header,.theme-effect-editor-header{flex-direction:column;align-items:stretch}.theme-effect-editor-grid{grid-template-columns:minmax(0,1fr)}.theme-effects-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.theme-effects-gallery-grid--blur,.theme-effects-gallery-grid--focusRings{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.theme-effects-page-title{font-size:40px}}.component-sidebar{text-align:left;flex-direction:column;width:100%;height:100%;min-height:0;font-family:Rubrik,sans-serif;display:flex}.component-sidebar-shell,.inspector-shell{transition:opacity .18s,transform .18s}.component-sidebar-panel{border:0;border-right:1px solid var(--border-subtle);box-sizing:border-box;width:100%;min-height:0;color:var(--text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-radius:0;flex-direction:column;flex:1;align-items:stretch;gap:14px;padding:16px 14px;display:flex;position:relative;overflow:hidden}.component-sidebar-decoration-wrapper{justify-content:center;align-self:center;align-items:center;margin-top:40px;margin-bottom:20px;display:flex;position:relative}.component-sidebar-decoration-button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0}.component-sidebar-decoration-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:6px;border-radius:16px}.component-sidebar-decoration-action{color:#fff;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;z-index:3;background:#3f7bf2;border:none;border-radius:20px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1;position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);box-shadow:0 18px 36px #3f7bf23d}.component-sidebar-decoration-action:after{content:"";background:#3f7bf2;width:2px;height:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.component-sidebar-decoration-action:focus-visible{outline-offset:4px;outline:2px solid #1d4ed8}.component-sidebar-decoration{background:var(--surface-elevated);border:1px solid var(--border);width:80px;height:80px;box-shadow:0 10px 24px var(--chrome-shadow-soft);z-index:1;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.component-sidebar-decoration-image{border-radius:inherit;object-fit:contain;width:80px;height:80px}.component-sidebar-decoration-image--custom{object-fit:cover}.component-sidebar-search{background-color:color-mix(in srgb, var(--surface-muted) 88%, transparent);border:1px solid var(--border-subtle);z-index:2;box-sizing:border-box;border-radius:14px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;display:flex}.component-sidebar-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.component-sidebar-search-input::placeholder,.inspector-prop-input::placeholder,.export-panel-input::placeholder,.component-sidebar-search-icon{color:var(--muted)}.component-sidebar-groups{z-index:2;box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;padding-right:4px;font-size:14px;display:flex;position:relative;overflow:hidden auto}.component-sidebar-group{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.component-sidebar-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:stretch;padding:6px 8px 4px;font-size:11px;font-weight:700;line-height:1.4}.component-sidebar-group-items{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;padding:0;display:flex}.component-sidebar-item{color:var(--text);cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-self:stretch;align-items:center;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.component-sidebar-item--regular,.component-sidebar-item--compact{height:44px;min-height:44px;padding:0 12px}.component-sidebar-item--active{background-color:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-border) 42%, transparent)}.component-sidebar-item:hover{background-color:var(--surface-hover)}.component-sidebar-item--active:hover{background-color:var(--accent-soft)}.component-sidebar-item-trigger{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.component-sidebar-item-label{white-space:pre-wrap;flex:1;font-weight:400;line-height:1.2;position:relative}.component-sidebar-item-label-row{align-items:center;gap:12px;min-width:0;display:inline-flex}.component-sidebar-item-input{border:1px solid var(--border);background:var(--field-bg);width:100%;color:inherit;font:inherit;box-sizing:border-box;border-radius:8px;padding:6px 8px;line-height:1.2}.component-sidebar-item-input:focus{outline:2px solid color-mix(in srgb, var(--accent-strong) 18%, transparent);border-color:var(--accent-border)}.component-sidebar-item--regular .component-sidebar-item-label{font-size:14px;font-weight:400}.component-sidebar-item--compact .component-sidebar-item-label{font-size:14px}.component-sidebar-item-delete{cursor:pointer;color:var(--muted);opacity:0;background:0 0;border:none;padding:0;transition:opacity .18s,color .18s;display:flex}.component-sidebar-item--active .component-sidebar-item-delete{opacity:1;color:color-mix(in srgb, var(--accent-text) 74%, var(--muted) 26%)}.component-sidebar-item--active .component-sidebar-item-delete:hover{color:var(--accent-strong)}.component-sidebar-item-delete-icon{width:20px;height:20px}.component-sidebar-add-button{border:1px solid var(--border-subtle);background:var(--surface);width:100%;min-height:44px;color:var(--text);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.component-sidebar-add-button--primary{border-color:color-mix(in srgb, var(--accent) 24%, var(--chrome-border));background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:var(--accent)}.component-sidebar-add-button--secondary{background:color-mix(in srgb, var(--surface-muted) 84%, transparent)}.component-sidebar-add-button--idle{color:var(--muted);border-style:dashed}.component-sidebar-create{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.component-sidebar-create-copy{flex-direction:column;gap:4px;padding:0 2px;display:flex}.component-sidebar-create-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.4}.component-sidebar-create-hint{color:var(--muted);font-size:12px;line-height:1.45}.component-sidebar-create-status{color:color-mix(in srgb, var(--muted) 82%, var(--text) 18%);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:700}.component-sidebar-create-actions{flex-direction:column;gap:8px;display:flex}.canvas-empty-state{min-height:240px;color:var(--muted);text-align:center;justify-content:center;align-items:center;font-size:14px;display:flex}.canvas-empty-state-copy{flex-direction:column;gap:8px;max-width:360px;display:flex}.canvas-empty-state-copy strong{color:var(--text);font-size:15px;line-height:1.4}.canvas-empty-state-copy span{color:var(--muted);font-size:13px;line-height:1.5}.canvas-workspace{flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:visible}.canvas-viewport{box-sizing:border-box;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--canvas-doc-muted,var(--muted)) 34%, transparent) transparent;scrollbar-width:thin;background-color:#0000;flex:auto;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:auto}.canvas-viewport::-webkit-scrollbar{width:6px;height:6px}.canvas-viewport::-webkit-scrollbar-track{background:0 0}.canvas-viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--canvas-doc-muted,var(--muted)) 34%, transparent);border-radius:999px}.canvas-viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--canvas-doc-muted,var(--muted)) 48%, transparent)}.canvas-viewport--box{overflow:auto}.canvas-surface{box-sizing:border-box;flex:none;grid-auto-rows:max-content;align-content:start;justify-items:center;width:max-content;min-width:100%;min-height:100%;padding:0;display:grid;position:relative;overflow:visible}.canvas-surface--box{justify-items:start;min-width:100%}.canvas-stage-frame{box-sizing:border-box;flex-direction:column;flex:none;align-items:flex-start;gap:24px;width:max-content;min-width:0;max-width:none;margin:60px auto 88px;display:flex;position:relative;overflow:visible}.canvas-stage-frame--box{width:max-content;min-width:0}.canvas-stage-showcase{transform-origin:0 0;width:max-content;min-width:0;position:relative;overflow:visible}.canvas-stage-showcase--box{width:max-content;min-width:0}.canvas-stage-zoom{transform-origin:0 0;width:max-content;min-width:0}.canvas-stage-showcase>.component-preview,.canvas-stage-showcase>.canvas-section-stack{width:max-content;min-width:0;max-width:none}.canvas-header{text-align:left;box-sizing:border-box;flex-direction:column;place-self:stretch stretch;gap:8px;width:100%;margin:0 0 0 20px;display:flex}.canvas-title{color:inherit;margin:0;font-size:18px;font-weight:600}.canvas-description{max-width:600px;color:var(--canvas-muted-text,var(--muted));margin:0;font-size:14px;line-height:1.6}@media (max-width:1024px){.canvas-stage-frame{margin-top:120px}}.inspector-panel-subtitle{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.component-preview{box-sizing:border-box;cursor:default;width:min(100%,920px)}.component-preview--imported-root,.component-preview--imported-layer{box-sizing:border-box;cursor:default}.component-preview--imported-root{width:auto;max-width:none}.component-preview--imported-layer{width:100%;max-width:none;height:100%;position:relative}.canvas-selectable{box-sizing:border-box;border-radius:12px;outline:none;position:relative;overflow:visible}.canvas-selectable.is-selected{z-index:2;isolation:isolate;box-shadow:inset 0 0 0 2px var(--accent-strong);background:color-mix(in srgb, var(--accent-strong) 10%, transparent)}.canvas-selectable--inline{vertical-align:top;max-width:100%;display:inline-block}.canvas-selectable--block{width:fit-content;max-width:100%;display:block}.canvas-selectable--full-width{width:100%}.canvas-selectable--button-group-root{width:max-content;max-width:none;overflow:visible}.canvas-selectable--preview{cursor:auto}.canvas-selectable--preview.is-selected{box-shadow:none;background:0 0}.canvas-selectable--preview.is-interactive{cursor:pointer}.canvas-selectable:hover>.canvas-selection-outline,.canvas-selectable:focus-visible>.canvas-selection-outline,.canvas-selectable.is-selected>.canvas-selection-outline{opacity:1}.canvas-selection-portal{pointer-events:none;isolation:isolate;z-index:1000;position:fixed;overflow:visible;transform:translateZ(0)}.canvas-selection-portal>.canvas-selection-outline{opacity:1}.canvas-selection-outline{border:2px solid var(--accent-strong);border-radius:inherit;opacity:0;pointer-events:none;z-index:3;background:0 0;transition:opacity .12s;position:absolute;inset:0}.canvas-selection-handle{background:var(--accent-strong);border:2px solid var(--accent-strong);width:10px;height:10px;box-shadow:0 0 0 3px var(--canvas-handle-shadow);pointer-events:auto;z-index:4;border-radius:999px;position:absolute}.canvas-selection-handle--top-left{cursor:nwse-resize;top:-6px;left:-6px}.canvas-selection-handle--top-center{cursor:ns-resize;top:-6px;left:calc(50% - 5px)}.canvas-selection-handle--top-right{cursor:nesw-resize;top:-6px;right:-6px}.canvas-selection-handle--middle-left{cursor:ew-resize;top:calc(50% - 5px);left:-6px}.canvas-selection-handle--middle-right{cursor:ew-resize;top:calc(50% - 5px);right:-6px}.canvas-selection-handle--bottom-left{cursor:nesw-resize;bottom:-6px;left:-6px}.canvas-selection-handle--bottom-center{cursor:ns-resize;bottom:-6px;left:calc(50% - 5px)}.canvas-selection-handle--bottom-right{cursor:nwse-resize;bottom:-6px;right:-6px}.canvas-selection-size{background:var(--chrome-bg);color:var(--accent-strong);z-index:4;letter-spacing:.01em;box-shadow:0 14px 28px var(--chrome-shadow-soft);pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.component-preview--generic,.component-preview--card,.component-preview--menu,.component-preview--alert-card,.component-preview--input,.component-preview--dialog-card{border-radius:18px}.component-preview--asset{background:#fff;border:1px solid #0f172a14;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.component-preview-asset-image,.component-preview-asset-svg-markup,.component-preview-asset-svg-markup svg{width:100%;height:100%;display:block}.component-preview-asset-svg-markup[data-preserve-intrinsic=true]{width:auto;max-width:none;height:auto;max-height:none;line-height:0}.component-preview-asset-svg-markup[data-preserve-intrinsic=true] svg{width:auto;max-width:none;height:auto;max-height:none}.component-preview--asset-svg{align-items:initial;justify-content:initial;background:0 0;border:none;display:block;overflow:visible}.svg-state-graph-shell{min-width:720px;color:var(--canvas-doc-text,var(--text));flex-direction:column;gap:10px;display:flex;overflow:visible}.svg-state-graph-canvas{min-width:720px;min-height:360px;box-shadow:none;cursor:grab;touch-action:none;isolation:isolate;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.svg-state-graph-canvas.is-panning{cursor:grabbing}.svg-state-graph-content{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0;overflow:visible}.svg-state-graph-nav{border:1px solid color-mix(in srgb, var(--canvas-frame-border,var(--border)) 44%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 10px 24px #0f172a1a}.editor-canvas-zoom-nav{right:var(--editor-zoom-nav-right,18px);bottom:var(--editor-zoom-nav-bottom,18px);z-index:6;position:fixed}.svg-state-graph-nav button,.svg-state-graph-nav span{min-width:30px;height:30px;color:var(--canvas-doc-text,var(--text));font:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.svg-state-graph-nav span{min-width:46px;color:var(--canvas-doc-muted,var(--muted))}.svg-state-graph-nav button{cursor:pointer}.svg-state-graph-nav button:hover,.svg-state-graph-nav button:focus-visible{background:var(--surface);color:var(--accent-strong)}.svg-state-node{z-index:3;box-shadow:none;box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:12px;padding:0;display:flex;position:absolute}.svg-state-node:active{cursor:grabbing}.svg-state-node.is-selected{z-index:5;box-shadow:none}.svg-state-node-header{justify-content:flex-start;align-items:flex-start;gap:6px;min-height:40px;display:flex;position:relative}.svg-state-node-header>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.svg-state-node-name{border:1px solid color-mix(in srgb, var(--canvas-frame-border,var(--border)) 44%, transparent);background:color-mix(in srgb, var(--surface) 86%, transparent);max-width:100%;min-height:24px;color:var(--canvas-doc-text,var(--text));white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;overflow:visible;box-shadow:0 6px 14px #0f172a14}.svg-state-node-meta{z-index:1;max-width:160px;color:var(--canvas-doc-muted,var(--muted));opacity:1;pointer-events:none;white-space:nowrap;background:0 0;border-radius:0;padding:0 2px;font-size:10px;font-weight:700;line-height:1.2;transition:none;position:static;transform:none}.svg-state-node-preview{background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:visible}.svg-state-node-fidelity{z-index:0;pointer-events:none;position:absolute;inset:0}.svg-state-node-layer-root{z-index:1;flex:none}.svg-state-node-preview .canvas-selectable{max-width:none}.svg-state-node-preview .component-preview-asset-svg-markup[data-preserve-intrinsic=true],.svg-state-node-preview .component-preview-asset-svg-markup[data-preserve-intrinsic=true] svg{max-width:none;max-height:none}.svg-state-node-empty{border:1px dashed color-mix(in srgb, var(--canvas-frame-border,var(--border)) 68%, transparent);min-width:96px;min-height:48px;color:var(--canvas-doc-muted,var(--muted));border-radius:10px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.component-preview--accordion-variant{width:100%;box-shadow:none;background:0 0;border:0;overflow:visible}.component-preview--accordion-preview-stack{flex-direction:column;gap:14px;width:min(100%,720px);display:flex}.component-preview--accordion-preview-shell{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:min(100%,720px);padding:0}.component-preview--accordion-preview-list{box-sizing:border-box;width:min(100%,720px);margin:0 auto}.component-preview--accordion-preview-list[data-surface-variant=contained]{background:var(--surface-elevated);border:1px solid var(--border);box-shadow:0 20px 48px var(--chrome-shadow-soft);border-radius:32px;overflow:hidden}.component-preview--accordion-preview-list[data-surface-variant=standalone]{box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;overflow:visible}.component-preview-accordion-preview-row{border-bottom:1px solid var(--border);width:100%}.component-preview-accordion-preview-row.is-last{border-bottom:0}.component-preview-accordion-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.component-preview-accordion-header.is-interactive{cursor:pointer}.component-preview-accordion-header.is-interactive:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-radius:14px;outline:none}.component-preview-accordion-header.is-disabled{cursor:default;pointer-events:none}.component-preview-accordion-trigger-content{flex:1;align-items:center;min-width:0;display:inline-flex}.component-preview-accordion-leading-icon,.component-preview-accordion-trailing-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-accordion-title{letter-spacing:-.01em;min-width:0;font-weight:600;line-height:1.2}.component-preview-accordion-content{border-top:1px solid var(--border);box-sizing:border-box}.component-preview-accordion-placeholder{box-sizing:border-box;text-align:center;letter-spacing:.01em;text-transform:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border-radius:8px;width:100%;max-width:100%;padding:18px 16px;font-size:12px;font-weight:500;line-height:1.6;display:block;overflow:visible}.component-preview--accordion-grouped-item{background:var(--surface-elevated);width:100%;box-shadow:none;border:0;border-radius:0}.component-preview--accordion-grouped-item[data-accordion-state=hover],.component-preview--accordion-grouped-item[data-accordion-state=focus]{background:var(--surface-muted)}.component-preview--accordion-grouped-item[data-accordion-state=focus]{box-shadow:inset 0 0 0 1px var(--accent-border), 0 0 0 3px var(--focus-ring)}.component-preview--accordion-grouped-item .component-preview-accordion-header--grouped{min-height:74px}.component-preview--accordion-grouped-item .component-preview-accordion-trigger-content--grouped,.component-preview--accordion-grouped-item .component-preview-accordion-header--grouped{align-items:center}.component-preview--accordion-grouped-item .component-preview-accordion-leading-icon--grouped,.component-preview--accordion-grouped-item .component-preview-accordion-trailing-icon--grouped{color:var(--muted)}.component-preview--accordion-grouped-item .component-preview-accordion-title--grouped{color:var(--text);line-height:1.35}.component-preview--accordion-grouped-item[data-accordion-state=disabled] .component-preview-accordion-title--grouped,.component-preview--accordion-grouped-item[data-accordion-state=disabled] .component-preview-accordion-leading-icon--grouped,.component-preview--accordion-grouped-item[data-accordion-state=disabled] .component-preview-accordion-trailing-icon--grouped,.component-preview--accordion-grouped-item[data-accordion-state=disabled] .component-preview-accordion-placeholder--grouped{color:var(--muted)}.component-preview--accordion-grouped-item[data-accordion-state=disabled]{opacity:.68}.component-preview--accordion-grouped-item[data-accordion-state=expanded] .component-preview-accordion-trailing-icon--grouped{transform:rotate(180deg)}.component-preview--accordion-grouped-item .component-preview-accordion-trailing-icon--grouped{transition:transform .16s}.component-preview--accordion-grouped-item .component-preview-accordion-content--grouped{box-sizing:border-box;border-top:0;width:100%;min-width:100%}.component-preview--accordion-grouped-item .component-preview-accordion-placeholder--grouped{white-space:normal;text-align:left;height:auto;min-height:auto;max-height:none;color:var(--muted);letter-spacing:0;text-transform:none;background:0 0;border-radius:0;font-size:15px;font-weight:400;line-height:1.6;display:block;overflow:visible}.component-preview--alert-card{box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:16px;width:100%;display:grid}.component-preview-alert-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:inline-flex}.component-preview-alert-copy-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.component-preview-alert-title{letter-spacing:-.02em;line-height:1.2}.component-preview-alert-message,.component-preview-alert-details{letter-spacing:-.01em;font-size:14px;line-height:1.45}.component-preview-alert-details{flex-direction:column;gap:10px;margin-top:6px;display:flex}.component-preview-alert-detail-line{min-width:0}.component-preview-alert-action{white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-self:start;align-items:center;margin:0;display:inline-flex}.component-preview--alert-card[data-has-details=false] .component-preview-alert-action{align-self:center}@media (max-width:900px){.component-preview--alert-card{grid-template-columns:auto minmax(0,1fr);row-gap:14px}.component-preview-alert-action{grid-column:2;justify-self:start}}.component-preview--avatar-variant{border:1px solid var(--border);box-shadow:0 10px 22px var(--chrome-shadow-soft);background:#fff;border-radius:999px;justify-content:center;align-items:center;display:flex;overflow:hidden}.component-preview-avatar-initials{letter-spacing:-.02em;line-height:1}.component-preview-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.component-preview--badge{background:var(--accent);color:var(--accent-text);border:1px solid color-mix(in srgb, var(--accent) 22%, white);box-shadow:0 8px 18px var(--chrome-shadow-soft);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex}.canvas-badge-board{width:100%;max-width:1280px}.canvas-badge-layout{flex-direction:column;gap:32px;width:100%;display:flex}.canvas-badge-groups{flex-direction:column;gap:64px;min-width:0;display:flex}.canvas-badge-size-section{width:100%}.canvas-badge-size-content{flex-direction:column;gap:18px;min-width:0;display:flex}.canvas-badge-row{flex-direction:column;gap:12px;width:100%;display:flex}.canvas-badge-style-heading{color:var(--muted);text-transform:capitalize;font-size:14px;font-weight:500;line-height:1.2}.canvas-badge-cell-grid,.canvas-badge-header{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:28px;display:grid}.canvas-badge-cell{justify-content:flex-start;align-items:center;min-width:0;display:flex}.component-preview--badge-pill{white-space:nowrap;justify-content:center;align-items:center;width:fit-content;max-width:100%;display:inline-flex}.component-preview-badge-part{justify-content:center;align-items:center;display:inline-flex}.component-preview-badge-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-badge-label{line-height:1}.canvas-badge-tone-label{color:var(--muted);text-align:center;text-transform:lowercase;font-size:18px;line-height:1}@media (max-width:1200px){.canvas-badge-header,.canvas-badge-cell-grid{gap:20px}}@media (max-width:960px){.canvas-badge-layout{row-gap:14px}.canvas-badge-row{gap:10px}.canvas-badge-header,.canvas-badge-cell-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}}.component-preview--breadcrumb{background:0 0;width:fit-content;max-width:100%}.component-preview-breadcrumb-showcase{flex-direction:column;align-items:center;gap:18px;width:fit-content;margin:0 auto;display:flex}.component-preview-breadcrumb-list{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.component-preview-breadcrumb-item{align-items:center;min-width:0;display:inline-flex}.component-preview-breadcrumb-target{align-items:center;max-width:100%;display:inline-flex}.component-preview-breadcrumb-link{color:inherit;white-space:nowrap}.component-preview-breadcrumb-link--interactive,.component-preview-breadcrumb-home-trigger,.component-preview-breadcrumb-overflow-trigger{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;transition:background-color .16s,color .16s,opacity .16s;display:inline-flex}.component-preview-breadcrumb-link--interactive,.component-preview-breadcrumb-home-trigger{margin:-4px -6px;padding:4px 6px}.component-preview-breadcrumb-link--interactive:hover,.component-preview-breadcrumb-link--interactive:focus-visible,.component-preview-breadcrumb-home-trigger:hover,.component-preview-breadcrumb-home-trigger:focus-visible,.component-preview-breadcrumb-overflow-trigger:hover,.component-preview-breadcrumb-overflow-trigger:focus-visible{background:color-mix(in srgb, var(--surface-muted) 84%, white 16%);outline:none}.component-preview-breadcrumb-link.is-current{color:var(--text)}.component-preview-breadcrumb-separator{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-breadcrumb-home{justify-content:center;align-items:center;display:inline-flex}.component-preview-breadcrumb-overflow{color:var(--text);letter-spacing:.08em;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.component-preview-breadcrumb-overflow-trigger{justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.component-preview-breadcrumb-menu{background:var(--surface);border:1px solid var(--chrome-border);border-radius:14px;min-width:172px;overflow:hidden}.component-preview-breadcrumb-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;font-size:14px;line-height:1.35;font:inherit;background:0 0;border:0;padding:14px 18px;transition:background-color .16s,color .16s;display:block}.component-preview-breadcrumb-menu-item:hover,.component-preview-breadcrumb-menu-item:focus-visible{background:color-mix(in srgb, var(--surface-muted) 88%, white 12%);color:var(--text);outline:none}.canvas-breadcrumb-preview{justify-content:center;width:100%;display:flex}.canvas-breadcrumb-board{border:1px solid var(--chrome-border);border-radius:32px;width:100%;max-width:1320px;overflow:hidden}.canvas-breadcrumb-panel{box-sizing:border-box;border-bottom:1px solid var(--chrome-border);background:0 0;flex-direction:column;min-height:360px;padding:44px 28px 18px;display:flex;position:relative}.canvas-breadcrumb-panel:last-child{border-bottom:none}.canvas-breadcrumb-demo{flex:1;justify-content:center;align-items:center;min-height:210px;display:flex}.canvas-breadcrumb-footer{display:block}.canvas-breadcrumb-caption{color:var(--muted);font-size:14px}@media (max-width:960px){.canvas-breadcrumb-panel{min-height:300px;padding:34px 20px 18px}.canvas-breadcrumb-demo{min-height:180px}}.component-preview--date-picker{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,436px);display:flex}.component-preview--date-range{flex-direction:column;gap:12px;width:min(100%,420px);display:flex}.component-preview-date-picker-trigger,.component-preview-date-picker-nav-button,.component-preview-date-picker-day{box-sizing:border-box;font:inherit;background:0 0;border:none}.component-preview-date-picker-field-label{color:var(--text);font-size:14px;font-weight:500;line-height:1.3}.component-preview-date-picker-trigger{cursor:default;text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;display:flex}.component-preview-date-picker-trigger-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.component-preview-date-picker-trigger-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.component-preview-date-picker-trigger-value{min-width:0;color:var(--text);flex:auto;font-size:15px;font-weight:500;line-height:1.3}.component-preview-date-picker-trigger-value[data-placeholder=true]{color:var(--muted);font-weight:400}.component-preview-date-picker-trigger-icon{width:20px;height:20px;color:var(--muted);flex:none}.component-preview-date-picker-trigger-icon svg{width:100%;height:100%;display:block}.component-preview-date-picker-surface{box-sizing:border-box;flex-direction:column;align-self:stretch;gap:24px;width:100%;min-width:0;display:flex}.component-preview-date-range-trigger{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.component-preview-date-range-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.component-preview-date-range-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.component-preview-date-range-field{text-align:left;cursor:default;flex-direction:column;gap:4px;width:100%;display:flex}.component-preview-date-range-field[data-active=true]{background:var(--accent);box-shadow:inset 0 0 0 1px var(--back-button-border)}.component-preview-date-range-field-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.component-preview-date-range-field-value{color:var(--text);font-size:14px;font-weight:500;line-height:1.35}.component-preview-date-range-divider{color:var(--muted);font-size:16px;font-weight:700}.component-preview-date-range-surface{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;display:flex}.canvas-calendar-preview{justify-content:center;align-items:flex-start;width:100%;display:flex}.canvas-calendar-board{justify-content:center;width:100%;min-width:100%;display:flex}.canvas-calendar-board--preview,.canvas-calendar-board--edit{align-items:flex-start}.canvas-calendar-editor-layout{box-sizing:border-box;align-content:start;gap:48px;width:min(100%,1320px);display:grid}.canvas-calendar-editor-layout>.canvas-selectable{display:block}.canvas-calendar-editor-row{align-items:start;gap:32px;display:grid}.canvas-calendar-editor-row--utility{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.canvas-calendar-editor-row--visuals{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.canvas-calendar-reference-grid{box-sizing:border-box;grid-template-columns:170px minmax(460px,560px) minmax(420px,520px);grid-template-areas:"field field field""day day day""nav time summary""size header year"".month year";align-items:start;gap:56px;width:max-content;max-width:100%;display:grid}.canvas-calendar-reference-grid>.canvas-selectable{display:block}.canvas-calendar-bottom-row{grid-template-columns:180px 520px 620px;grid-template-areas:"day day header""nav time field""size summary.";align-items:start;gap:72px 64px;width:max-content;min-width:100%;display:grid}.canvas-calendar-sample-panel{box-sizing:border-box;background:0 0;border-radius:20px;align-content:start;gap:24px;padding:28px 30px;display:grid}.canvas-calendar-board--edit .canvas-calendar-sample-panel{border:0;width:100%;min-width:0}.canvas-calendar-board--preview .canvas-calendar-sample-panel{border:0}.canvas-calendar-sample-strip{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.canvas-calendar-sample-strip--days{gap:30px}.canvas-calendar-sample-strip--fields{flex-wrap:nowrap;gap:26px}.canvas-calendar-board--edit .canvas-calendar-sample-strip--fields{flex-wrap:wrap}.canvas-calendar-sample{justify-items:center;gap:10px;display:grid}.canvas-calendar-sample-caption{color:var(--muted);text-align:center;font-size:13px;line-height:1.2}.canvas-calendar-sample-selectable{display:inline-flex}.canvas-calendar-sample-selectable--summary{width:100%;display:block}.canvas-calendar-sample-panel--day-states{grid-area:day}.canvas-calendar-sample-panel--header{grid-area:header;min-width:500px}.canvas-calendar-sample-panel--nav-states{grid-area:nav;min-width:160px}.canvas-calendar-sample-panel--time{grid-area:time;min-width:520px}.canvas-calendar-sample-panel--field-states{grid-area:field;min-width:620px}.canvas-calendar-sample-panel--summary{grid-area:summary;min-width:520px}.canvas-calendar-sample-panel--size{grid-area:size;min-width:84px}.canvas-calendar-sample-panel--month-view{grid-area:month;min-width:460px}.canvas-calendar-sample-panel--year-picker{grid-area:year;min-width:420px}.canvas-calendar-header-sample-rows{gap:56px;display:grid}.canvas-calendar-header-sample-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.canvas-calendar-header-sample-row>.canvas-selectable{display:inline-flex}.canvas-calendar-header-sample-row--accent{grid-template-columns:minmax(0,1fr);justify-items:start}.canvas-calendar-header-sample-row--footer{grid-template-columns:32px minmax(0,1fr) 32px}.canvas-calendar-header-sample-center{justify-content:center;display:flex}.canvas-calendar-header-sample-center>.canvas-selectable{display:inline-flex}.canvas-calendar-month-control--center{justify-content:center;width:100%}.canvas-calendar-time-sample-row{justify-content:space-between;align-items:center;gap:28px;display:flex}.canvas-calendar-time-sample-row>.canvas-selectable{display:inline-flex}.canvas-calendar-time-sample-row>.canvas-selectable:last-child{flex:auto}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-strip{gap:22px;display:grid}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample{grid-template-columns:auto auto;place-items:center start;gap:0 18px}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-selectable{order:2}.canvas-calendar-sample-panel--nav-states .canvas-calendar-sample-caption{text-align:left;order:1}.canvas-calendar-live-month-panel,.canvas-calendar-live-year-panel{gap:24px;min-width:0;display:grid}.canvas-calendar-live-month-panel>.canvas-selectable,.canvas-calendar-live-year-panel>.canvas-selectable{display:block}.canvas-calendar-weekday-sample{text-align:center;justify-content:center;align-items:center;min-width:72px;min-height:52px;display:inline-flex}.canvas-calendar-selection-summary{text-align:left;margin-left:0}.canvas-calendar-preview-surface{gap:26px;width:min(100%,468px);padding:30px 32px}.canvas-calendar-top-row{flex-wrap:wrap;align-items:flex-start;gap:28px;width:max-content;min-width:100%;display:flex}.canvas-calendar-top-row>*{flex:320px;min-width:320px}.canvas-calendar-top-row>.component-preview-calendar-surface--triple{flex:960px;min-width:960px}.component-preview-calendar-surface{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:28px;flex-direction:column;gap:18px;min-width:0;padding:22px 22px 20px;display:flex}.component-preview-calendar-surface--connected{gap:24px;width:min(100%,468px);padding:28px 30px 26px}.component-preview-calendar-surface--scheduler{gap:18px}.component-preview-calendar-surface--triple{gap:22px;padding:18px 22px 24px;overflow-x:auto}.component-preview-calendar-surface--year-picker{gap:22px;padding:18px 22px 24px}.component-preview-calendar-panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.component-preview-calendar-dual-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.component-preview-calendar-month-control{min-width:0;color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.25;display:inline-flex}.component-preview-calendar-month-control--button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.component-preview-calendar-month-control.is-accent{color:var(--accent-strong)}.component-preview-calendar-month-control-icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.component-preview-calendar-nav{flex:none;align-items:center;gap:10px;display:inline-flex}.component-preview-calendar-nav-button{width:36px;height:36px;color:var(--accent-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.component-preview-calendar-tab-row,.component-preview-calendar-chip-row{flex-wrap:wrap;gap:8px;display:flex}.component-preview-calendar-tab-row{background:var(--surface-muted);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:0;width:100%;padding:0;display:grid;overflow:hidden}.component-preview-calendar-tab-row>.canvas-selectable{min-width:0;display:block}.component-preview-calendar-tab-row>.canvas-selectable+.canvas-selectable{border-left:1px solid color-mix(in srgb, var(--border) 92%, transparent 8%)}.component-preview-calendar-segment,.component-preview-calendar-filter-chip,.component-preview-calendar-time-pill{min-height:30px;color:var(--text);background:var(--surface-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:1.25;display:inline-flex}.component-preview-calendar-segment{background:0 0;border-radius:0;width:100%;min-height:48px;padding:0 24px;font-size:16px;font-weight:500}.component-preview-calendar-filter-chip[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.component-preview-calendar-segment[data-selected=true]{color:var(--text);background:0 0}.component-preview-calendar-weekdays,.component-preview-calendar-grid{grid-template-columns:repeat(7,minmax(44px,1fr));place-items:center;display:grid}.component-preview-calendar-weekdays{gap:10px;min-height:24px}.component-preview-calendar-weekday{color:var(--muted);text-align:center;justify-content:center;align-items:center;width:44px;min-height:24px;font-size:15px;line-height:1.2;display:inline-flex}.component-preview-calendar-grid{gap:16px 10px}.component-preview-calendar-grid>.canvas-selectable{justify-content:center;align-items:center;width:100%;display:flex}.component-preview-calendar-day{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:relative}.component-preview-calendar-day--sample{flex-basis:48px;width:48px;min-width:48px;height:48px;min-height:48px}.component-preview-calendar-day[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}.component-preview-calendar-day[data-range=true]{background:color-mix(in srgb, var(--accent-strong) 16%, transparent 84%)}.component-preview-calendar-day[data-outside=true]{color:var(--muted);opacity:.55}.component-preview-calendar-day[data-hidden=true]{visibility:hidden;pointer-events:none}.component-preview-calendar-day-number{font-size:16px;font-weight:500;line-height:1}.component-preview-calendar-day-marker{opacity:.68;background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.component-preview-calendar-day-marker.is-hidden{display:none}.component-preview-calendar-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.component-preview-calendar-meta-label{color:var(--text);font-size:14px;line-height:1.3}.component-preview-calendar-time-pill{color:var(--muted)}.component-preview-calendar-time-input{background:var(--surface-muted);box-sizing:border-box;border:1px solid #0000;border-radius:999px;align-items:center;min-width:188px;min-height:42px;padding:0 16px;display:inline-flex}.component-preview-calendar-time-input input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none}.component-preview-calendar-time-input input::placeholder{color:var(--muted)}.component-preview-calendar-nav-button--sample{border-radius:12px;width:36px;height:36px}.component-preview-calendar-field-sample{min-width:58px;min-height:40px;color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.component-preview-calendar-size-badge{background:var(--surface-muted);width:48px;height:48px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.component-preview-calendar-selection-summary{min-height:44px;color:var(--muted);text-align:right;align-items:center;margin-left:auto;font-size:15px;line-height:1.35;display:inline-flex}.component-preview-calendar-triple-header{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:18px 24px;display:grid}.component-preview-calendar-triple-months{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:center;gap:24px;display:grid}.component-preview-calendar-triple-months>.canvas-selectable{display:block}.component-preview-calendar-triple-months .component-preview-calendar-month-control{justify-content:center;width:100%;font-size:18px;font-weight:500}.component-preview-calendar-triple-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:24px;display:grid}.component-preview-calendar-month-stack{flex-direction:column;gap:24px;min-width:0;display:flex}.component-preview-calendar-surface--triple .component-preview-calendar-meta-row{justify-content:flex-start;gap:56px}.component-preview-calendar-surface--triple .component-preview-calendar-chip-row{gap:10px}.component-preview-calendar-year-layout{grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:start;gap:28px;display:grid}.component-preview-calendar-year-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.component-preview-calendar-year-pill{min-height:34px;color:var(--text);text-align:center;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0 16px;font-size:14px;line-height:1.25;display:inline-flex}.component-preview-calendar-year-pill--button{font:inherit;cursor:pointer;background:0 0;border:0}.component-preview-calendar-year-pill[data-selected=true]{background:var(--accent-strong);color:var(--accent-strong-text)}@media (max-width:1240px){.canvas-calendar-editor-row--utility,.canvas-calendar-editor-row--visuals{grid-template-columns:minmax(0,1fr)}.canvas-calendar-reference-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"field""day""nav""time""summary""size""header""month""year";width:100%}.canvas-calendar-bottom-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"day""header""nav""time""field""size""summary";width:100%}.component-preview-calendar-triple-grid,.component-preview-calendar-triple-months,.component-preview-calendar-year-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.canvas-calendar-sample-strip--fields{flex-wrap:wrap}.canvas-calendar-sample-panel{padding:22px 20px}.component-preview-calendar-dual-header,.component-preview-calendar-triple-header{grid-template-columns:minmax(0,1fr);justify-items:start}.component-preview-calendar-meta-row{flex-direction:column;align-items:flex-start}}.component-preview-date-picker-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.component-preview-date-picker-month{line-height:1.2}.component-preview-date-picker-month-button{color:inherit;font:inherit;cursor:default;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.component-preview-date-picker-month-button svg{flex:none}.component-preview-date-picker-nav{align-items:center;gap:8px;display:flex}.component-preview-date-picker-nav-button{cursor:default;justify-content:center;align-items:center;display:flex}.component-preview-date-picker-weekdays,.component-preview-date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.component-preview-date-picker-weekdays{gap:6px}.component-preview-date-picker-weekday{color:var(--muted);letter-spacing:.04em;text-align:center;text-transform:uppercase;padding-bottom:4px;font-size:11px;font-weight:700}.component-preview-date-picker-grid{gap:6px}.component-preview-date-picker-day{aspect-ratio:1;cursor:default;justify-content:center;align-items:center;width:100%;display:flex}.component-preview-date-picker-surface[data-view=year-picker]{gap:18px}.component-preview-date-picker-header[data-view=year-picker]{justify-content:flex-start}.component-preview-date-picker-year-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px 16px;display:grid}.component-preview-date-picker-year-button{width:100%;min-height:64px;font:inherit;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.component-preview--card{border:1px solid var(--border);box-shadow:0 18px 42px var(--chrome-shadow-soft);background:#fff;padding:28px}.component-preview-card-title,.component-preview-generic-title{letter-spacing:-.025em;color:var(--text);margin:0 0 8px;font-size:20px;font-weight:700}.component-preview-card-copy,.component-preview-generic-type{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.canvas-card-board{flex-direction:column;gap:24px;width:100%;max-width:1140px;display:flex}.canvas-card-mosaic-top,.canvas-card-mosaic-bottom{align-items:stretch;gap:24px;display:grid}.canvas-card-mosaic-top{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}.canvas-card-mosaic-bottom{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.canvas-card-stack,.canvas-card-event-stack{flex-direction:column;gap:24px;display:flex}.canvas-card-small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.component-preview-card-surface{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:30px;min-width:0;display:flex;position:relative;overflow:hidden}.component-preview-card-surface--promo{align-items:stretch;gap:24px;padding:24px}.component-preview-card-surface--payment{flex-direction:column;gap:12px;min-height:232px;padding:24px}.component-preview-card-surface--community{flex-direction:column;gap:18px;padding:24px}.component-preview-card-surface--spotlight{min-height:508px}.component-preview-card-surface--product{min-height:448px}.component-preview-card-surface--event{align-items:center;gap:18px;padding:16px}.component-preview-card-body{flex-direction:column;min-width:0;display:flex}.component-preview-card-body--promo{flex:1;gap:8px}.component-preview-card-body--community{gap:6px}.component-preview-card-body--event{flex:1;justify-content:center;gap:6px}.component-preview-card-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.component-preview-card-footer-row{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:auto;display:flex}.component-preview-card-metric{flex-direction:column;gap:4px;min-width:0;display:flex}.component-preview-card-eyebrow{color:var(--text);margin:0;font-size:14px;font-weight:500;line-height:1.2}.component-preview-card-eyebrow--muted{color:var(--muted)}.component-preview-card-heading{letter-spacing:-.02em;color:var(--text);margin:0;font-size:18px;font-weight:600;line-height:1.2}.component-preview-card-heading--hero{font-size:21px}.component-preview-card-heading--community,.component-preview-card-heading--product,.component-preview-card-heading--event{font-size:16px}.component-preview-card-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.component-preview-card-copy--wide{max-width:640px}.component-preview-card-meta-title{color:var(--text);margin:0;font-size:15px;font-weight:600;line-height:1.25}.component-preview-card-meta-copy,.component-preview-card-author-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.3}.component-preview-card-media{background:var(--surface-muted);overflow:hidden}.component-preview-card-media-image{object-fit:cover;width:100%;height:100%;display:block}.component-preview-card-media--promo{border-radius:26px;width:184px;min-width:184px;height:184px}.component-preview-card-media--community{border-radius:20px;width:92px;height:92px}.component-preview-card-media--event{border-radius:24px;flex:0 0 96px;width:96px;height:96px}.component-preview-card-media--spotlight,.component-preview-card-media--product{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.component-preview-card-media--spotlight .component-preview-card-media-image,.component-preview-card-media--product .component-preview-card-media-image{filter:saturate(.94)contrast(1.01)}.component-preview-card-overlay{z-index:1;box-sizing:border-box;background:linear-gradient(#ffffff08 0%,#ffffff3d 54%,#ffffffbd 100%);flex-direction:column;justify-content:space-between;width:100%;min-height:100%;padding:24px;display:flex;position:relative}.canvas-surface[data-theme-mode=dark] .component-preview-card-overlay{background:linear-gradient(#12121608 0%,#1212163d 54%,#121216b8 100%)}.component-preview-card-overlay-top,.component-preview-card-overlay-bottom{flex-direction:column;gap:4px;display:flex}.component-preview-card-overlay-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px}.component-preview-card-overlay--product{justify-content:flex-end}.component-preview-card-overlay--product .component-preview-card-metric{gap:2px}.component-preview-card-overlay--product{flex-direction:row;align-items:flex-end;gap:18px}.component-preview-card-overlay--product .component-preview-card-metric{flex:1}.component-preview-card-button,.component-preview-card-close-button,.component-preview-card-token-icon,.component-preview-card-text-action{font:inherit;background:0 0;border:0}.component-preview-card-button{white-space:nowrap}.component-preview-card-close-button,.component-preview-card-token-icon{color:inherit;justify-content:center;align-items:center;padding:0;display:inline-flex}.component-preview-card-text-action{color:var(--text);text-underline-offset:.16em;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;line-height:1.2;text-decoration:underline;display:inline-flex}.component-preview-card-author-row{align-items:center;gap:10px;display:inline-flex}.component-preview-card-author-dot{background:radial-gradient(circle at 35% 35%,#ffffffe0 0%,#ffffff14 34%,#0000 36%),#ff7b72;border-radius:999px;width:22px;height:22px}.component-preview-card-author-dot--violet{background:radial-gradient(circle at 35% 35%,#ffffffe0 0%,#ffffff14 34%,#0000 36%),#6b7cff}@media (max-width:1200px){.canvas-card-mosaic-top,.canvas-card-mosaic-bottom{grid-template-columns:minmax(0,1fr)}}@media (max-width:840px){.component-preview-card-surface--promo{flex-direction:column}.component-preview-card-media--promo{width:100%;min-width:0;height:220px}.canvas-card-small-grid{grid-template-columns:minmax(0,1fr)}.component-preview-card-surface--event{align-items:flex-start}}.canvas-carousel-board{--carousel-stage-surface:#f1f0ea;--carousel-thumb-surface:#f1f0ea;--carousel-thumb-border:#0f172a14;--carousel-thumb-active:#1d83e8;--carousel-trigger-surface:#ffffffe6;--carousel-trigger-icon:#1d83e8;--carousel-indicator:#94a3b86b;--carousel-indicator-active:#1d83e8;flex-direction:column;align-items:center;gap:120px;width:min(100%,1320px);padding:10px 0 40px;display:flex}.canvas-surface[data-theme-mode=dark] .canvas-carousel-board{--carousel-stage-surface:#1f2024;--carousel-thumb-surface:#23242a;--carousel-thumb-border:#ffffff14;--carousel-thumb-active:#1d83e8;--carousel-trigger-surface:#27272cf5;--carousel-trigger-icon:#4ea2ff;--carousel-indicator:#ffffff3d;--carousel-indicator-active:#4ea2ff}.canvas-carousel-panel{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.canvas-carousel-panel--gallery{gap:24px}.canvas-carousel-panel--rail{gap:0}.canvas-carousel-stage-shell,.canvas-carousel-stage-row,.canvas-carousel-rail{justify-content:center;align-items:center;gap:36px;display:flex;position:relative}.canvas-carousel-stage-shell--compact{position:relative}.canvas-carousel-stage-row{box-sizing:border-box;grid-template-columns:40px 548px 40px;column-gap:48px;width:100%;max-width:100%;min-height:548px;padding-inline:0;display:grid}.canvas-carousel-rail{box-sizing:border-box;grid-template-columns:40px max-content 40px;column-gap:36px;width:100%;max-width:100%;min-height:112px;padding-inline:0;display:grid}.component-preview-carousel-stage{box-sizing:border-box;background:var(--carousel-stage-surface);border-radius:32px;flex:none;display:block;position:relative;overflow:hidden}.component-preview-carousel-stage--compact{width:404px;height:404px}.component-preview-carousel-stage--gallery{width:min(100%,548px);height:548px}.component-preview-carousel-image,.component-preview-carousel-thumb-image{object-fit:cover;width:100%;height:100%;display:block}.component-preview-carousel-trigger{box-sizing:border-box;background:var(--carousel-trigger-surface);width:40px;height:40px;color:var(--carousel-trigger-icon);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-carousel-trigger--overlay{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.component-preview-carousel-trigger--overlay.is-left{left:24px}.component-preview-carousel-trigger--overlay.is-right{right:24px}.component-preview-carousel-trigger--side{z-index:2;position:static;top:auto;transform:none}.component-preview-carousel-trigger--side.is-left{left:auto}.component-preview-carousel-trigger--side.is-right{right:auto}.component-preview-carousel-trigger-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.component-preview-carousel-indicators{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.component-preview-carousel-indicator{flex:none;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.component-preview-carousel-indicator-dot{background:var(--carousel-indicator);border-radius:999px;width:8px;height:8px}.component-preview-carousel-indicator.is-active .component-preview-carousel-indicator-dot{background:var(--carousel-indicator-active)}.component-preview-carousel-thumbs{justify-content:center;align-items:center;gap:18px;display:flex}.component-preview-carousel-thumbs--compact{gap:16px;min-height:108px}.component-preview-carousel-thumb{box-sizing:border-box;background:var(--carousel-thumb-surface);border:2px solid #0000;border-radius:24px;flex:none;display:block;position:relative;overflow:hidden}.component-preview-carousel-thumbs--gallery,.component-preview-carousel-thumbs--rail{min-height:112px}.component-preview-carousel-thumbs--compact .component-preview-carousel-thumb{width:108px;height:108px}.component-preview-carousel-thumbs--gallery .component-preview-carousel-thumb,.component-preview-carousel-thumbs--rail .component-preview-carousel-thumb{width:112px;height:112px}.component-preview-carousel-thumb.is-active{border-color:var(--carousel-thumb-active)}@media (max-width:1100px){.canvas-carousel-board{gap:88px}.canvas-carousel-stage-row{grid-template-columns:40px 460px 40px;column-gap:32px;min-height:460px}.canvas-carousel-rail{column-gap:28px}.component-preview-carousel-stage--gallery{width:460px;height:460px}.component-preview-carousel-thumbs--gallery .component-preview-carousel-thumb,.component-preview-carousel-thumbs--rail .component-preview-carousel-thumb{width:96px;height:96px}}@media (max-width:780px){.canvas-carousel-board{gap:64px}.component-preview-carousel-stage--compact,.component-preview-carousel-stage--gallery{width:min(100%,360px);height:min(100vw - 96px,360px)}.canvas-carousel-stage-row{grid-template-columns:36px minmax(0,360px) 36px;column-gap:16px;min-height:min(100vw - 96px,360px)}.canvas-carousel-rail{column-gap:16px}.component-preview-carousel-thumbs{flex-wrap:wrap;gap:12px}.component-preview-carousel-thumbs--compact .component-preview-carousel-thumb,.component-preview-carousel-thumbs--gallery .component-preview-carousel-thumb,.component-preview-carousel-thumbs--rail .component-preview-carousel-thumb{width:84px;height:84px}}.component-preview--chart{align-items:flex-end;gap:18px;height:280px;display:flex}.component-preview-chart-bar{background:linear-gradient(#93c5fd 0%,#2563eb 100%);border-radius:16px 16px 0 0;width:56px}.component-preview-chart-bar.bar-1{height:52%}.component-preview-chart-bar.bar-2{height:78%}.component-preview-chart-bar.bar-3{height:36%}.component-preview-chart-bar.bar-4{height:64%}.canvas-data-viz-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;display:grid}.canvas-data-viz-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:28px;min-height:280px;padding:28px 30px 54px;position:relative}.canvas-data-viz-demo{align-items:center;height:100%;display:flex}.canvas-data-viz-caption{color:var(--muted);font-size:12px;position:absolute;bottom:18px;left:30px}.canvas-checkbox-board{flex-direction:column;align-items:center;gap:28px;width:min(100%,1060px);margin:0 auto;display:flex}.canvas-checkbox-preview-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(32px,5vw,88px);width:min(100%,1420px);margin:0 auto;display:grid}.canvas-checkbox-state-headers,.canvas-checkbox-style-group{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;column-gap:clamp(22px,3vw,54px);width:100%;display:grid}.canvas-checkbox-state-headers{padding-inline:8px}.canvas-checkbox-state-label{color:var(--muted);text-transform:lowercase;font-size:15px;font-weight:600;line-height:1.2}.canvas-checkbox-style-stack{flex-direction:column;gap:84px;width:100%;display:flex}.canvas-checkbox-style-group{row-gap:44px}.canvas-checkbox-cell{justify-self:center}.component-preview-checkbox-control{box-sizing:border-box;border:1.5px solid var(--text);background:var(--surface-elevated);color:#0000;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 0 #0000}.component-preview-checkbox-control[data-style=secondary][data-variant=unchecked]{border-color:var(--disabled-fill);background:var(--disabled-fill)}.component-preview-checkbox-control[data-variant=checked],.component-preview-checkbox-control[data-variant=indeterminate]{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-strong-text)}.component-preview-checkbox-control[data-state=pressed][data-variant=unchecked]{border-color:var(--accent-strong);background:var(--accent-soft)}.component-preview-checkbox-control[data-state=focus]{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-strong)}.component-preview-checkbox-control[data-state=error]{border-color:var(--error)}.component-preview-checkbox-control[data-state=error][data-variant=checked],.component-preview-checkbox-control[data-state=error][data-variant=indeterminate]{background:var(--error);color:var(--error-contrast)}.component-preview-checkbox-control[data-state=disabled][data-variant=unchecked]{border-color:var(--disabled-border);background:var(--surface-elevated)}.component-preview-checkbox-control[data-state=disabled][data-style=secondary][data-variant=unchecked]{border-color:var(--disabled-fill);background:var(--disabled-fill)}.component-preview-checkbox-choice{width:100%;max-width:360px;color:inherit;text-align:left;box-shadow:none;background:0 0;border:0;align-items:flex-start;gap:18px;padding:0;display:inline-flex}.component-preview-checkbox-choice.is-disabled{cursor:default}.component-preview-checkbox-choice-copy{flex-direction:column;gap:2px;min-width:0;padding-top:2px;display:flex}.component-preview-checkbox-choice-title,.component-preview-checkbox-choice-helper,.component-preview-checkbox-choice-error{line-height:1.25}.component-preview-checkbox-choice-title{color:var(--text);font-size:15px;font-weight:600}.component-preview-checkbox-choice-title.is-error,.component-preview-checkbox-choice-error{color:var(--error)}.component-preview-checkbox-choice-title.is-disabled,.component-preview-checkbox-choice-helper.is-disabled{color:var(--disabled-text)}.component-preview-checkbox-choice-helper{color:var(--muted);font-size:15px}.component-preview-checkbox-choice-error{font-size:15px;font-weight:600}@media (max-width:900px){.canvas-checkbox-preview-board{grid-template-columns:1fr;justify-items:start;gap:32px}.canvas-checkbox-state-headers,.canvas-checkbox-style-group{column-gap:16px}.canvas-checkbox-style-group{row-gap:32px}.canvas-checkbox-style-stack{gap:64px}}@media (max-width:640px){.canvas-checkbox-board{align-items:stretch;width:100%}.canvas-checkbox-state-label{font-size:13px}}.component-preview--data-viz-card{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:0 8px 24px var(--chrome-shadow-soft);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.component-preview-dv-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.component-preview-dv-label{font-size:13px;line-height:1.4}.component-preview-dv-subvalue{margin-top:4px;font-size:16px;font-weight:600}.component-preview-dv-metric{letter-spacing:-.04em;font-size:36px;font-weight:600;line-height:1}.component-preview-dv-trend{align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.component-preview-dv-plot{width:260px;height:128px;overflow:visible}.component-preview-dv-axis{justify-content:space-between;gap:8px;font-size:11px;display:flex}.component-preview-dv-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.component-preview-dv-legend span{align-items:center;gap:6px;display:inline-flex}.component-preview-dv-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.component-preview-dv-columns{align-items:flex-end;gap:16px;height:164px;display:flex}.component-preview-dv-column-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;min-height:0;font-size:11px;display:flex}.component-preview-dv-column-shell{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.component-preview-dv-column-button{appearance:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:flex-end;width:100%;max-width:42px;height:100%;margin:0;padding:0;display:flex}.component-preview-dv-column-button:focus-visible,.component-preview-dv-bar-row-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px;border-radius:12px}.component-preview-dv-column-button.is-active .component-preview-dv-column,.component-preview-dv-column-button:hover .component-preview-dv-column{filter:brightness(.94);transform:translateY(-2px)}.component-preview-dv-column{border-radius:12px 12px 4px 4px;width:100%;transition:transform .14s,filter .14s}.component-preview-dv-bars{flex-direction:column;gap:12px;display:flex}.component-preview-dv-bar-row-shell{position:relative}.component-preview-dv-bar-row{grid-template-columns:90px 1fr 40px;align-items:center;gap:10px;display:grid}.component-preview-dv-bar-row-button{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0}.component-preview-dv-bar-row-button.is-active .component-preview-dv-bar-fill,.component-preview-dv-bar-row-button:hover .component-preview-dv-bar-fill{filter:brightness(.94)}.component-preview-dv-bar-label,.component-preview-dv-bar-value{font-size:12px}.component-preview-dv-bar-track{border-radius:999px;height:10px;overflow:hidden}.component-preview-dv-bar-fill{border-radius:999px;height:100%}.component-preview-dv-tooltip{background:var(--text);min-width:92px;color:var(--bg);box-shadow:0 18px 36px var(--chrome-shadow);pointer-events:none;z-index:3;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.component-preview-dv-tooltip-title{opacity:.82;font-size:12px;line-height:1.2}.component-preview-dv-tooltip-value{font-size:14px;font-weight:600;line-height:1.2}.component-preview-dv-tooltip-caret{background:var(--text);width:10px;height:10px;position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%)rotate(45deg)}.component-preview--data-viz-table{gap:12px}.component-preview-dv-table{border-collapse:collapse;width:100%;font-size:12px}.component-preview-dv-table th,.component-preview-dv-table td{border-bottom:1px solid var(--border);text-align:left;color:var(--text);padding:10px 8px}.component-preview-dv-table th{color:var(--muted);font-weight:600}.component-preview--choice{align-items:center;gap:10px;font-size:16px;display:inline-flex}.component-preview--checkbox-card{border:1px solid var(--border);box-shadow:0 10px 30px var(--chrome-shadow-soft);box-sizing:border-box;background:#fff;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:inline-flex}.component-preview-checkbox-box{box-sizing:border-box;border:1.5px solid;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-checkbox-copy{align-items:center;min-width:0;display:inline-flex}.component-preview-checkbox-label{white-space:nowrap;line-height:1.35}.canvas-chip-board{width:100%;max-width:1280px}.canvas-chip-layout{flex-direction:column;gap:40px;width:100%;display:flex}.canvas-chip-groups{flex-direction:column;gap:72px;min-width:0;display:flex}.canvas-chip-size-section{width:100%}.canvas-chip-size-content{flex-direction:column;gap:22px;min-width:0;display:flex}.canvas-chip-header-row,.canvas-chip-row{grid-template-columns:160px repeat(5,minmax(0,1fr));align-items:center;column-gap:28px;width:100%;display:grid}.canvas-chip-corner{min-height:1px}.canvas-chip-style-heading{color:var(--muted);text-transform:lowercase;font-size:14px;font-weight:500;line-height:1.2}.canvas-chip-tone-label{color:var(--muted);text-align:center;text-transform:lowercase;font-size:18px;line-height:1}.canvas-chip-cell{justify-content:flex-start;align-items:center;min-width:0;display:flex}.component-preview--chip-pill,.component-preview--chip-variant{white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;width:fit-content;min-width:0;max-width:100%;display:inline-flex}.component-preview-chip-part{justify-content:center;align-items:center;display:inline-flex}.component-preview-chip-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-chip-text{white-space:nowrap;line-height:1.2}@media (max-width:1200px){.canvas-chip-header-row,.canvas-chip-row{grid-template-columns:136px repeat(5,minmax(0,1fr));column-gap:20px}}@media (max-width:960px){.canvas-chip-layout{gap:28px}.canvas-chip-groups{gap:56px}.canvas-chip-size-content{gap:18px}.canvas-chip-header-row,.canvas-chip-row{grid-template-columns:112px repeat(5,minmax(0,1fr));column-gap:16px}.canvas-chip-tone-label{font-size:16px}.canvas-chip-style-heading{font-size:13px}}.canvas-tag-group-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:1120px;display:grid}.canvas-tag-group-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:24px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.canvas-tag-group-panel--wide{grid-column:1/-1}.canvas-tag-group-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.component-preview--tag-group-preview{justify-content:center;width:100%;display:flex}.component-preview-tag-group-preview-surface{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:28px;justify-content:center;align-items:center;width:min(100%,720px);min-height:188px;padding:24px;display:flex}.component-preview-tag-group-preview-row,.component-preview-tag-group-tags,.canvas-tag-group-chip-row,.canvas-tag-group-size-row{flex-wrap:wrap;gap:10px;display:flex}.component-preview--tag-group-field{flex-direction:column;gap:12px;width:min(100%,480px);display:flex}.component-preview-tag-group-label,.component-preview-tag-group-helper,.component-preview-tag-pill-text{letter-spacing:-.01em}.component-preview-tag-group-helper{margin:0}.component-preview--tag-pill{box-sizing:border-box;vertical-align:top;align-items:center;gap:6px;display:inline-flex}.component-preview-tag-pill-dot{border-radius:999px;flex:none;display:block}.component-preview-tag-pill-text{line-height:1}.component-preview-tag-pill-suffix{opacity:.82;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-tag-pill-suffix svg{width:100%;height:100%;display:block}.canvas-tag-group-state-stack{flex-direction:column;gap:14px;display:flex}.canvas-tag-group-state-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.canvas-tag-group-state-caption{color:var(--muted);white-space:nowrap;font-size:12px}@media (max-width:960px){.canvas-tag-group-board{grid-template-columns:minmax(0,1fr)}.canvas-tag-group-panel--wide{grid-column:auto}.canvas-tag-group-state-row{flex-direction:column;align-items:flex-start}}.canvas-modal-reference{box-sizing:border-box;flex-direction:column;gap:36px;width:max-content;min-width:100%;padding:18px 0 32px;display:flex}.canvas-modal-reference-board{box-sizing:border-box;background:#000;border-radius:34px;flex-direction:column;gap:28px;width:max-content;padding:28px;display:flex}.canvas-modal-reference-board[data-theme=light]{background:0 0}.canvas-modal-reference-row{align-items:flex-start;gap:28px;display:flex}.canvas-modal-reference-cell{display:flex}.component-preview-modal-card{color:#15161a;box-sizing:border-box;background:#fff;border:1px solid #11182714;border-radius:32px;flex-direction:column;gap:18px;padding:24px 26px 22px;display:flex;position:relative;box-shadow:0 26px 42px #00000080}.component-preview-modal-card--dark{color:#f5f5f7;background:#1f1f23;border-color:#ffffff14}.component-preview-modal-card--account{text-align:center;align-items:center;width:402px;min-height:404px;padding-top:42px}.component-preview-modal-card--verify{text-align:center;align-items:center;width:408px;min-height:300px;padding-top:42px}.component-preview-modal-card--create,.component-preview-modal-card--success{justify-content:flex-start;width:622px;min-height:280px;padding-top:32px}.component-preview-modal-card--danger{justify-content:flex-start;width:652px;min-height:300px;padding-top:32px}.component-preview-modal-card--invite{justify-content:flex-start;width:404px;min-height:520px;padding-top:28px}.component-preview-modal-close{color:#7d8088;cursor:default;background:#f1f1f4;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:20px;right:20px}.component-preview-modal-card--dark .component-preview-modal-close{color:#8e919b;background:#2a2a2f}.component-preview-modal-icon-badge{color:#1f2024;background:#f1f1f4;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.component-preview-modal-card--account .component-preview-modal-icon-badge,.component-preview-modal-card--verify .component-preview-modal-icon-badge{margin:0 auto}.component-preview-modal-card--dark .component-preview-modal-icon-badge{color:#f4f4f6;background:#2a2a2f}.component-preview-modal-icon-badge--success{color:#19a85b;background:#dcfae6}.component-preview-modal-icon-badge--danger{color:#ff4d4f;background:#ffe4e6}.component-preview-modal-card--dark .component-preview-modal-icon-badge--success{color:#45d483;background:#16653470}.component-preview-modal-card--dark .component-preview-modal-icon-badge--danger{color:#ff6b6f;background:#7f1d1d61}.component-preview-modal-copy-group{flex-direction:column;gap:10px;display:flex}.component-preview-modal-copy-group--center{text-align:center;align-items:center}.component-preview-modal-title{color:inherit;margin:0;font-size:18px;font-weight:600;line-height:1.24}.component-preview-modal-title--center{font-size:20px}.component-preview-modal-copy{color:#7b8089;max-width:28ch;margin:0;font-size:14px;line-height:1.48}.component-preview-modal-copy--center{max-width:24ch}.component-preview-modal-card--dark .component-preview-modal-copy{color:#a7aab2}.component-preview-modal-button.canvas-button,.component-preview-modal-social-button.canvas-button{letter-spacing:0;min-height:44px;box-shadow:none;border:0;border-radius:999px;padding:0 22px;font-size:15px;font-weight:600}.component-preview-modal-button--wide.canvas-button{width:100%}.component-preview-modal-button--primary.canvas-button{color:#fff;background:#1f8cff;border-color:#1f8cff}.component-preview-modal-button--secondary.canvas-button{color:#22242a;background:#f0f0f2;border-color:#f0f0f2}.component-preview-modal-card--dark .component-preview-modal-button--secondary.canvas-button{color:#f5f5f7;background:#2c2c31;border-color:#2c2c31}.component-preview-modal-divider{color:#7d8088;align-items:center;gap:12px;width:100%;font-size:14px;font-weight:500;display:flex}.component-preview-modal-divider:before,.component-preview-modal-divider:after{content:"";background:#7d808838;flex:auto;height:1px}.component-preview-modal-card--dark .component-preview-modal-divider{color:#8f929b}.component-preview-modal-card--dark .component-preview-modal-divider:before,.component-preview-modal-card--dark .component-preview-modal-divider:after{background:#ffffff14}.component-preview-modal-social-stack{flex-direction:column;gap:12px;width:100%;display:flex}.component-preview-modal-social-button.canvas-button{color:#22242a;background:#f0f0f2;border-color:#f0f0f2;justify-content:center;gap:12px;width:100%}.component-preview-modal-card--dark .component-preview-modal-social-button.canvas-button{color:#f5f5f7;background:#2c2c31;border-color:#2c2c31}.component-preview-modal-social-icon{justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;font-weight:700;line-height:1;display:inline-flex}.component-preview-modal-social-icon--google{color:#ea4335}.component-preview-modal-social-icon--apple{color:currentColor}.component-preview-modal-code-row{justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.component-preview-modal-code-cell{background:#f1f1f4;border-radius:14px;width:52px;height:52px}.component-preview-modal-card--dark .component-preview-modal-code-cell{background:#2c2c31}.component-preview-modal-code-divider{color:#a1a5ae;font-size:22px;line-height:1}.component-preview-modal-resend{color:#7b8089;margin:0;font-size:14px}.component-preview-modal-card--dark .component-preview-modal-resend{color:#a7aab2}.component-preview-modal-resend-link{color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}.component-preview-modal-actions{justify-content:flex-end;gap:12px;margin-top:auto;display:flex}.component-preview-modal-actions--center{justify-content:center}.component-preview-modal-invite-list{flex-direction:column;gap:18px;display:flex}.component-preview-modal-invite-row{align-items:center;gap:14px;display:flex}.component-preview-modal-invite-avatar{border-radius:999px;flex:none;width:48px;height:48px}.component-preview-modal-invite-avatar--warm{background:radial-gradient(circle at 32% 30%,#fff3d9 0,#ffd868 28%,#ff8b3d 66%,#ff6231 100%)}.component-preview-modal-invite-avatar--mint{background:radial-gradient(circle at 32% 30%,#eafff2 0,#9effc7 28%,#57c9d9 66%,#5c77ff 100%)}.component-preview-modal-invite-avatar--rose{background:radial-gradient(circle at 32% 30%,#ffecec 0,#ffb8c2 28%,#ff6f61 66%,#ff3b30 100%)}.component-preview-modal-invite-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.component-preview-modal-invite-name{color:inherit;font-size:16px;font-weight:600;line-height:1.2}.component-preview-modal-invite-email{color:#7b8089;font-size:14px;line-height:1.3}.component-preview-modal-card--dark .component-preview-modal-invite-email{color:#a7aab2}.component-preview-modal-invite-add{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.component-preview-modal-checkbox-row{color:inherit;align-items:center;gap:12px;margin-top:8px;font-size:14px;font-weight:500;display:inline-flex}.component-preview-modal-checkbox{color:#fff;background:#1f8cff;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}@media (max-width:1200px){.canvas-modal-reference-board{width:100%}.canvas-modal-reference-row{flex-wrap:wrap}}@media (max-width:760px){.canvas-modal-reference{gap:24px;width:100%;min-width:100%}.canvas-modal-reference-board{width:100%;padding:20px 14px}.canvas-modal-reference-row{flex-direction:column;gap:18px}.canvas-modal-reference-cell{width:100%}.component-preview-modal-card,.component-preview-modal-card--account,.component-preview-modal-card--verify,.component-preview-modal-card--create,.component-preview-modal-card--success,.component-preview-modal-card--danger,.component-preview-modal-card--invite{width:100%;min-height:0}}.component-preview--dialog-shell,.component-preview--menu-shell{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:14px;width:min(100%,560px);margin:0 auto;display:flex}.component-preview-overlay-trigger,.component-preview-menu-trigger,.component-preview-dialog-button{font:inherit;border:0;border-radius:14px}.component-preview-overlay-trigger,.component-preview-menu-trigger{background:var(--accent-strong);color:var(--accent-strong-text);cursor:pointer;letter-spacing:-.01em;box-shadow:0 12px 28px var(--chrome-shadow-soft);align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}.component-preview--drawer{background:var(--overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:26px;justify-content:center;align-items:center;min-height:340px;display:flex}.component-preview--dialog{-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;background:0 0;border-radius:0;justify-content:center;align-items:center;width:min(100%,560px);min-height:0;padding:0;display:flex}.component-preview--dialog[data-preview=true],.component-preview--menu[data-preview=true]{pointer-events:none}.component-preview--dialog[data-preview=true].is-open,.component-preview--menu[data-preview=true].is-open{pointer-events:auto}.component-preview--dialog[data-preview=true]:not(.is-open){display:none}.component-preview-dialog-card,.component-preview-drawer-panel{border:1px solid var(--border);background:var(--surface-elevated);width:min(100%,420px);box-shadow:0 24px 60px var(--chrome-shadow);border-radius:24px;padding:28px}.component-preview--dialog .component-preview-dialog-card{box-sizing:border-box;width:min(100%,460px);padding:28px 28px 24px}.component-preview-dialog-head,.component-preview-dialog-head-group{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.component-preview-dialog-content-stack{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.component-preview-dialog-close{border:1px solid var(--border);background:var(--surface-elevated);width:40px;height:40px;color:var(--muted);cursor:pointer;box-shadow:0 8px 20px var(--chrome-shadow-soft);border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.component-preview-dialog-button{cursor:pointer;letter-spacing:-.01em;min-width:112px;min-height:40px;padding:10px 16px;font-weight:600}.component-preview-dialog-button--secondary{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 18px var(--chrome-shadow-soft)}.component-preview-dialog-button--primary{background:var(--accent-strong);color:var(--accent-strong-text);box-shadow:0 12px 24px var(--chrome-shadow-soft)}.canvas-surface[data-theme-mode=dark] .component-preview-dialog-card{background:color-mix(in srgb, var(--surface-elevated) 94%, var(--canvas-backdrop) 6%);border-color:#ffffff1f;box-shadow:0 24px 60px #00000061,0 10px 28px #00000038}.canvas-surface[data-theme-mode=dark] .component-preview-dialog-close{background:color-mix(in srgb, var(--surface-muted) 88%, var(--canvas-backdrop) 12%);color:var(--text);box-shadow:none;border-color:#ffffff1f}.canvas-surface[data-theme-mode=dark] .component-preview-dialog-button--secondary{background:color-mix(in srgb, var(--surface-muted) 90%, var(--canvas-backdrop) 10%);color:var(--text);box-shadow:none;border-color:#ffffff1f}.canvas-surface[data-theme-mode=dark] .component-preview-dialog-button--primary{box-shadow:0 12px 24px #0000003d}.component-preview--alert-dialog-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:560px;padding:32px;display:flex}.canvas-alert-dialog-board{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;max-width:1280px;padding:clamp(32px,4vw,48px) clamp(24px,3vw,40px)}.canvas-alert-dialog-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px 24px;display:grid}.canvas-alert-dialog-cell{justify-content:center;min-width:0;display:flex}.canvas-alert-dialog-cell[data-size=xs]{grid-column:2/span 4}.canvas-alert-dialog-cell[data-size=sm]{grid-column:6/span 6}.canvas-alert-dialog-cell[data-size=md]{grid-column:3/span 8}.canvas-alert-dialog-cell[data-size=lg]{grid-column:2/span 10}.canvas-alert-dialog-cell[data-size=mobile]{grid-column:4/span 5}.component-preview--alert-dialog-card{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:20px;width:min(100%,820px);display:flex;position:relative}.component-preview-alert-dialog-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.component-preview-alert-dialog-icon,.component-preview-alert-dialog-close{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-alert-dialog-close{border:0;padding:0}.component-preview-alert-dialog-body{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.component-preview-alert-dialog-title{letter-spacing:-.02em;margin:0}.component-preview-alert-dialog-copy{letter-spacing:-.01em;margin:0}.component-preview-alert-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;display:flex}.component-preview-alert-dialog-button{min-width:112px;box-shadow:none}@media (max-width:1080px){.canvas-alert-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-alert-dialog-cell[data-size=xs],.canvas-alert-dialog-cell[data-size=sm],.canvas-alert-dialog-cell[data-size=md],.canvas-alert-dialog-cell[data-size=lg],.canvas-alert-dialog-cell[data-size=mobile]{grid-column:auto}}@media (max-width:760px){.canvas-alert-dialog-board{padding:20px 16px}.canvas-alert-dialog-grid{grid-template-columns:minmax(0,1fr);gap:20px}.component-preview--alert-dialog-stage{min-height:420px;padding:20px 12px}.component-preview-alert-dialog-actions{justify-content:flex-start}}.component-preview--drawer{box-sizing:border-box;justify-content:flex-end;padding:20px}.component-preview--loader{border:5px solid var(--accent);border-top-color:var(--accent-strong);border-radius:999px;width:54px;height:54px;animation:1s linear infinite spin}.component-preview--menu{border:1px solid var(--border);width:240px;box-shadow:0 24px 50px var(--chrome-shadow);background:#fff;padding:10px}.component-preview--menu[data-preview=true]:not(.is-open){display:none}.component-preview-menu-item{text-align:left;width:100%;font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500;transition:background-color .14s,color .14s,transform .14s}.component-preview-menu-item:hover{background:var(--surface-muted);transform:translate(1px)}.canvas-dropdown-board{box-sizing:border-box;width:100%;max-width:1280px;padding:clamp(44px,5vw,72px)}.canvas-dropdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:72px 92px;display:grid}.canvas-dropdown-example{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.canvas-dropdown-example--share{grid-column:2}.canvas-dropdown-trigger-pill{background:color-mix(in srgb, var(--surface) 88%, var(--surface-elevated) 12%);min-height:54px;color:var(--accent-strong);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-size:22px;font-weight:500;display:inline-flex}.canvas-dropdown-selectable{width:100%}.canvas-dropdown-selectable--share{width:auto}.component-preview-dropdown-card{border:1px solid var(--chrome-border);background:var(--surface-elevated);min-width:0;box-shadow:0 18px 44px var(--chrome-shadow-soft);border-radius:28px;position:relative}.component-preview-dropdown-card--actions,.component-preview-dropdown-card--styles{width:min(100%,420px)}.component-preview-dropdown-card--window{width:min(100%,390px)}.component-preview-dropdown-card--share{width:410px}.component-preview-dropdown-section{padding:20px 26px}.component-preview-dropdown-section.is-separated{border-top:1px solid var(--chrome-border)}.component-preview-dropdown-section-title{color:var(--muted);letter-spacing:-.02em;margin-bottom:14px;font-size:20px;font-weight:400}.component-preview-dropdown-item-list{flex-direction:column;gap:2px;display:flex}.canvas-dropdown-item-selectable{width:100%}.component-preview-dropdown-item{width:100%;color:var(--text);box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:18px;padding:10px 0;display:flex}.component-preview-dropdown-item.has-description{padding-top:8px;padding-bottom:8px}.component-preview-dropdown-item.is-danger{color:#ff4d4f}.component-preview-dropdown-item.is-disabled{color:var(--disabled-text)}.component-preview-dropdown-item-leading{flex:auto;align-items:flex-start;gap:14px;min-width:0;display:flex}.component-preview-dropdown-item-icon,.component-preview-dropdown-item-mark,.component-preview-dropdown-item-spacer{color:currentColor;justify-content:center;align-items:center;width:28px;min-width:28px;display:inline-flex}.component-preview-dropdown-item-spacer{visibility:hidden}.component-preview-dropdown-mark-dot{opacity:.7;background:currentColor;border-radius:999px;width:12px;height:12px}.component-preview-dropdown-item-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.component-preview-dropdown-item-title{letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:1.3}.component-preview-dropdown-item-description{color:var(--muted);letter-spacing:-.02em;font-size:16px;font-weight:400;line-height:1.35}.component-preview-dropdown-item-trailing{color:var(--muted);flex:none;align-items:center;gap:12px;min-height:28px;display:inline-flex}.component-preview-dropdown-item-shortcut{letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.25}.component-preview-dropdown-submenu{border:1px solid var(--chrome-border);background:var(--surface-elevated);width:272px;box-shadow:0 18px 44px var(--chrome-shadow-soft);border-radius:28px;flex-direction:column;gap:2px;padding:20px 24px;display:flex;position:absolute;top:178px;left:calc(100% - 10px)}.canvas-surface[data-theme-mode=dark] .canvas-dropdown-trigger-pill{background:color-mix(in srgb, var(--surface) 86%, var(--canvas-backdrop) 14%)}.canvas-surface[data-theme-mode=dark] .component-preview-dropdown-card,.canvas-surface[data-theme-mode=dark] .component-preview-dropdown-submenu{background:color-mix(in srgb, var(--surface) 92%, var(--canvas-backdrop) 8%);border-color:color-mix(in srgb, var(--field-bg) 68%, var(--border) 32%);box-shadow:0 18px 44px var(--chrome-shadow-soft)}.canvas-surface[data-theme-mode=dark] .component-preview-dropdown-item-description,.canvas-surface[data-theme-mode=dark] .component-preview-dropdown-item-trailing,.canvas-surface[data-theme-mode=dark] .component-preview-dropdown-section-title{color:var(--muted)}@media (max-width:1280px){.canvas-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.canvas-dropdown-example--share{grid-column:1/-1;justify-self:center}}@media (max-width:900px){.canvas-dropdown-grid{grid-template-columns:minmax(0,1fr)}.canvas-dropdown-example--share{grid-column:auto;justify-self:stretch}.canvas-dropdown-selectable--share,.component-preview-dropdown-card--share{width:min(100%,410px)}.component-preview-dropdown-submenu{width:100%;margin-top:16px;position:static}}.component-preview--pagination{align-items:center;gap:14px;display:inline-flex}.component-preview-page-button{color:#1f2430;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 8px;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.component-preview-page-button.is-active{color:#1f2430;background:#f0f0f3;min-width:64px}.component-preview-page-button--label{min-width:unset;color:#7a7f8f;padding:0 4px;font-size:18px;font-weight:500}.component-preview-page-button--arrow-left,.component-preview-page-button--arrow-right{color:#8f93a1;width:28px;min-width:28px;height:28px;padding:0}.component-preview--input{border:1px solid var(--border);width:min(100%,420px);min-height:48px;color:var(--text);box-shadow:0 1px 2px var(--chrome-shadow-soft);background:#fff;border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.4}.component-preview--field-shell{flex-direction:column;gap:8px;width:min(100%,420px);display:flex}.component-preview-field-label{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.component-preview-field-input{border:1px solid var(--border);min-height:48px;box-shadow:0 1px 2px var(--chrome-shadow-soft);box-sizing:border-box;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex}.component-preview-field-input.is-multiline{align-items:flex-start;min-height:112px}.component-preview-field-value{color:var(--muted);font-size:14px;line-height:1.4}.component-preview-field-addon{color:var(--muted);flex:none;font-size:14px}.component-preview--date-field-preview,.component-preview--date-field-stage{justify-content:center;width:100%;display:flex}.component-preview-field-card{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.component-preview-field-label-row{align-items:center;gap:6px;min-width:0;display:inline-flex}.component-preview-field-required,.component-preview-field-helper{letter-spacing:-.01em}.component-preview-field-required{color:#ff5a65;font-size:16px;font-weight:700;line-height:1}.component-preview-field-helper{color:var(--muted);margin:0;font-size:12px;font-weight:400;line-height:1.5}.component-preview-field-helper.is-error{color:#ff5a65}.component-preview-field-control-surface{box-sizing:border-box;width:100%}.component-preview-field-card[data-state=disabled] .component-preview-field-label,.component-preview-field-card[data-state=disabled] .component-preview-field-helper{color:color-mix(in srgb, var(--muted) 72%, #fff)}.component-preview--date-field-card{width:100%;max-width:none}.component-preview--date-field-interactive{width:min(100%,600px);max-width:100%}.component-preview-date-field-label,.component-preview-date-field-required,.component-preview-date-field-filled-value,.component-preview-date-field-placeholder,.component-preview-date-field-helper,.component-preview-date-field-token,.component-preview-date-field-divider{letter-spacing:-.01em}.component-preview-date-field-label{font-size:16px;font-weight:600;line-height:1.3}.component-preview-date-field-control{border:1px solid var(--border);background:var(--field-bg);width:100%;height:40px;min-height:40px;box-shadow:0 1px 0 #0f172a38, 0 12px 26px var(--chrome-shadow-soft);box-sizing:border-box;border-radius:24px;align-items:center;padding:10px 12px;display:flex;overflow:hidden}.component-preview-date-field-control--interactive{gap:12px;padding-left:15px;padding-right:15px}.component-preview-date-field-value-selectable{flex:auto;min-width:0}.component-preview-date-field-input-shell{flex:auto;align-items:center;min-width:0;display:flex;position:relative}.component-preview-date-field-value-layer{pointer-events:none;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.component-preview-date-field-input{width:100%;min-width:0;color:inherit;font:inherit;line-height:inherit;z-index:1;background:0 0;border:none;outline:none;flex:auto;margin:0;padding:0;position:relative}.component-preview-date-field-input::placeholder{color:var(--muted);opacity:1}.component-preview-date-field-placeholder,.component-preview-date-field-filled-value{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;width:100%;min-width:0;font-size:15px;line-height:1.35;display:flex;overflow:hidden}.component-preview-date-field-placeholder{color:var(--muted)}.component-preview-date-field-filled-value{color:var(--text);font-weight:500}.component-preview-date-field-token,.component-preview-date-field-divider{flex:none}.component-preview-date-field-token.is-active{border-radius:10px;padding:2px 7px}.component-preview--date-field-card[data-state=focus] .component-preview-date-field-token.is-active{color:#2f80ed;background:#2f80ed29}.component-preview--date-field-card[data-state=hover] .component-preview-date-field-control{border-color:var(--accent-border);box-shadow:0 1px 0 #0f172a3d, 0 16px 30px var(--chrome-shadow-soft)}.component-preview--date-field-card[data-state=focus] .component-preview-date-field-control{border-width:2px;border-color:var(--accent);box-shadow:0 1px 0 #0f172a38, 0 12px 26px var(--chrome-shadow-soft), 0 0 0 2px var(--focus-ring)}.component-preview--date-field-card[data-state=error] .component-preview-date-field-label,.component-preview--date-field-card[data-state=error] .component-preview-date-field-helper{color:#ff5a65}.component-preview--date-field-card[data-state=error] .component-preview-date-field-control{box-shadow:0 1px 0 #0f172a38, 0 12px 26px var(--chrome-shadow-soft), 0 0 0 2px #ff5a6529;border-width:2px;border-color:#ff5a65}.component-preview--date-field-card[data-state=error] .component-preview-date-field-token.is-active{color:#ff5a65;background:#ff5a6529}.canvas-surface[data-theme-mode=dark] .component-preview-date-field-control{background:color-mix(in srgb, var(--field-bg) 86%, var(--canvas-backdrop) 14%);border-color:color-mix(in srgb, var(--field-bg) 68%, var(--border) 32%);box-shadow:none}.canvas-surface[data-theme-mode=dark] .component-preview--date-field-card[data-state=hover] .component-preview-date-field-control{border-color:color-mix(in srgb, var(--accent-border) 80%, var(--field-bg) 20%);box-shadow:none}.canvas-surface[data-theme-mode=dark] .component-preview--date-field-card[data-state=focus] .component-preview-date-field-control{background:color-mix(in srgb, var(--field-bg) 90%, var(--canvas-backdrop) 10%);box-shadow:0 0 0 2px var(--focus-ring)}.canvas-surface[data-theme-mode=dark] .component-preview--date-field-card[data-state=error] .component-preview-date-field-control{box-shadow:0 0 0 2px #ff5a652e}.component-preview--date-field-card[data-state=disabled] .component-preview-date-field-label,.component-preview--date-field-card[data-state=disabled] .component-preview-date-field-helper,.component-preview--date-field-card[data-state=disabled] .component-preview-date-field-placeholder,.component-preview--date-field-card[data-state=disabled] .component-preview-date-field-filled-value{color:color-mix(in srgb, var(--muted) 72%, #fff)}.component-preview--date-field-card[data-state=disabled] .component-preview-date-field-control{border-color:color-mix(in srgb, var(--border) 80%, #fff);background:color-mix(in srgb, #fff 90%, var(--surface));box-shadow:none}.component-preview--date-field-preview .canvas-date-field-selectable{width:min(100%,600px);max-width:100%}.component-preview--text-field-preview{justify-content:center;width:100%;display:flex}.component-preview--text-field-card{width:min(100%,420px)}.component-preview-text-field-label,.component-preview-text-field-required,.component-preview-text-field-value,.component-preview-text-field-segment,.component-preview-text-field-helper{letter-spacing:-.01em}.component-preview-text-field-control{box-sizing:border-box;align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}.component-preview-text-field-control--inputGroup{gap:14px}.component-preview-text-field-addon-group{flex:none;align-items:center;gap:10px;display:inline-flex}.component-preview-text-field-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-text-field-icon svg{width:100%;height:100%;display:block}.component-preview-text-field-icon.is-trailing{margin-left:auto}.component-preview-text-field-divider{flex:none;display:block}.component-preview-text-field-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.component-preview-text-field-segment{flex:none}.component-preview--text-area-preview{justify-content:center;width:100%;display:flex}.component-preview--text-area-card{width:min(100%,420px)}.component-preview-text-area-label,.component-preview-text-area-helper,.component-preview-text-area-counter,.component-preview-text-area-value{letter-spacing:-.01em}.component-preview-text-area-control{box-sizing:border-box;width:100%;min-height:112px;position:relative;overflow:hidden}.component-preview-text-area-value{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.component-preview-text-area-grip{opacity:.45;pointer-events:none;background:linear-gradient(135deg,#0000 0 46%,currentColor 46% 54%,#0000 54% 100%),linear-gradient(135deg,#0000 0 66%,currentColor 66% 74%,#0000 74% 100%);width:12px;height:12px;position:absolute;bottom:10px;right:10px}.component-preview-text-area-footer{align-items:baseline;gap:14px;display:flex}.component-preview-text-area-helper,.component-preview-text-area-counter{margin:0}.canvas-autocomplete-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:25px;display:grid}.canvas-autocomplete-state-panel{flex-direction:column;justify-self:center;gap:14px;width:min(100%,320px);min-width:0;display:flex}.canvas-autocomplete-state-panel--top-left{grid-column:1/span 4}.canvas-autocomplete-state-panel--top-center{grid-column:5/span 4}.canvas-autocomplete-state-panel--top-right{grid-column:9/span 4}.canvas-autocomplete-state-panel--bottom-left{grid-column:3/span 4}.canvas-autocomplete-state-panel--bottom-right{grid-column:7/span 4}.canvas-autocomplete-state-label{color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.canvas-autocomplete-state-stack{flex-direction:column;gap:16px;display:flex}.component-preview-autocomplete-dropdown{box-sizing:border-box;width:100%}.component-preview-autocomplete-trigger{border:1px solid var(--chrome-border);background:var(--surface);width:100%;max-width:100%;color:var(--muted);box-sizing:border-box;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.component-preview-autocomplete-trigger.is-multi{align-items:flex-start}.component-preview-autocomplete-trigger-text,.component-preview-autocomplete-summary{color:var(--muted);font-size:14px;line-height:1.4}.component-preview-autocomplete-chip-wrap{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.component-preview-autocomplete-chip{background:var(--surface-muted);min-height:28px;color:var(--text);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.component-preview-autocomplete-chip-icon,.component-preview-autocomplete-trigger-icon,.component-preview-autocomplete-search-icon,.component-preview-autocomplete-option-check{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-autocomplete-trigger-actions{flex:none;align-items:center;gap:10px;display:inline-flex}.component-preview-autocomplete-dropdown{background:var(--surface);border:0;border-radius:28px;flex-direction:column;gap:10px;padding:12px;display:flex}.component-preview-autocomplete-search{border:3px solid var(--accent-strong);background:var(--surface);min-height:48px;color:var(--muted);box-sizing:border-box;border-radius:18px;align-items:center;gap:10px;padding:0 14px;display:flex}.component-preview-autocomplete-search-text{color:var(--muted);font-size:14px;line-height:1.4}.component-preview-autocomplete-search-text.has-value{color:var(--text)}.component-preview-autocomplete-empty{color:var(--muted);padding:0 2px 4px;font-size:14px;line-height:1.4}.component-preview-autocomplete-options{flex-direction:column;display:flex}.component-preview-autocomplete-option{min-height:44px;color:var(--text);box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;line-height:1.4;display:flex}.component-preview-autocomplete-option[data-selected=true] .component-preview-autocomplete-option-check{color:var(--text)}.component-preview-autocomplete-option-check svg{stroke-width:2.25px}.component-preview--autocomplete-stage{justify-content:center;width:100%;display:flex}.component-preview--autocomplete-preview-grid{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:32px;width:100%;display:grid}.component-preview--autocomplete-preview-stack{width:min(100%,360px)}.component-preview-autocomplete-trigger-button,.component-preview-autocomplete-option-button,.component-preview-autocomplete-chip-remove{appearance:none;font:inherit;text-align:left;cursor:pointer;color:inherit}.component-preview-autocomplete-trigger-button{border:1px solid var(--chrome-border)}.component-preview-autocomplete-option-button{background:0 0;border:0}.component-preview-autocomplete-chip-remove{background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.component-preview-autocomplete-search-input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:14px;line-height:1.4}.component-preview-autocomplete-search-input::placeholder{color:var(--muted);opacity:1}@media (max-width:1200px){.canvas-autocomplete-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-autocomplete-state-panel{grid-column:auto}}@media (max-width:760px){.component-preview--autocomplete-preview-grid{grid-template-columns:minmax(0,360px)}.canvas-autocomplete-grid{grid-template-columns:minmax(0,1fr);gap:24px}}.component-preview--choice-stack{flex-direction:column;gap:12px;width:min(100%,360px);display:flex}.component-preview--segmented{border:1px solid var(--border);box-shadow:none;background:#fff;border-radius:16px;align-items:center;gap:6px;padding:6px;display:inline-flex}.component-preview-segment,.component-preview-toggle{color:var(--text);font:inherit;letter-spacing:-.01em;background:0 0;border:0;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.component-preview-segment.is-active,.component-preview-toggle.is-active{background:var(--accent-strong);color:var(--accent-strong-text);box-shadow:none}.canvas-toolbar-board{flex-direction:column;gap:24px;width:100%;max-width:1120px;display:flex}.canvas-toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.canvas-toolbar-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:24px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.canvas-toolbar-panel--wide{width:100%}.canvas-toolbar-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.canvas-toolbar-stack{flex-direction:column;gap:20px;display:flex}.canvas-toolbar-preview-well{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:28px;justify-content:center;align-items:center;min-height:228px;padding:28px;display:flex;overflow:auto}.component-preview--toolbar-preview{width:100%;display:flex}.component-preview-toolbar-preview-surface{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:32px;justify-content:center;align-items:center;width:min(100%,1080px);min-height:340px;padding:32px;display:flex;overflow:auto}.component-preview--toolbar-card{width:fit-content;max-width:100%}.component-preview-toolbar-root{box-sizing:border-box;align-items:center;gap:16px;width:fit-content;max-width:100%;display:inline-flex}.component-preview-toolbar-root.is-horizontal{flex-direction:row}.component-preview-toolbar-root.is-vertical{flex-direction:column;align-items:center;gap:18px}.component-preview-toolbar-group{box-sizing:border-box;align-items:center;gap:0;min-height:52px;display:inline-flex}.component-preview-toolbar-group.is-horizontal{flex-direction:row}.component-preview-toolbar-group.is-vertical{flex-direction:column;min-width:52px}.component-preview-toolbar-divider{flex:none;align-self:center;display:inline-flex}.component-preview-toolbar-item{box-sizing:border-box;color:inherit;cursor:inherit;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s,background-color .16s,opacity .16s;display:inline-flex}.component-preview-toolbar-item:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.component-preview-toolbar-item-content{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.component-preview-toolbar-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.component-preview-toolbar-icon svg{width:100%;height:100%;display:block}.component-preview-toolbar-label{letter-spacing:-.01em;line-height:1}.component-preview-toolbar-glyph{justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:1;display:inline-flex}.component-preview-toolbar-glyph--bold{font-weight:800}.component-preview-toolbar-glyph--italic{font-style:italic}.component-preview-toolbar-glyph--underline{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.component-preview-toolbar-glyph--strikethrough{text-decoration:line-through;text-decoration-thickness:1.5px}@media (max-width:960px){.canvas-toolbar-grid{grid-template-columns:minmax(0,1fr)}}.component-preview--button-group-board{--button-group-surface:#ededf0;--button-group-text:#22252d;--button-group-divider:#0f172a1f;--button-group-primary:#1d83e8;--button-group-primary-text:#fff;--button-group-primary-divider:#ffffff47;--button-group-primary-section-hover:#ffffff14;--button-group-primary-section-pressed:#0f172a24;--button-group-badge-bg:#0b8fff1f;--button-group-badge-text:#0b8fff;--button-group-accent:#1d83e8;--button-group-menu-bg:#fff;--button-group-menu-border:#0f172a14;--button-group-menu-shadow:0 16px 44px #0f172a24;--button-group-menu-hover:#0f172a0a;--button-group-menu-active:#f2f2f3;--button-group-menu-title:#20232c;--button-group-menu-copy:#7b8090;width:max-content;min-width:min(100%,1040px);max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:24px;padding:20px 28px 32px;display:flex;overflow:visible}.canvas-surface[data-theme-mode=dark] .component-preview--button-group-board{--button-group-surface:#27272c;--button-group-text:#fffffff0;--button-group-divider:#ffffff1f;--button-group-primary:#1d83e8;--button-group-primary-text:#fff;--button-group-primary-divider:#ffffff2e;--button-group-primary-section-hover:#ffffff1a;--button-group-primary-section-pressed:#0000002e;--button-group-badge-bg:#1d83e82e;--button-group-badge-text:#1d83e8;--button-group-accent:#1d83e8;--button-group-menu-bg:#242428;--button-group-menu-border:#ffffff14;--button-group-menu-shadow:0 18px 40px #00000057;--button-group-menu-hover:#ffffff0d;--button-group-menu-active:#ffffff14;--button-group-menu-title:#fffffff5;--button-group-menu-copy:#ffffffad}.component-preview-button-group-row{flex-wrap:wrap;align-items:center;gap:18px;width:100%;display:flex;overflow:visible}.component-preview-button-group-split-wrap{flex-direction:column;align-items:flex-start;gap:14px;padding:4px 12px 8px 0;display:flex;position:relative;overflow:visible}.component-preview-button-group-row.is-wrap{row-gap:18px}.component-preview-button-group-pill{background:var(--button-group-surface);min-height:48px;color:var(--button-group-text);letter-spacing:-.01em;box-shadow:none;box-sizing:border-box;border-radius:999px;align-items:center;gap:12px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex;overflow:visible}.component-preview-button-group-pill.is-primary{background:var(--button-group-primary);color:var(--button-group-primary-text);box-shadow:none}.component-preview-button-group-pill.is-split{align-items:stretch;gap:0;min-height:52px;padding:0}.component-preview-button-group-split-main,.component-preview-button-group-split-trigger{color:inherit;min-height:52px;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;z-index:0;background:0 0;border:0;outline:none;justify-content:center;align-items:center;line-height:1;transition:background-color .14s,color .14s;display:inline-flex;position:relative}.component-preview-button-group-button-reset{width:100%;height:100%;color:inherit;font:inherit;letter-spacing:inherit;cursor:inherit;white-space:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.component-preview-button-group-split-main{border-radius:999px 0 0 999px;flex:auto;padding:0 30px}.component-preview-button-group-split-trigger{border-radius:0 999px 999px 0;flex:0 0 64px;width:64px;min-width:64px;height:52px}.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-main:hover,.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-main:focus-visible,.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-trigger:hover,.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-trigger:focus-visible{background:var(--button-group-primary-section-hover)}.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-main:active,.component-preview-button-group-pill.is-primary.is-split>.component-preview-button-group-split-trigger:active{background:var(--button-group-primary-section-pressed)}.component-preview-button-group-pill.is-icon-only{gap:0;padding:0 12px}.component-preview-button-group-divider{background:var(--button-group-divider);align-self:stretch;width:1px;margin:10px 0}.component-preview-button-group-pill.is-primary .component-preview-button-group-divider{background:var(--button-group-primary-divider)}.component-preview-button-group-icon{color:currentColor;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-button-group-icon-target{justify-content:center;align-items:center;min-width:18px;min-height:18px;display:inline-flex}.component-preview-button-group-icon--trigger{width:100%;height:100%}.component-preview-button-group-icon--align{width:40px;height:48px}.component-preview-button-group-badge{background:var(--button-group-badge-bg);min-width:28px;height:28px;color:var(--button-group-badge-text);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:14px;font-weight:600;display:inline-flex}.component-preview-button-group-copy,.component-preview-button-group-count{justify-content:center;align-items:center;display:inline-flex}.component-preview-button-group-count{color:inherit}.component-preview-button-group-icon.is-accent,.component-preview-button-group-copy.is-accent,.component-preview-button-group-count.is-accent{color:var(--button-group-accent)}.component-preview-button-group-menu{background:var(--button-group-menu-bg);width:max(100%,600px);min-width:0;max-width:min(720px,100vw - 96px);box-shadow:var(--button-group-menu-shadow);border:1px solid var(--button-group-menu-border);border-radius:28px;flex-direction:column;gap:2px;padding:10px;display:flex}.component-preview-button-group-menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:14px 16px;transition:background-color .12s,color .12s;display:flex}.component-preview-button-group-menu-item:hover,.component-preview-button-group-menu-item:focus-visible{background:var(--button-group-menu-hover);outline:none}.component-preview-button-group-menu-item.is-active{background:var(--button-group-menu-active)}.component-preview-button-group-menu-title{letter-spacing:-.02em;color:var(--button-group-menu-title);font-size:18px;font-weight:600;line-height:1.2}.component-preview-button-group-menu-copy{letter-spacing:-.015em;max-width:500px;color:var(--button-group-menu-copy);font-size:16px;line-height:1.35}.component-preview--color-area{border:1px solid var(--border);width:220px;height:160px;box-shadow:none;background:linear-gradient(#0000 0%,#0000007a 100%),linear-gradient(90deg,#fff 0%,#006fee 100%);border-radius:18px}.component-preview--color-swatch{border:1px solid var(--border);width:44px;height:44px;box-shadow:none;border-radius:14px}.component-preview--swatch-grid{border:1px solid var(--border);box-shadow:none;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:12px;display:inline-flex}.component-preview-color-dot{border:1px solid #0f172a14;border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #fff9}.component-preview--input-group-stage{justify-content:center;width:100%;display:flex}.component-preview--input-group-card{box-sizing:border-box;align-items:stretch;width:100%;min-width:0;display:flex}.component-preview--input-group-card[data-gap-space=false]{overflow:hidden}.component-preview-input-group-segment{box-sizing:border-box;align-items:center;min-width:0;display:flex}.component-preview--input-group-card[data-size=sm] .component-preview-input-group-segment{min-height:44px;padding:0 14px}.component-preview--input-group-card[data-size=md] .component-preview-input-group-segment{min-height:48px;padding:0 16px}.component-preview--input-group-card[data-size=lg] .component-preview-input-group-segment{min-height:54px;padding:0 18px}.component-preview-input-group-segment--input{flex:1;justify-content:flex-start}.component-preview-input-group-segment--addon{white-space:nowrap;flex:none}.component-preview-input-group-addon-cluster{align-items:center;gap:8px;display:inline-flex}.component-preview-input-group-addon-icon,.component-preview-input-group-addon-chevron{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-input-group-addon-icon svg,.component-preview-input-group-addon-chevron svg{width:100%;height:100%;display:block}.component-preview-input-group-addon-text,.component-preview-input-group-value{letter-spacing:-.02em}.component-preview-input-group-value{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.component-preview-input-group-value.is-password{letter-spacing:.22em;font-weight:600}.component-preview-input-group-divider{flex:none;align-self:stretch;width:1px;height:auto;min-height:100%;display:block}.component-preview--input-group-card[data-gap-space=true] .component-preview-input-group-divider{display:none}.component-preview--input-group-card[data-state=disabled] .component-preview-input-group-addon-text,.component-preview--input-group-card[data-state=disabled] .component-preview-input-group-value{color:color-mix(in srgb, var(--muted) 74%, #fff)}.component-preview--otp{align-items:center;gap:10px;display:flex}.component-preview-otp-cell{border:1px solid var(--border);width:52px;height:56px;box-shadow:none;color:var(--text);background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.component-preview-text-line{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.component-preview-text-line.is-muted{color:var(--muted)}.component-preview-text-line.is-strong{color:var(--text);font-weight:600}.component-preview-text-line.is-link{color:var(--accent);font-weight:500}.component-preview-text-line.is-danger{color:#f31260;font-weight:500}.component-preview--form{width:min(100%,420px)}.component-preview-form-stack{flex-direction:column;gap:12px;margin-top:16px;display:flex}.component-preview--progress-circle{justify-content:center;align-items:center;display:inline-flex}.component-preview-progress-circle-ring{border:10px solid color-mix(in srgb, var(--accent) 18%, white);border-top-color:var(--accent);width:112px;height:112px;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.component-preview-progress-circle-value{color:var(--text);font-size:22px;font-weight:700}.component-preview--scroll-shadow{border:1px solid var(--border);width:min(100%,320px);height:180px;box-shadow:none;background:#fff;border-radius:18px;position:relative;overflow:hidden}.component-preview-scroll-shadow-content{color:var(--text);flex-direction:column;gap:12px;padding:18px;display:flex}.component-preview-scroll-shadow-fade{z-index:1;pointer-events:none;height:28px;position:absolute;left:0;right:0}.component-preview-scroll-shadow-fade.is-top{background:linear-gradient(#fff 0%,#fff0 100%);top:0}.component-preview-scroll-shadow-fade.is-bottom{background:linear-gradient(#fff0 0%,#fff 100%);bottom:0}.component-preview--separator{background:var(--border);width:min(100%,320px);height:1px}.component-preview--skeleton{align-items:center;gap:16px;width:min(100%,340px);display:flex}.component-preview-skeleton-avatar{background:linear-gradient(90deg, var(--surface-muted) 0%, #f5f5f5 50%, var(--surface-muted) 100%);border-radius:999px;width:48px;height:48px}.component-preview-skeleton-lines{flex-direction:column;flex:1;gap:10px;display:flex}.component-preview-skeleton-lines span{background:linear-gradient(90deg, var(--surface-muted) 0%, #f5f5f5 50%, var(--surface-muted) 100%);border-radius:999px;height:12px;display:block}.component-preview-skeleton-lines span:first-child{width:70%}.component-preview-skeleton-lines span:nth-child(2){width:92%}.component-preview-skeleton-lines span:nth-child(3){width:55%}.component-preview--slider{width:min(100%,320px);padding:18px 0}.component-preview-slider-track{background:var(--surface-muted);border-radius:999px;height:8px;position:relative}.component-preview-slider-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong) 100%);height:100%}.component-preview-slider-thumb{border:2px solid var(--accent);width:22px;height:22px;box-shadow:none;background:#fff;border-radius:999px;margin-top:-11px;margin-left:-11px;position:absolute;top:50%}.component-preview--table-preview{justify-content:flex-start;width:100%;display:flex}.canvas-table-board{flex-direction:column;gap:56px;width:100%;max-width:none;display:flex}.canvas-table-section,.canvas-table-doc-section{flex-direction:column;gap:24px;display:flex}.canvas-table-doc-copy{flex-direction:column;gap:14px;display:flex}.canvas-table-doc-heading{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(2rem,2.4vw,2.75rem);font-weight:700;line-height:1.08}.canvas-table-doc-text{max-width:1200px;color:var(--text);margin:0;font-size:clamp(1.125rem,1.4vw,1.35rem);line-height:1.55}.canvas-table-doc-code-pill{border:1px solid var(--border);color:var(--text);background:#ffffffb8;border-radius:12px;align-items:center;padding:.14em .42em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.84em;line-height:1.45;display:inline-flex;box-shadow:inset 0 1px #fff6}.canvas-table-doc-well{border:1px solid var(--border);box-sizing:border-box;border-radius:28px;width:100%;padding:34px}.canvas-table-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.canvas-table-related-card{flex-direction:column;gap:18px;display:flex}.canvas-table-related-card-preview{border:1px solid var(--border);box-sizing:border-box;background:#f8fafcb8;border-radius:24px;justify-content:center;align-items:center;min-height:240px;padding:28px;display:flex}.canvas-table-related-card-title{color:var(--text);font-size:18px;font-weight:600}.canvas-table-related-pagination,.canvas-table-related-checkboxes,.canvas-table-related-chip-stack{justify-content:center;align-items:center;display:flex}.canvas-table-related-pagination{color:var(--text);gap:28px;font-size:18px}.canvas-table-related-nav{align-items:center;gap:8px;font-weight:600;display:inline-flex}.canvas-table-related-nav.is-muted{color:var(--muted);font-weight:500}.canvas-table-related-checkboxes{gap:18px}.canvas-table-related-checkbox{border:1px solid var(--border);background:#fff;border-radius:14px;width:42px;height:42px;box-shadow:0 4px 12px #0f172a14}.canvas-table-related-checkbox.is-active{background:var(--accent);color:#fff;border-color:#0000;justify-content:center;align-items:center;display:inline-flex}.canvas-table-related-chip-stack{flex-direction:column;gap:16px}.canvas-table-related-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:16px;font-weight:500;display:inline-flex}.canvas-table-doc-import{border:1px solid var(--border);box-sizing:border-box;background:#f8fafcb8;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:96px;padding:24px 28px;display:flex}.canvas-table-doc-import-code{min-width:0;color:var(--text);flex-wrap:wrap;align-items:center;gap:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(1.125rem,1.5vw,1.6rem);line-height:1.45;display:flex}.canvas-table-doc-import-code .is-keyword{color:#ef4444}.canvas-table-doc-import-code .is-string{color:#1d4ed8}.canvas-table-doc-import-copy{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview--table-card{flex-direction:column;width:100%;min-width:0;display:flex}.component-preview--table-doc-card{box-sizing:border-box;width:100%;min-width:0}.component-preview-table-doc-scroll{width:100%;overflow:auto hidden}.component-preview-table-doc-table{flex-direction:column;min-width:840px;display:flex;overflow:hidden}.component-preview-table-doc-table--custom{min-width:1240px}.component-preview-table-doc-header,.component-preview-table-doc-row{box-sizing:border-box;align-items:center;gap:28px;padding:0 30px;display:grid}.component-preview-table-doc-header{border-bottom:1px solid var(--border);min-height:74px;font-size:16px;font-weight:500}.component-preview-table-doc-header--custom{min-height:72px}.component-preview-table-doc-row{border-bottom:1px solid var(--border);min-height:92px;font-size:18px}.component-preview-table-doc-row--custom{min-height:112px}.component-preview-table-doc-header-cell,.component-preview-table-doc-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-doc-header-cell--sortable{justify-content:space-between;gap:14px}.component-preview-table-doc-sort-indicator,.component-preview-table-doc-inline-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.component-preview-table-doc-checkbox{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 3px 10px #0f172a0f}.component-preview-table-doc-cell--worker-id{gap:14px;font-weight:600}.component-preview-table-doc-cell--member{gap:16px}.component-preview-table-doc-status-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:16px;font-weight:500;display:inline-flex}.component-preview-table-doc-action{border-radius:999px;justify-content:center;justify-self:end;align-items:center;width:64px;height:64px;display:inline-flex}.component-preview-table-doc-selection-summary{color:var(--muted);margin-top:18px;font-size:18px}.component-preview-table-doc-footer{border-top:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:0 30px;font-size:18px;display:flex}.component-preview-table-doc-footer-summary{color:var(--muted)}.component-preview-table-doc-footer-controls{align-items:center;gap:16px;display:inline-flex}.component-preview-table-doc-footer-nav{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.component-preview-table-doc-footer-nav.is-muted{color:var(--muted);font-weight:500}.component-preview-table-doc-page-pill{width:42px;height:42px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:inline-flex}.component-preview-table-doc-page-pill.is-active{background:#ffffffe6;font-weight:600;box-shadow:0 2px 10px #0f172a0d}.component-preview-table-toolbar,.component-preview-table-pagination{justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.component-preview-table-filter-row{flex-wrap:wrap;gap:8px;display:flex}.component-preview-table-filter-chip,.component-preview-table-page-pill,.component-preview-table-pagination-nav,.component-preview-table-action,.component-preview-table-utility{appearance:none;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;margin:0;text-decoration:none}.component-preview-table-filter-chip,.component-preview-table-page-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.component-preview-table-utility{flex:none;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.component-preview-table-header,.component-preview-table-data-row{align-items:center;gap:14px;padding:0 18px;display:grid}.component-preview-table-header{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);font-size:12px;font-weight:600}.component-preview-table-header.is-compact{min-height:40px}.component-preview-table-header-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-header-cell.is-handle{width:18px}.component-preview-table-header-cell.is-actions{justify-content:flex-end;justify-self:end}.component-preview-table-body{flex-direction:column;display:flex}.component-preview-table-data-row{border-bottom:1px solid var(--border);min-height:64px;font-size:13px;transition:background-color .16s,box-shadow .16s,transform .16s}.component-preview-table-data-row.is-compact{border-radius:0;min-height:58px}.component-preview-table-data-row.is-selected{box-shadow:inset 0 0 0 1px #3b82f61f}.component-preview-table-placeholder-row{box-sizing:border-box}.component-preview-table-placeholder-cell,.component-preview-table-cell{align-items:center;min-width:0;display:inline-flex}.component-preview-table-cell.is-code{font-variant-numeric:tabular-nums}.component-preview-table-cell.is-actions{justify-content:flex-end}.component-preview-table-member-cell{gap:10px}.component-preview-table-member-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.component-preview-table-member-name,.component-preview-table-member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-preview-table-member-name{font-weight:500}.component-preview-table-member-email{color:inherit;opacity:.78;font-size:12px}.component-preview-table-worker-id-copy{align-items:center;gap:8px;display:inline-flex}.component-preview-table-worker-link{color:inherit;opacity:.8;justify-content:center;align-items:center;display:inline-flex}.component-preview-table-row-handle{grid-template-columns:repeat(1,minmax(0,1fr));justify-items:center;gap:2px;width:18px;display:grid}.component-preview-table-row-handle span{opacity:.45;background:currentColor;border-radius:999px;width:3px;height:3px}.component-preview-table-avatar{border-radius:999px;flex:none;width:24px;height:24px}.component-preview-table-selection-dot{border-radius:999px;justify-self:center;width:8px;height:8px;display:block}.component-preview-table-selection-dot.is-active{box-shadow:0 0 0 4px #3b82f61f}.component-preview-table-actions{align-items:center;gap:6px;display:inline-flex}.component-preview-table-action{border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.component-preview-table-action.is-pressed{transform:scale(.94)}.component-preview-table-action svg{width:13px;height:13px;display:block}.component-preview-table-pagination{border-top:1px solid var(--border);font-size:12px}.component-preview-table-pagination-summary{align-items:center;min-width:0;display:inline-flex}.component-preview-table-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.component-preview-table-pagination-nav{justify-content:center;align-items:center;min-height:28px;transition:opacity .16s,transform .16s;display:inline-flex}.component-preview-table-page-pill.is-active{font-weight:600}.component-preview-table-filter-chip,.component-preview-table-page-pill,.component-preview-table-pagination-nav,.component-preview-table-action{transition:transform .16s,box-shadow .16s,opacity .16s}@media (max-width:1080px){.canvas-table-related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.canvas-table-doc-well,.canvas-table-doc-import,.component-preview--table-doc-card{padding:22px}.component-preview-table-doc-header,.component-preview-table-doc-row,.component-preview-table-doc-footer{padding-left:20px;padding-right:20px}}.component-preview--tabs{flex-direction:column;gap:14px;width:min(100%,420px);display:flex}.component-preview-tab-list{border:1px solid var(--border);box-shadow:none;background:#fff;border-radius:16px;gap:8px;padding:6px;display:inline-flex}.component-preview-tab{font:inherit;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.component-preview-tab.is-active{background:var(--accent-soft);color:var(--accent)}.component-preview-tab-panel{border:1px solid var(--border);color:var(--muted);box-shadow:none;background:#fff;border-radius:18px;padding:18px}.component-preview--toast-showcase{flex-direction:column;gap:24px;width:100%;display:flex}.component-preview-toast-toolbar{flex-direction:column;gap:14px;display:flex}.component-preview-toast-chip-row,.component-preview-toast-variant-row{flex-wrap:wrap;gap:10px;display:flex}.component-preview-toast-chip,.component-preview-toast-variant-chip{border:1px solid var(--border);background:var(--field-bg);color:var(--muted);font:inherit;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.component-preview-toast-chip.is-active,.component-preview-toast-variant-chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.component-preview-toast-stage{justify-content:flex-start;align-items:flex-start;min-height:0;padding:8px 0 0;display:flex}.component-preview-toast-stage-copy{color:var(--muted);max-width:320px;font-size:13px;line-height:1.4}.component-preview-toast-viewport{pointer-events:none;z-index:1000;box-sizing:border-box;justify-content:flex-end;align-items:flex-end;width:min(100vw - 32px,420px);display:flex;position:fixed;bottom:24px;right:24px}.component-preview-toast-viewport-stack{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px;width:100%;display:flex}@media (max-width:640px){.component-preview-toast-viewport{width:calc(100vw - 32px);bottom:16px;right:16px}}@keyframes toast-preview-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.component-preview-toast-viewport-layer{pointer-events:none;justify-content:flex-end;width:100%;animation:.18s cubic-bezier(.22,1,.36,1) toast-preview-enter;display:flex}.component-preview-toast-viewport-layer>.canvas-selectable,.component-preview-toast-viewport-layer .component-preview--toast-card{pointer-events:auto;width:100%}.component-preview--toast-card{border:1px solid var(--border);box-sizing:border-box;border-radius:20px;align-items:flex-start;gap:14px;width:100%;min-width:0;max-width:420px;margin:0 auto;padding:16px 18px;display:flex}.component-preview-toast-icon-wrap{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.component-preview-toast-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.component-preview-toast-title{font-size:15px;font-weight:600;line-height:1.35}.component-preview-toast-message{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.component-preview-toast-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.component-preview-toast-action,.component-preview-toast-close{font:inherit;background:0 0;border:0}.component-preview-toast-action{white-space:nowrap;padding:0;font-size:14px;font-weight:600}.component-preview-toast-close{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.component-preview--tooltip{justify-content:center;align-items:center;min-width:220px;min-height:124px;display:inline-flex;position:relative}.component-preview--tooltip-interactive{--tooltip-preview-gap:12px;--tooltip-preview-top-gap:32px;min-width:min(100%,420px);min-height:220px;padding:72px 96px;overflow:visible}.component-preview-tooltip-anchor{justify-content:center;align-items:center;display:inline-flex;position:relative}.canvas-tooltip-board{width:max-content;max-width:100%;display:block;overflow:visible}.canvas-tooltip-grid{--tooltip-cell-width:304px;--tooltip-cell-height:96px;grid-template-columns:76px repeat(3, var(--tooltip-cell-width));align-items:center;gap:32px 36px;width:max-content;display:grid}.canvas-tooltip-axis-label,.canvas-tooltip-row-label{letter-spacing:-.03em;font-size:16px;font-weight:700}.canvas-tooltip-axis-label{text-align:center}.canvas-tooltip-row-label{text-transform:lowercase;justify-self:end}.canvas-tooltip-cell{width:100%;min-width:0;height:var(--tooltip-cell-height);position:relative;overflow:visible}.canvas-tooltip-cell-selectable{width:100%;min-width:0}.canvas-selectable.canvas-tooltip-cell-selectable.is-selected{isolation:auto;box-shadow:none!important;background:0 0!important}.component-preview-tooltip-target{border:1px solid var(--border);color:var(--text);box-shadow:none;background:#fff;border-radius:14px;padding:10px 14px;font-weight:500}.component-preview-tooltip-bubble{box-sizing:border-box;width:max-content;max-width:100%;min-height:48px;color:var(--text);letter-spacing:-.01em;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;box-shadow:none;z-index:1;background:0 0;border-radius:20px;justify-content:center;align-items:center;padding:12px 18px;font-size:18px;font-weight:500;display:inline-flex;position:absolute}.component-preview--tooltip[data-preview=true] .component-preview-tooltip-bubble{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,visibility .14s}.component-preview--tooltip[data-preview=true]:hover .component-preview-tooltip-bubble,.component-preview--tooltip[data-preview=true]:focus-within .component-preview-tooltip-bubble{opacity:1;visibility:visible}.component-preview--tooltip-interactive .component-preview-tooltip-bubble{z-index:2}.component-preview-tooltip-bubble[data-position=top]{top:8px;left:50%;transform:translate(-50%)}.component-preview-tooltip-bubble[data-position=bottom]{bottom:8px;left:50%;transform:translate(-50%)}.component-preview-tooltip-bubble[data-position=left]{top:50%;left:12px;transform:translateY(-50%)}.component-preview-tooltip-bubble[data-position=right]{top:50%;right:12px;transform:translateY(-50%)}.component-preview-tooltip-bubble[data-position=top][data-align=start],.component-preview-tooltip-bubble[data-position=bottom][data-align=start]{left:0;transform:none}.component-preview-tooltip-bubble[data-position=top][data-align=end],.component-preview-tooltip-bubble[data-position=bottom][data-align=end]{left:auto;right:0;transform:none}.component-preview-tooltip-bubble[data-position=left][data-align=start],.component-preview-tooltip-bubble[data-position=right][data-align=start]{top:0;transform:none}.component-preview-tooltip-bubble[data-position=left][data-align=end],.component-preview-tooltip-bubble[data-position=right][data-align=end]{top:auto;bottom:0;transform:none}.component-preview-tooltip-arrow{background:inherit;width:12px;height:12px;box-shadow:inherit;border-radius:2px;position:absolute;transform:rotate(45deg)}.component-preview-tooltip-bubble[data-position=top][data-align=start] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=bottom][data-align=start] .component-preview-tooltip-arrow{left:22px}.component-preview-tooltip-bubble[data-position=top][data-align=center] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=bottom][data-align=center] .component-preview-tooltip-arrow{margin-left:-6px;left:50%}.component-preview-tooltip-bubble[data-position=top][data-align=end] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=bottom][data-align=end] .component-preview-tooltip-arrow{right:22px}.component-preview-tooltip-bubble[data-position=left][data-align=start] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=right][data-align=start] .component-preview-tooltip-arrow{top:14px}.component-preview-tooltip-bubble[data-position=left][data-align=center] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=right][data-align=center] .component-preview-tooltip-arrow{margin-top:-6px;top:50%}.component-preview-tooltip-bubble[data-position=left][data-align=end] .component-preview-tooltip-arrow,.component-preview-tooltip-bubble[data-position=right][data-align=end] .component-preview-tooltip-arrow{bottom:14px}.component-preview-tooltip-bubble[data-position=top] .component-preview-tooltip-arrow{bottom:-6px}.component-preview-tooltip-bubble[data-position=bottom] .component-preview-tooltip-arrow{top:-6px}.component-preview-tooltip-bubble[data-position=left] .component-preview-tooltip-arrow{right:-6px}.component-preview-tooltip-bubble[data-position=right] .component-preview-tooltip-arrow{left:-6px}.component-preview--tooltip-interactive .component-preview-tooltip-anchor>.component-preview-tooltip-bubble[data-position=top]{top:auto;right:auto;bottom:calc(100% + var(--tooltip-preview-top-gap));left:50%;transform:translate(-50%)}.component-preview--tooltip-interactive .component-preview-tooltip-anchor>.component-preview-tooltip-bubble[data-position=bottom]{top:calc(100% + var(--tooltip-preview-gap));bottom:auto;left:50%;right:auto;transform:translate(-50%)}.component-preview--tooltip-interactive .component-preview-tooltip-anchor>.component-preview-tooltip-bubble[data-position=left]{top:50%;right:calc(100% + var(--tooltip-preview-gap));bottom:auto;left:auto;transform:translateY(-50%)}.component-preview--tooltip-interactive .component-preview-tooltip-anchor>.component-preview-tooltip-bubble[data-position=right]{top:50%;bottom:auto;right:auto;left:calc(100% + var(--tooltip-preview-gap));transform:translateY(-50%)}@media (max-width:760px){.canvas-tooltip-grid{--tooltip-cell-width:248px;--tooltip-cell-height:92px;grid-template-columns:56px repeat(3, var(--tooltip-cell-width));gap:24px}}.component-preview--generic{border:1px solid var(--border);box-shadow:0 14px 34px var(--chrome-shadow-soft);background:#fff;padding:24px}.component-preview--box-preview{width:100%;max-width:520px}.component-preview--box-card{box-sizing:border-box;border-radius:24px;flex-direction:column;gap:12px;width:240px;min-height:180px;padding:24px;transition:opacity .16s;display:flex;position:relative;overflow:hidden}.component-preview--box-card[data-has-layers=true]{padding:0;display:block}.component-preview--box-card[data-state=disabled],.component-preview--box-card[data-state=readonly],.component-preview--box-card[data-state=read-only]{opacity:.58}.component-preview-box-kicker{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--canvas-backdrop) 74%, var(--surface));letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 42%, var(--muted));border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.component-preview-box-title{color:var(--text);font-size:20px;font-weight:700;line-height:1.25}.component-preview-box-content{color:var(--muted);max-width:42ch;font-size:14px;line-height:1.6}.component-preview--page{border:1px solid var(--border);background-color:#fff;border-radius:24px;width:min(100%,1440px);min-height:820px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f172a14}.component-preview-page-empty{min-height:inherit;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.component-preview-page-title{color:var(--text);font-size:20px;font-weight:700}.component-preview-page-copy{max-width:360px;font-size:14px;line-height:1.6}.canvas-section-stack{flex-direction:column;gap:60px;display:flex}.canvas-size-title{color:var(--text);margin:0 0 24px;font-size:14px;font-weight:600}.canvas-state-labels,.canvas-state-grid{gap:12px;display:grid}.canvas-state-grid{align-items:center}.canvas-box-board{width:max-content;min-width:max-content;max-width:none}.canvas-box-column{width:max-content;min-width:max-content}.canvas-box-controls{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--canvas-backdrop)) 0%, color-mix(in srgb, var(--canvas-backdrop) 91%, var(--surface)) 100%);border-radius:24px;flex-direction:column;gap:18px;width:max-content;min-width:max-content;margin-bottom:0;padding:20px;display:flex;box-shadow:inset 0 1px #ffffff85}.canvas-box-controls--rail{box-shadow:none;background:0 0;border:0;overflow:visible}.canvas-box-controls-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.canvas-box-controls-header--rail{align-items:flex-start}.canvas-box-controls-title{margin-bottom:6px}.canvas-box-controls-copy{color:var(--muted);max-width:48ch;margin:0;font-size:13px;line-height:1.55}.canvas-box-controls-copy--compact{max-width:38ch}.canvas-box-controls-count-badge{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--canvas-backdrop));min-height:32px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.canvas-box-controls-shelf{gap:12px;display:grid}.canvas-box-controls-group{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:18px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.canvas-box-controls-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.canvas-box-controls-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.canvas-box-controls-count,.canvas-box-controls-hint{color:var(--muted);font-size:12px}.canvas-box-chip-list,.canvas-box-preset-list{flex-wrap:wrap;gap:8px;display:flex}.canvas-box-state-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, var(--canvas-backdrop));border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;display:inline-flex}.canvas-box-state-chip[data-active=true]{background:#2563eb14;border-color:#2563eb4d;box-shadow:inset 0 1px #ffffff5c}.canvas-box-state-chip-button,.canvas-box-paste-toggle,.canvas-box-preset-button,.canvas-box-state-chip-remove,.canvas-box-paste-button{color:inherit;cursor:pointer;background:0 0;border:0}.canvas-box-state-chip-button,.canvas-box-paste-toggle,.canvas-box-preset-button,.canvas-box-paste-button{font:inherit}.canvas-box-state-chip-button{color:var(--text);padding:0;font-size:13px;font-weight:600}.canvas-box-state-chip-remove{width:24px;height:24px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.canvas-box-state-chip-remove:hover{color:var(--text);background:#0f172a0f}.canvas-box-paste-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--canvas-backdrop));color:var(--muted);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.canvas-box-paste-toggle[data-open=true]{color:#1d4ed8;background:#2563eb14;border-color:#2563eb4d}.canvas-box-paste-toggle:hover{color:var(--text);border-color:#2563eb3d}.canvas-box-preset-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s}.canvas-box-preset-button[data-active=true]{color:#1d4ed8;background:#2563eb14;border-color:#2563eb52}.canvas-box-preset-button:hover{color:var(--text);border-color:#2563eb3d}.canvas-box-paste-panel{border:1px dashed color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:18px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.canvas-box-paste-textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:76px;color:var(--text);font:inherit;resize:vertical;box-sizing:border-box;border-radius:14px;padding:14px 16px;line-height:1.55}.canvas-box-paste-textarea::placeholder{color:var(--muted)}.canvas-box-paste-textarea:focus{border-color:#2f80ed;outline:none;box-shadow:0 0 0 3px #2f80ed1f}.canvas-box-paste-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.canvas-box-paste-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.canvas-box-paste-button{color:#fff;background:#2f80ed;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.canvas-box-paste-button:disabled{opacity:.52;cursor:not-allowed}.canvas-box-rail-scroll{width:max-content;min-width:max-content;padding-bottom:0;overflow:visible}.canvas-box-rail{align-items:flex-start;gap:0;width:max-content;min-width:max-content;display:flex}.canvas-box-state-column{flex:none;gap:12px;width:max-content;min-width:0;display:grid}.canvas-box-state-column[data-active=true] .canvas-box-state-label-pill,.canvas-box-state-column[data-active=true] .canvas-box-state-order{color:#1d4ed8;background:#2563eb14;border-color:#2563eb47}.canvas-box-state-toolbar{align-items:center;gap:10px;min-height:34px;display:flex}.canvas-box-state-order,.canvas-box-state-label-pill,.canvas-box-state-toolbar-button,.canvas-box-add-slot-button,.canvas-box-add-panel-dismiss{font:inherit;color:inherit;background:0 0;border:0}.canvas-box-state-order{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);width:34px;height:30px;color:var(--muted);cursor:pointer;background:#ffffffeb;border-radius:11px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.canvas-box-state-label-pill{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);min-width:0;min-height:30px;color:var(--text);cursor:pointer;background:#ffffffe0;border-radius:11px;flex:1;align-items:center;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.canvas-box-state-toolbar-button{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffffe0;border-radius:10px;justify-content:center;align-items:center;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.canvas-box-state-order:hover,.canvas-box-state-label-pill:hover,.canvas-box-state-toolbar-button:hover,.canvas-box-state-order:focus-visible,.canvas-box-state-label-pill:focus-visible,.canvas-box-state-toolbar-button:focus-visible,.canvas-box-add-slot-button:hover .canvas-box-add-slot-circle,.canvas-box-add-slot-button:focus-visible .canvas-box-add-slot-circle,.canvas-box-add-panel-dismiss:hover,.canvas-box-add-panel-dismiss:focus-visible{color:var(--text);border-color:#2563eb42}.canvas-box-state-toolbar-spacer{flex:0 0 30px;width:30px;height:30px}.canvas-box-state-stack{flex-direction:column;gap:18px;display:flex}.canvas-box-state-row{width:max-content}.canvas-box-state-row .canvas-selectable,.canvas-box-state-row>*{width:max-content;max-width:none}.canvas-box-add-slot{flex:0 0 96px;justify-content:center;align-items:center;min-width:96px;min-height:248px;padding:0 10px;display:flex}.canvas-box-add-slot[data-open=true]{flex-basis:250px;min-width:250px}.canvas-box-add-slot-button{cursor:pointer;width:100%;min-height:248px;padding:0;position:relative}.canvas-box-add-slot-line{border-top:2px dashed color-mix(in srgb, var(--border) 82%, transparent);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.canvas-box-add-slot-circle{z-index:1;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);width:38px;height:38px;color:var(--muted);background:#fffffff5;border-radius:999px;justify-content:center;align-items:center;transition:border-color .16s,color .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 10px 24px #0f172a14}.canvas-box-add-slot-button:hover .canvas-box-add-slot-circle,.canvas-box-add-slot-button:focus-visible .canvas-box-add-slot-circle{transform:translateY(-1px)}.canvas-box-add-panel{border:1px dashed color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--canvas-backdrop));border-radius:20px;gap:12px;width:100%;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff70}.canvas-box-add-panel-title{color:var(--muted);font-size:12px;line-height:1.5}.canvas-box-add-panel-title strong{color:var(--text)}.canvas-box-add-panel-presets{flex-wrap:wrap;gap:8px;display:flex}.canvas-box-add-panel-empty{color:var(--muted);font-size:12px;line-height:1.5}.canvas-box-add-panel-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.canvas-box-add-panel-dismiss{color:var(--muted);cursor:pointer;padding:0;font-size:12px;font-weight:600}@media (max-width:900px){.canvas-box-state-column{flex-basis:auto;min-width:0}.canvas-box-add-slot{flex-basis:84px;min-width:84px;padding:0 8px}.canvas-box-add-slot[data-open=true]{flex-basis:228px;min-width:228px}}.canvas-accordion-state-stack{flex-direction:column;gap:24px;display:flex}.canvas-accordion-board{box-sizing:border-box;border:0;border-radius:0;flex-direction:column;gap:0;width:100%;max-width:none;padding:0;display:flex}.canvas-accordion-state-stack{flex-direction:column;gap:24px;width:100%;display:flex}.canvas-accordion-state-row{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.canvas-accordion-state-heading{color:var(--text);padding-top:14px;font-size:14px;font-weight:600;line-height:1.4}.canvas-accordion-spec-row{border-bottom:1px solid #e4e4e7;width:100%}.canvas-accordion-spec-row.is-last{border-bottom:1px solid #e4e4e7}.canvas-accordion-board--preview{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:48px}@media (max-width:900px){.canvas-accordion-state-row{grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.canvas-accordion-state-heading{padding-top:0}}.canvas-accordion-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:28px;padding:28px 30px 30px}.canvas-accordion-state-section{flex-direction:column;gap:12px;display:flex}.canvas-accordion-state-title{color:var(--text);font-size:12px;font-weight:600}.canvas-accordion-variant-labels,.canvas-accordion-variant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;display:grid}.canvas-accordion-variant-labels{margin-bottom:16px}.canvas-accordion-preview-cell{justify-content:center;display:flex}.canvas-button-board--preview{grid-template-columns:repeat(auto-fit,minmax(200px,max-content));gap:28px;display:grid}.canvas-button-preview-cell{justify-content:center;display:flex}.canvas-alert-board{width:100%;max-width:1280px}.canvas-alert-theme-panel{box-sizing:border-box}.canvas-alert-stack{flex-direction:column;gap:72px;width:100%;max-width:100%;margin:0;display:flex}@media (max-width:900px){.canvas-alert-stack{gap:24px}}.canvas-toast-board{grid-template-columns:repeat(auto-fit,minmax(730px,730px));justify-content:start;gap:24px;width:max-content;min-width:100%;max-width:none;margin:0;display:grid}.canvas-toast-state-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:28px;width:730px;min-width:730px;padding:28px 30px 30px}.canvas-toast-state-heading{color:var(--text);margin:0 0 20px;font-size:14px;font-weight:600}.canvas-toast-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.canvas-toast-cell{flex-direction:column;align-items:stretch;gap:12px;display:flex}.canvas-toast-panel{box-sizing:border-box;background:0 0;border-radius:24px;width:100%;min-width:0;padding:24px 24px 20px;overflow:visible}.canvas-toast-panel>.canvas-selectable,.canvas-toast-panel .component-preview--toast-card{width:100%;min-width:0;max-width:100%}.canvas-text-field-board{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;max-width:100%;display:grid}.canvas-text-field-column{flex-direction:column;gap:20px;display:flex}.canvas-text-field-state-stack{flex-direction:column;gap:18px;display:flex}.canvas-text-field-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:24px;padding:24px}.canvas-text-field-caption{color:var(--muted);margin-top:12px;font-size:12px}.canvas-date-field-board{flex-direction:column;gap:72px;width:max-content;min-width:max-content;max-width:none;display:flex}.canvas-date-field-row{flex-direction:column;align-items:stretch;gap:6px;width:380px;min-width:320px;max-width:420px;display:flex}.canvas-date-field-state-heading{color:var(--muted);text-transform:lowercase;padding:8px 0 4px;font-size:12px;font-weight:500;line-height:1.2}.canvas-date-field-panel{align-items:flex-start;width:100%;min-width:0;display:flex}.canvas-date-field-panel>.canvas-selectable.canvas-date-field-selectable,.canvas-date-field-panel .canvas-selectable.canvas-date-field-selectable,.canvas-date-field-panel .component-preview--date-field-card{width:100%;min-width:0;max-width:100%}.canvas-input-group-showcase{flex-direction:column;gap:56px;width:max-content;min-width:100%;max-width:none;display:flex}.canvas-input-group-section{flex-direction:column;gap:24px;display:flex}.canvas-input-group-section-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.canvas-input-group-variant-labels,.canvas-input-group-variant-grid{grid-template-columns:repeat(2,minmax(340px,376px));gap:18px;display:grid}.canvas-input-group-variant-labels{color:var(--muted);text-transform:lowercase;font-size:12px;font-weight:500;line-height:1.2}.canvas-input-group-section-body,.canvas-input-group-type-stack{flex-direction:column;display:flex}.canvas-input-group-section-body{gap:28px}.canvas-input-group-type-stack{gap:18px}.canvas-input-group-position-group{grid-template-columns:88px 1fr;align-items:start;gap:24px;display:grid}.canvas-input-group-position-label,.canvas-input-group-type-label{letter-spacing:-.02em;font-size:15px;font-weight:500;line-height:1.25}.canvas-input-group-position-label{color:var(--text);text-transform:lowercase;padding-top:8px}.canvas-input-group-type-row{grid-template-columns:88px 1fr;align-items:center;gap:18px;display:grid}.canvas-input-group-type-label{color:var(--muted);text-transform:lowercase}.canvas-input-group-selectable,.canvas-input-group-selectable .component-preview--input-group-card{width:100%;min-width:0}.canvas-text-area-board{grid-template-columns:minmax(320px,1fr);gap:24px;width:100%;max-width:100%;display:grid}.canvas-text-area-column{flex-direction:column;gap:20px;display:flex}.canvas-text-area-state-stack{flex-direction:column;gap:18px;display:flex}.canvas-text-area-panel{border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:24px;padding:24px}.canvas-text-area-caption{color:var(--muted);margin-top:12px;font-size:12px}.canvas-avatar-variant-stack{flex-direction:column;gap:44px;display:flex}.canvas-avatar-board{flex-direction:column;gap:70px;width:100%;max-width:none;display:flex}.canvas-avatar-state-heading{color:var(--text);margin:0 0 24px;font-size:14px;font-weight:600}.canvas-avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.canvas-avatar-row{flex-direction:column;display:flex}.canvas-avatar-cell{flex-direction:column;align-items:center;gap:18px;display:flex}.canvas-avatar-panel{background:0 0;border:0;border-radius:0;padding:0}.canvas-avatar-caption{width:100%;color:var(--muted);text-align:center;font-size:12px}.canvas-state-label{text-align:center;color:var(--muted);margin-bottom:16px;font-size:12px}.canvas-button-cell{justify-content:center;display:flex}.canvas-button{cursor:pointer;letter-spacing:-.01em;background:var(--accent-strong);color:var(--accent-strong-text);border:1px solid var(--accent-strong);box-shadow:0 12px 26px var(--chrome-shadow-soft);border-radius:14px;justify-content:center;align-items:center;font-weight:600;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s,filter .16s;display:inline-flex}.canvas-button[data-variant=soft]{background:color-mix(in srgb, var(--accent-strong) 12%, white);color:var(--accent-strong);box-shadow:0 8px 22px var(--chrome-shadow-soft);border-color:#0000}.canvas-button[data-variant=outline]{color:var(--text);border-color:var(--border);box-shadow:0 8px 18px var(--chrome-shadow-soft);background:#fff}.canvas-button[data-variant=ghost]{color:var(--text);box-shadow:none;background:0 0;border-color:#0000}.canvas-button[data-size=xs]{padding:8px 12px;font-size:12px}.canvas-button[data-size=sm]{padding:10px 14px;font-size:13px}.canvas-button[data-size=md]{padding:12px 16px;font-size:14px}.canvas-button[data-size=lg]{padding:14px 18px;font-size:15px}.canvas-button[data-size=xl]{padding:16px 20px;font-size:16px}.canvas-button[data-state=focus]{box-shadow:0 0 0 4px var(--back-button-border)}.canvas-button[data-state=disabled]{background:var(--surface-muted);color:var(--muted);border-color:var(--border);box-shadow:none;cursor:not-allowed}.canvas-button--preview-mode:not([data-variant=outline]):not([data-variant=ghost]):hover{filter:brightness(1.04)}.canvas-button--preview-mode[data-variant=outline]:hover,.canvas-button--preview-mode[data-variant=ghost]:hover{background:color-mix(in srgb, var(--accent-strong) 10%, transparent)}.canvas-button--preview-mode:focus-visible{box-shadow:0 0 0 4px var(--back-button-border);outline:none}.canvas-button--preview-mode:not([data-state=disabled]):active,.canvas-button--preview-mode[data-clicked=true]{filter:brightness(.98);transform:translateY(1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inspector-empty-state,.inspector-panel,.inspector-color-panel{--inspector-panel-bg:transparent;--inspector-panel-border:var(--border-subtle);--inspector-header-bg:transparent;--inspector-header-border:var(--border-subtle);--inspector-divider-border:var(--border-subtle);--inspector-field-border:var(--border);--inspector-field-bg:transparent;--inspector-muted-bg:transparent;--inspector-subtle-bg:transparent;--inspector-raised-bg:#fff;--inspector-accent-bg:transparent;--chrome-border:var(--border);--field-bg:transparent;--inspector-panel-shadow:0 8px 20px color-mix(in srgb, var(--chrome-shadow) 8%, transparent 92%);box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.inspector-empty-state[data-theme-mode=dark],.inspector-panel[data-theme-mode=dark],.inspector-color-panel[data-theme-mode=dark],.inspector-empty-state[data-theme-mode=light],.inspector-panel[data-theme-mode=light],.inspector-color-panel[data-theme-mode=light]{color:var(--text)}.inspector-shell[data-theme-mode=light]{color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.inspector-shell[data-theme-mode=dark]{--inspector-panel-border:var(--border-subtle);--inspector-header-border:var(--border-subtle);--inspector-divider-border:var(--border-subtle);--inspector-field-border:var(--border);--inspector-field-bg:color-mix(in srgb, var(--surface-muted) 92%, transparent);--inspector-muted-bg:color-mix(in srgb, var(--surface-muted) 64%, transparent);--inspector-raised-bg:var(--surface-elevated);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0}.inspector-shell[data-theme-mode=dark] .inspector-empty-state,.inspector-shell[data-theme-mode=dark] .inspector-panel,.inspector-shell[data-theme-mode=dark] .inspector-color-panel{border-color:var(--inspector-panel-border);color:var(--text);background:0 0}.inspector-shell[data-theme-mode=dark] .inspector-panel-header{border-bottom-color:var(--inspector-header-border);background:0 0}.inspector-shell[data-theme-mode=dark] .inspector-tabs{background:color-mix(in srgb, var(--surface-muted) 52%, transparent);box-shadow:inset 0 0 0 1px var(--inspector-divider-border)}.inspector-shell[data-theme-mode=dark] .inspector-section{border-top-color:var(--inspector-divider-border)}.inspector-shell[data-theme-mode=dark] .inspector-nav-button{color:#a7afba}.inspector-shell[data-theme-mode=dark] .inspector-nav-button:hover,.inspector-shell[data-theme-mode=dark] .inspector-nav-button:focus,.inspector-shell[data-theme-mode=dark] .inspector-nav-button:focus-visible{background:var(--surface-hover);color:var(--text);border-color:var(--inspector-panel-border)}.inspector-shell[data-theme-mode=dark] .inspector-nav-button.is-active{background:var(--surface-elevated);color:var(--text);border-color:var(--inspector-field-border);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--inspector-field-border) 46%, transparent)}.inspector-shell[data-theme-mode=dark] .inspector-prop-input,.inspector-shell[data-theme-mode=dark] .inspector-color-token-trigger,.inspector-shell[data-theme-mode=dark] .inspector-color-token-preview,.inspector-shell[data-theme-mode=dark] .inspector-props-overview,.inspector-shell[data-theme-mode=dark] .inspector-interaction-row,.inspector-shell[data-theme-mode=dark] .inspector-search-select-menu,.inspector-shell[data-theme-mode=dark] .inspector-auto-layout-size-card{background:var(--inspector-field-bg);border-color:var(--inspector-field-border);color:#f3f5f7}.inspector-shell[data-theme-mode=dark] .inspector-prop-input::placeholder{color:color-mix(in srgb, var(--muted) 76%, transparent)}.inspector-shell[data-theme-mode=dark] .inspector-prop-input:focus,.inspector-shell[data-theme-mode=dark] .inspector-prop-input:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-strong) 22%, transparent);outline-offset:1px;border-color:var(--accent-border)}.inspector-shell[data-theme-mode=dark] .inspector-prop-label,.inspector-shell[data-theme-mode=dark] .inspector-meta-label,.inspector-shell[data-theme-mode=dark] .inspector-empty-label{color:#a7afba}.inspector-shell[data-theme-mode=dark] .inspector-meta-value,.inspector-shell[data-theme-mode=dark] .inspector-panel-subtitle,.inspector-shell[data-theme-mode=dark] .inspector-color-token-title,.inspector-shell[data-theme-mode=dark] .inspector-search-select-option,.inspector-shell[data-theme-mode=dark] .inspector-auto-layout-size-input,.inspector-shell[data-theme-mode=dark] .inspector-auto-layout-size-mode{color:#f3f5f7}.inspector-empty-state{border:1px solid var(--inspector-panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--inspector-panel-shadow);color:var(--text);background:0 0;border-radius:18px;justify-content:center;padding:24px}.inspector-empty-label{color:var(--muted);text-align:center;font-size:13px}.inspector-panel{pointer-events:auto;--field-bg:var(--inspector-field-bg);border:1px solid var(--inspector-panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;box-shadow:var(--inspector-panel-shadow);color:var(--text);background:0 0;border-radius:0;flex:1;gap:0;margin-right:0;position:relative;overflow:hidden}.inspector-panel-header{border-bottom:1px solid var(--inspector-header-border);background:0 0;padding:16px 16px 12px}.inspector-panel-eyebrow{display:none}.inspector-tabs{width:100%;box-shadow:inset 0 0 0 1px var(--inspector-divider-border);background:0 0;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;margin-top:0;margin-bottom:0;padding:4px;display:grid}.inspector-panel-body{scrollbar-gutter:stable;box-sizing:border-box;background:0 0;flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden auto}.inspector-section{border:0;border-top:1px solid var(--inspector-divider-border);box-shadow:none;background:0 0;border-radius:0;padding:18px 16px 20px}.inspector-section--scope{padding-top:16px;padding-bottom:16px}.inspector-section--props{gap:12px;display:grid}.inspector-props-overview{border:1px solid var(--inspector-field-border);background:0 0;border-radius:16px;gap:10px;padding:14px;display:grid}.inspector-props-overview-copy{gap:4px;display:grid}.inspector-props-overview-title{color:var(--text);font-size:13px;font-weight:700}.inspector-props-overview-text{color:var(--muted);font-size:12px;line-height:1.5}.inspector-props-overview-badges{flex-wrap:wrap;gap:8px;display:flex}.inspector-props-overview-pill{border:1px solid var(--inspector-divider-border);min-height:28px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.inspector-props-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inspector-props-search{flex:1;min-width:0}.inspector-props-toolbar-button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);min-height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:10px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .18s,background-color .18s,color .18s}.inspector-props-toolbar-button:hover{color:var(--text)}.inspector-props-toolbar-button.is-active{border-color:color-mix(in srgb, var(--accent-strong) 26%, var(--border) 74%);background:var(--inspector-accent-bg);color:var(--accent-strong)}.inspector-props-empty-state{border:1px dashed var(--inspector-divider-border);background:0 0;border-radius:14px;padding:12px 14px}.inspector-disclosure{border-bottom:1px solid var(--inspector-divider-border);padding:4px 0 14px}.inspector-disclosure:last-child{border-bottom:none;padding-bottom:0}.inspector-disclosure-summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:6px 0 8px;font-size:14px;font-weight:700;list-style:none;display:flex}.inspector-disclosure-summary-copy{gap:2px;min-width:0;display:grid}.inspector-disclosure-summary-title{color:var(--text)}.inspector-disclosure-summary-meta{color:var(--muted);font-size:11px;font-weight:600}.inspector-disclosure-summary::-webkit-details-marker{display:none}.inspector-disclosure-summary:after{content:"+";color:var(--muted);font-size:16px;line-height:1}.inspector-disclosure[open] .inspector-disclosure-summary:after{content:"-"}.inspector-disclosure-content{background:0 0;flex-direction:column;gap:12px;padding-top:8px;display:flex}.inspector-disclosure-caption{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.inspector-meta-row{border-bottom:none;justify-content:space-between;gap:16px;padding:12px 0 0;display:flex}.inspector-meta-row:last-child{border-bottom:none}.inspector-meta-label{color:var(--muted);font-size:12px}.inspector-meta-value{color:var(--text);text-align:right;font-size:13px;font-weight:600}.inspector-empty-copy{color:var(--muted);font-size:13px;line-height:1.5}.inspector-nav-button{cursor:pointer;width:100%;min-width:0;min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:flex}.inspector-nav-button:hover,.inspector-nav-button:focus,.inspector-nav-button:focus-visible{background:color-mix(in srgb, var(--surface) 24%, transparent);color:var(--text);border-color:color-mix(in srgb, var(--border) 46%, transparent);box-shadow:none;outline:none}.inspector-nav-button.is-active{background:var(--inspector-raised-bg);color:var(--text);border-color:color-mix(in srgb, var(--border) 82%, transparent);box-shadow:0 1px 2px color-mix(in srgb, var(--chrome-shadow) 18%, transparent)}.inspector-prop-row{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.inspector-prop-row--schema{border-bottom:1px solid var(--inspector-divider-border);padding:10px 0}.inspector-prop-row--schema:last-child{border-bottom:none;padding-bottom:0}.inspector-interaction-row{border:1px solid var(--inspector-field-border);background:0 0;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid}.inspector-interaction-row:last-child{margin-bottom:0}.inspector-prop-meta{gap:6px;display:grid}.inspector-prop-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-interaction-row .inspector-prop-label-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.inspector-interaction-row .inspector-prop-meta{gap:8px;min-width:0}.inspector-prop-hint{color:var(--muted);font-size:11px;line-height:1.45}.inspector-prop-scope-pill{border:1px solid var(--inspector-divider-border);color:var(--muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.inspector-prop-scope-pill.is-component{color:var(--accent-strong)}.inspector-prop-row--schema .inspector-prop-label,.inspector-interaction-row .inspector-prop-label{color:var(--text);font-size:13px;font-weight:600}.inspector-interaction-row .inspector-prop-label{min-width:0;line-height:1.35}.inspector-interaction-row .inspector-prop-input{min-height:44px}.inspector-field-grid{gap:14px;margin-bottom:10px;display:grid}.inspector-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.inspector-prop-label{color:var(--muted);font-size:13px;line-height:1.35}.inspector-color-input{border:1px solid var(--inspector-field-border);width:100%;height:42px;color:var(--text);box-sizing:border-box;background:0 0;border-radius:8px;padding:4px}.inspector-color-control{gap:10px;display:grid;position:relative}.inspector-paint-control{gap:10px;display:grid}.inspector-color-token-row{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.inspector-color-token-row--paint-row{width:100%}.inspector-color-token-trigger,.inspector-color-token-preview{border:1px solid var(--inspector-field-border);background:0 0;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.inspector-color-token-trigger{cursor:pointer;text-align:left;width:100%;color:inherit}.inspector-color-token-trigger:disabled{cursor:default;opacity:.7}.inspector-color-token-trigger--paint-row{background:0 0;border-right:0;border-radius:8px 0 0 8px;gap:12px;min-height:52px;padding:0 14px}.inspector-color-token-swatch{border:1px solid color-mix(in srgb, var(--border) 82%, transparent 18%);width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 28%, transparent);border-radius:999px;flex-shrink:0}.inspector-color-token-swatch--gradient{border-radius:4px;width:20px;height:20px}.inspector-color-token-swatch--paint-row{border-radius:6px;width:24px;height:24px}.inspector-color-token-copy{gap:2px;min-width:0;display:grid}.inspector-color-token-title{color:var(--text);font-size:14px;line-height:1.2}.inspector-color-token-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.inspector-color-token-select,.inspector-color-token-select-wrap{min-width:0}.inspector-color-control--paint-row{gap:0;width:100%}.inspector-color-inline-control{border:1px solid var(--inspector-field-border);appearance:none;background:0 0;border-radius:8px 0 0 8px;grid-template-columns:40px minmax(0,1fr);align-items:stretch;width:100%;min-height:40px;padding:0;transition:border-color .18s,box-shadow .18s,background-color .18s;display:grid;overflow:hidden}.inspector-color-inline-control:focus-within{border-color:color-mix(in srgb, var(--accent-strong) 34%, var(--border) 66%);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 72%, transparent)}.inspector-color-inline-control--gradient{text-align:left;cursor:pointer}.inspector-color-inline-swatch-button{appearance:none;border:0;border-right:1px solid var(--inspector-divider-border);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.inspector-color-inline-swatch-button:hover{background:color-mix(in srgb, var(--surface) 32%, transparent)}.inspector-color-inline-hex-input,.inspector-color-inline-gradient-label{width:100%;min-width:0;color:var(--text);letter-spacing:0;background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:500;line-height:1}.inspector-color-inline-hex-input{text-transform:uppercase}.inspector-color-inline-hex-input:focus{outline:none}.inspector-color-inline-gradient-label{align-items:center;display:inline-flex}.inspector-color-panel{z-index:60;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f5f5f6;background:#2f2d2e;border:1px solid #ffffff14;border-radius:26px;flex-direction:column;align-items:stretch;width:468px;height:auto;padding:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 26px 64px #0000006b,0 6px 18px #0000004d}.inspector-color-panel--reference{--picker-bg:#2f2d2e;--picker-bg-elevated:#343233;--picker-border:#ffffff1a;--picker-border-strong:#ffffff2e;--picker-text:#f5f5f6;--picker-muted:#ffffffad;--picker-soft:#ffffff0a;--picker-soft-strong:#ffffff14;--picker-blue:#5c88e8;--picker-track:#1e1d1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:468px;max-height:min(760px,100vh - 24px);font-family:inherit;color:#f5f5f6!important;background:#2f2d2e!important;border-color:#ffffff14!important}.inspector-color-panel--reference,.inspector-color-panel--reference *{box-sizing:border-box}.inspector-color-panel--reference button,.inspector-color-panel--reference input,.inspector-color-panel--reference select{font:inherit}.inspector-color-panel--reference button,.inspector-color-panel--reference select{appearance:none}.inspector-color-panel-topbar{border-bottom:1px solid var(--picker-border);cursor:move;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 14px 16px;display:grid}.inspector-color-panel-tabstrip{align-items:center;gap:8px;display:inline-flex}.inspector-color-panel-tab{min-height:48px;color:var(--picker-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 16px;font-size:14px;font-weight:600}.inspector-color-panel-tab.is-active{background:var(--picker-soft-strong);color:var(--picker-text)}.inspector-color-panel-top-actions{justify-self:end;align-items:center;gap:8px;display:inline-flex}.inspector-color-panel-icon-button,.inspector-color-panel-inline-icon,.inspector-color-panel-tool{color:var(--picker-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.inspector-color-panel-icon-button{border-radius:12px;width:40px;height:40px;padding:0}.inspector-color-panel-icon-button:hover,.inspector-color-panel-inline-icon:hover,.inspector-color-panel-tool:hover{background:var(--picker-soft);color:var(--picker-text)}.inspector-color-panel-toolstrip{border-bottom:1px solid var(--picker-border);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:16px 14px;display:grid}.inspector-color-panel-tool{border-radius:12px;height:44px;padding:0}.inspector-color-panel-tool.is-active{color:#dbe5ff;background:#5c88e857}.inspector-color-panel-scroll{background:#2f2d2e;gap:18px;min-height:0;max-height:min(600px,100vh - 160px);padding:18px 18px 20px;display:grid;overflow:auto}.inspector-color-panel-status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-color-panel-contrast{color:var(--picker-text);align-items:center;gap:12px;display:inline-flex}.inspector-color-panel-contrast-swatch{background:linear-gradient(90deg,#fff 0 50%,#111 50% 100%);border:1px solid #fff3;border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000002e}.inspector-color-panel-contrast-value{font-size:15px;font-weight:600}.inspector-color-panel-status-actions{align-items:center;gap:10px;display:inline-flex}.inspector-color-panel-status-actions .inspector-color-panel-icon-button{width:32px;height:32px}.inspector-color-panel-aa{color:var(--picker-muted);font-size:14px;font-weight:700}.inspector-color-panel-aa.is-pass{color:var(--picker-text)}.inspector-paint-gradient-stack{gap:10px;display:grid}.inspector-paint-gradient-preview{align-items:flex-start}.inspector-paint-gradient-textarea{resize:vertical;min-height:92px;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}.inspector-paint-preset-grid{flex-wrap:wrap;gap:8px;display:flex}.inspector-paint-preset-button{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--inspector-raised-bg);min-height:34px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.inspector-paint-preset-button:hover{border-color:color-mix(in srgb, var(--accent) 22%, var(--border) 78%)}.inspector-paint-preset-swatch{border:1px solid color-mix(in srgb, var(--border) 70%, transparent 30%);border-radius:4px;flex-shrink:0;width:14px;height:14px}.inspector-paint-help{color:var(--muted);font-size:11px;line-height:1.4}.inspector-color-spectrum{cursor:crosshair;border:1px solid var(--picker-border-strong);border-radius:12px;width:100%;min-width:0;height:416px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.inspector-color-spectrum-overlay{pointer-events:none;position:absolute;inset:0}.inspector-color-spectrum-overlay--white{background:linear-gradient(#fffffff0 0%,#fff0 58%)}.inspector-color-spectrum-overlay--black{background:linear-gradient(#0000 44%,#000 100%)}.inspector-color-spectrum-overlay--dots{mix-blend-mode:screen;opacity:.55;background-image:radial-gradient(#ffffff4d 1px,#0000 1.5px);background-size:12px 12px}.inspector-color-spectrum-cursor{pointer-events:none;border:4px solid #fff;border-radius:999px;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 14px #00000052}.inspector-color-panel-slider-row{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;display:grid}.inspector-color-panel-inline-icon{border-radius:8px;width:26px;height:26px}.inspector-color-rail{background:var(--picker-track);cursor:ew-resize;border:1px solid #ffffff24;border-radius:999px;height:32px;position:relative;overflow:hidden}.inspector-color-rail-checker,.inspector-color-rail-fill{position:absolute;inset:0}.inspector-color-rail-checker{background-color:#0000;background-image:linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.inspector-color-rail-fill--hue-horizontal{background:linear-gradient(90deg,red 0%,#ff0 18%,#0f0 38%,#0ff 58%,#00f 78%,#f0f 90%,red 100%)}.inspector-color-rail-thumb{pointer-events:none;background:0 0;border:4px solid #fff;border-radius:999px;width:30px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000047}.inspector-color-panel-field-row{grid-template-columns:112px repeat(4,minmax(0,1fr));gap:8px;display:grid}.inspector-color-panel-field{min-width:0;position:relative}.inspector-color-panel-field--mode{grid-column:span 1}.inspector-color-panel-select,.inspector-color-panel-input,.inspector-color-library-select{border:1px solid var(--picker-border);background:var(--picker-bg-elevated);width:100%;min-height:48px;color:var(--picker-text);box-sizing:border-box;border-radius:12px;padding:0 14px;font-size:14px}.inspector-color-panel-select,.inspector-color-library-select{background-image:linear-gradient(45deg,#0000 50%,#ffffffb8 50%),linear-gradient(135deg,#ffffffb8 50%,#0000 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}.inspector-color-panel-input{appearance:textfield}.inspector-color-panel-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-color-panel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inspector-color-panel-field--percent .inspector-color-panel-input{padding-right:30px}.inspector-color-panel-field-suffix{color:var(--picker-muted);pointer-events:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inspector-color-library-section{border-top:1px solid var(--picker-border);gap:14px;min-height:0;padding-top:18px;display:grid}.inspector-color-library-toolbar{display:grid}.inspector-color-panel.is-library-view .inspector-color-library-section{border-top:0;padding-top:0}.inspector-color-library-grid{grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;gap:10px;display:grid}.inspector-color-library-swatch{background:var(--picker-soft);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:100%;height:32px;padding:0;display:inline-flex}.inspector-color-library-swatch:hover{border-color:var(--picker-border-strong)}.inspector-color-library-swatch.is-active{border-color:#5c88e8e0;box-shadow:inset 0 0 0 1px #5c88e847}.inspector-color-library-swatch-chip{border:1px solid #ffffff14;border-radius:6px;width:100%;height:100%}.inspector-color-panel--standard{color:#f5f5f6;background:#232326;border:1px solid #ffffff14;border-radius:18px;width:388px;height:auto;max-height:min(680px,100vh - 24px);overflow:hidden;box-shadow:0 24px 64px #0000005c,0 8px 20px #00000038}.inspector-color-panel--standard,.inspector-color-panel--standard *{box-sizing:border-box}.inspector-color-panel--standard button,.inspector-color-panel--standard input,.inspector-color-panel--standard select{font:inherit}.inspector-color-panel-standard-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.inspector-color-panel-standard-tabs{align-items:center;gap:8px;display:inline-flex}.inspector-color-panel-standard-tab,.inspector-color-panel-standard-close{color:#ffffffad;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}.inspector-color-panel-standard-tab.is-active{color:#fff;background:#ffffff14}.inspector-color-panel-standard-close{width:36px;padding:0}.inspector-color-panel-standard-close:hover,.inspector-color-panel-standard-tab:hover{color:#fff;background:#ffffff0f}.inspector-color-panel-standard-body{background:#232326;gap:16px;max-height:min(620px,100vh - 96px);padding:16px;display:grid;overflow:auto}.inspector-color-picker-standard-wrap{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:8px}.inspector-color-picker-standard-wrap.is-disabled{opacity:.58;pointer-events:none}.inspector-color-picker-standard.react-colorful{width:100%;height:252px}.inspector-color-picker-standard .react-colorful__saturation{border-bottom-width:14px;border-radius:12px 12px 0 0}.inspector-color-picker-standard .react-colorful__hue,.inspector-color-picker-standard .react-colorful__alpha{height:28px}.inspector-color-picker-standard .react-colorful__last-control{border-radius:0 0 12px 12px}.inspector-color-picker-standard .react-colorful__pointer{border-width:3px;width:22px;height:22px;box-shadow:0 4px 14px #00000038}.inspector-color-picker-standard .react-colorful__alpha,.inspector-color-picker-standard .react-colorful__hue,.inspector-color-picker-standard .react-colorful__saturation{box-shadow:inset 0 0 0 1px #ffffff14}.inspector-color-panel-standard-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.inspector-color-panel-standard-field{gap:6px;min-width:0;display:grid}.inspector-color-panel-standard-field--hex{grid-column:1/-1}.inspector-color-panel-standard-label,.inspector-color-panel-standard-section-title{color:#ffffffa3;font-size:12px;line-height:1.3}.inspector-color-panel-standard-input{color:#f5f5f6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:40px;padding:0 12px}.inspector-color-panel-standard-input:focus{outline-offset:1px;outline:2px solid #7aa2ff57}.inspector-color-panel-standard-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-color-panel-standard-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inspector-color-panel-standard-input[type=number]{appearance:textfield}.inspector-color-library-section--standard{border-top:0;gap:12px;padding-top:0}.inspector-color-library-toolbar--standard{justify-content:space-between;align-items:center;display:flex}.inspector-color-panel--standard.is-library-view .inspector-color-library-section--standard{padding-top:0}.inspector-color-panel--standard .inspector-color-library-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.inspector-color-panel--standard .inspector-color-library-swatch{aspect-ratio:auto;border-radius:8px;height:32px}.inspector-color-panel--standard .inspector-color-library-swatch-chip{border-radius:6px}.inspector-color-popover--standard{z-index:120;color:#f5f5f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#232326;border:1px solid #ffffff14;border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:320px;max-width:min(320px,100vw - 24px);max-height:min(680px,100vh - 24px);display:grid;position:fixed;overflow:hidden;box-shadow:0 24px 64px #0000005c,0 8px 20px #00000038}.inspector-color-popover--standard,.inspector-color-popover--standard *{box-sizing:border-box}.inspector-color-popover--standard button,.inspector-color-popover--standard input,.inspector-color-popover--standard select{font:inherit;color:inherit}.inspector-color-popover--standard button{appearance:none;background:0 0;border:0;margin:0}.inspector-color-popover--standard select,.inspector-color-popover--standard input{appearance:none}.inspector-color-popover-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.inspector-color-popover-tabs{align-items:center;gap:8px;display:inline-flex}.inspector-color-popover-tab,.inspector-color-popover-close{color:#ffffffad;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}.inspector-color-popover-tab.is-active,.inspector-color-popover-tab:hover,.inspector-color-popover-close:hover{color:#fff;background:#ffffff14}.inspector-color-popover-close{flex-shrink:0;width:36px;padding:0}.inspector-color-popover-body{background:#232326;gap:16px;min-height:0;padding:16px;display:grid;overflow:auto}.inspector-color-popover-picker-wrap{padding:0}.inspector-color-popover-picker-wrap.is-disabled{opacity:.58;pointer-events:none}.inspector-color-popover-picker.react-colorful{width:100%;height:248px}.inspector-color-popover-picker .react-colorful__saturation{border-bottom-width:14px;border-radius:14px 14px 0 0;box-shadow:inset 0 0 0 1px #ffffff14}.inspector-color-popover-picker .react-colorful__hue,.inspector-color-popover-picker .react-colorful__alpha{border-radius:999px;height:24px;margin-top:10px;box-shadow:inset 0 0 0 1px #ffffff1a}.inspector-color-popover-picker .react-colorful__alpha-pointer,.inspector-color-popover-picker .react-colorful__hue-pointer,.inspector-color-popover-picker .react-colorful__pointer{border-width:3px;width:22px;height:22px;box-shadow:0 4px 14px #00000038}.inspector-color-popover-values{gap:8px;display:grid}.inspector-color-popover-values--hex{grid-template-columns:96px minmax(0,1fr)}.inspector-color-popover-values--rgb{grid-template-columns:96px repeat(4,minmax(0,1fr))}.inspector-color-popover-mode-field,.inspector-color-popover-value-field{min-width:0;position:relative}.inspector-color-popover-mode-select,.inspector-color-popover-value-input{color:#f5f5f6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:44px;padding:0 14px}.inspector-color-popover-mode-select{background-image:linear-gradient(45deg,#0000 50%,#ffffffb8 50%),linear-gradient(135deg,#ffffffb8 50%,#0000 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}.inspector-color-popover-value-input{appearance:textfield}.inspector-color-popover-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-color-popover-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inspector-color-popover-value-field--alpha .inspector-color-popover-value-input{padding-right:28px}.inspector-color-popover-value-suffix{color:#ffffff94;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inspector-color-popover-mode-select:focus,.inspector-color-popover-value-input:focus{outline-offset:1px;outline:2px solid #7aa2ff57}.inspector-color-popover-library{gap:12px;display:grid}.inspector-color-popover-library-header{justify-content:space-between;align-items:center;display:flex}.inspector-color-popover-section-title{color:#ffffffa3;font-size:12px;line-height:1.3}.inspector-color-library-grid--popover{grid-template-columns:repeat(8,minmax(0,1fr))}.inspector-color-popover--standard .inspector-color-library-swatch{aspect-ratio:auto;border-radius:8px;height:32px}.inspector-color-popover--standard .inspector-color-library-swatch-chip{border-radius:6px}.inspector-color-popover-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspector-prop-input{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--inspector-field-bg);width:100%;min-height:44px;color:var(--text);box-sizing:border-box;border-radius:10px;padding:10px 12px;font-size:14px}.inspector-disclosure--surface .inspector-disclosure-content{gap:16px}.inspector-disclosure--surface .inspector-paint-layer{gap:8px}.inspector-disclosure--surface .inspector-paint-layer-header{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.inspector-disclosure--surface .inspector-paint-layer-row{grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:8px;width:100%;display:grid}.inspector-disclosure--surface .inspector-paint-layer-main{grid-template-columns:minmax(0,1fr) 74px;align-items:stretch;gap:0;min-width:0;display:grid}.inspector-surface-stack{gap:16px;display:grid}.inspector-paint-layer{gap:8px;display:grid}.inspector-paint-layer+.inspector-paint-layer{border-top:1px solid color-mix(in srgb, var(--border) 82%, transparent);padding-top:16px}.inspector-paint-layer-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-paint-layer-title{color:var(--text);font-size:13px;font-weight:600}.inspector-paint-layer-add-button{width:28px;min-width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .18s,color .18s;display:inline-flex}.inspector-paint-layer-add-button:hover,.inspector-paint-layer-add-button:focus-visible{background:color-mix(in srgb, var(--surface) 28%, transparent);color:var(--text);outline:none}.inspector-paint-layer-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.inspector-paint-layer-main{grid-template-columns:minmax(0,1fr) 74px;align-items:stretch;gap:0;min-width:0;display:grid}.inspector-paint-layer-row-action,.inspector-paint-stroke-settings-button{width:28px;min-width:28px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:background-color .18s,color .18s;display:inline-flex}.inspector-paint-layer-row-action:hover,.inspector-paint-layer-row-action:focus-visible,.inspector-paint-stroke-settings-button:hover,.inspector-paint-stroke-settings-button:focus-visible{background:color-mix(in srgb, var(--surface) 28%, transparent);color:var(--text);outline:none}.inspector-paint-stroke-settings-button.is-active{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text)}.inspector-paint-layer-row-action.is-muted{color:color-mix(in srgb, var(--muted) 72%, transparent)}.inspector-paint-layer-opacity{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--inspector-field-bg);box-sizing:border-box;border-left:0;border-radius:0 8px 8px 0;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:0;min-width:0;height:40px;padding:0 0 0 8px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:inline-grid}.inspector-paint-layer-opacity:focus-within{border-color:color-mix(in srgb, var(--accent-strong) 34%, var(--border) 66%);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 72%, transparent)}.inspector-paint-layer-opacity-input{width:100%;color:var(--text);font:inherit;text-align:center;background:0 0;border:0;outline:none;padding-right:0;font-size:14px;font-weight:500}.inspector-paint-layer-opacity-unit{border-left:1px solid color-mix(in srgb, var(--border) 82%, transparent);width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.inspector-paint-layer-advanced{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--surface-elevated) 6%);border-radius:16px;gap:12px;padding:14px;display:grid}.inspector-effects-segmented--paint{padding:4px}.inspector-paint-stroke-stack,.inspector-paint-stroke-toolbar,.inspector-paint-stroke-grid{gap:8px;display:grid}.inspector-paint-stroke-toolbar{grid-template-columns:minmax(0,1fr) 96px 28px;align-items:stretch}.inspector-paint-stroke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-paint-inline-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--muted) 88%, transparent) 50%), linear-gradient(135deg, color-mix(in srgb, var(--muted) 88%, transparent) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:8px;min-height:40px;padding:0 30px 0 12px}.inspector-paint-inline-field{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--inspector-field-bg);box-sizing:border-box;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:inline-grid}.inspector-paint-inline-field:focus-within,.inspector-paint-inline-select:focus{border-color:color-mix(in srgb, var(--accent-strong) 34%, var(--border) 66%);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 72%, transparent);outline:none}.inspector-paint-inline-icon,.inspector-paint-inline-label{color:var(--muted);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.inspector-paint-inline-input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;font-size:14px;font-weight:500}.inspector-paint-layer .inspector-color-token-title{text-transform:none;font-size:16px;font-weight:500}.inspector-paint-layer .inspector-color-token-swatch{width:24px;height:24px}.inspector-paint-layer .inspector-color-token-swatch--gradient{border-radius:6px}.inspector-prop-input--full{width:100%}.inspector-search-select{position:relative}.inspector-search-select-menu{z-index:12;border:1px solid var(--chrome-border);background:var(--inspector-field-bg);max-height:220px;box-shadow:0 12px 28px color-mix(in srgb, var(--chrome-shadow) 16%, transparent);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.inspector-search-select-option,.inspector-search-select-empty{padding:10px 12px;font-size:13px;line-height:1.35}.inspector-search-select-option{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;display:flex}.inspector-search-select-option:hover,.inspector-search-select-option.is-active{background:color-mix(in srgb, var(--accent) 9%, var(--field-bg) 91%)}.inspector-search-select-option-label{font-weight:500}.inspector-search-select-empty{color:var(--muted-text)}.inspector-search-select.is-disabled .inspector-search-select-menu{display:none}.inspector-auto-layout{flex-direction:column;gap:12px;display:flex}.inspector-auto-layout-enable{border:1px dashed var(--chrome-border);background:var(--field-bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:flex}.inspector-auto-layout-enable:hover{border-color:var(--accent-strong);color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 8%, var(--field-bg) 92%)}.inspector-auto-layout-enable-plus{font-size:16px;line-height:1}.inspector-auto-layout-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.inspector-auto-layout-toolbar-actions{align-items:center;gap:8px;display:flex}.inspector-auto-layout-segmented,.inspector-auto-layout-spacing{align-items:center;gap:6px;display:inline-flex}.inspector-auto-layout-segmented{border:1px solid var(--border);background:var(--surface-elevated);border-radius:11px;padding:2px}.inspector-auto-layout-segmented--toolbar{background:color-mix(in srgb, var(--surface-elevated) 86%, var(--surface-muted) 14%);border-radius:12px;gap:2px;padding:3px}.inspector-auto-layout-icon-button,.inspector-auto-layout-pill{border:1px solid var(--border);background:var(--field-bg);color:var(--text);cursor:pointer;border-radius:10px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.inspector-auto-layout-icon-button{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.inspector-auto-layout-pill{min-height:32px;padding:0 10px;font-size:12px;font-weight:600}.inspector-auto-layout-icon-button:hover,.inspector-auto-layout-pill:hover{border-color:color-mix(in srgb, var(--accent-strong) 46%, var(--border) 54%)}.inspector-auto-layout-icon-button.is-active,.inspector-auto-layout-pill.is-active{border-color:var(--accent-strong);background:var(--inspector-accent-bg);color:var(--accent-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent 78%)}.inspector-auto-layout-panel{background:0 0;border:none;gap:14px;padding:0;display:grid}.inspector-auto-layout-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inspector-auto-layout-size-card{border:1px solid var(--border);background:var(--inspector-subtle-bg);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.inspector-auto-layout-size-axis{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.inspector-auto-layout-size-input,.inspector-auto-layout-size-mode{color:var(--text);background:0 0;border:none;outline:none;min-width:0;padding:0}.inspector-auto-layout-size-input{width:100%;font-size:14px;font-weight:600}.inspector-auto-layout-size-mode{color:var(--text);appearance:none;cursor:pointer;font-size:13px;font-weight:600}.inspector-auto-layout-main{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;display:grid}.inspector-auto-layout-controls,.inspector-auto-layout-control-group,.inspector-auto-layout-padding,.inspector-auto-layout-advanced{gap:8px;display:grid}.inspector-auto-layout-padding-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-auto-layout-field-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.inspector-auto-layout-alignment{border:1px solid var(--border);background:var(--field-bg);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid}.inspector-auto-layout-alignment-cell{border:1px solid color-mix(in srgb, var(--chrome-border) 84%, transparent 16%);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.inspector-auto-layout-alignment-cell:hover{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--chrome-border) 58%)}.inspector-auto-layout-alignment-cell.is-active{border-color:var(--accent-strong);background:var(--inspector-accent-bg);color:var(--accent-strong)}.inspector-auto-layout-alignment-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.inspector-auto-layout-number{text-align:center}.inspector-auto-layout-compact-select{min-height:36px;padding-top:8px;padding-bottom:8px}.inspector-auto-layout-padding-grid{gap:8px;display:grid}.inspector-auto-layout-padding-grid--linked{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-auto-layout-padding-grid--unlinked{grid-template-rows:38px 56px 38px;grid-template-columns:56px 64px 56px;justify-content:center;align-items:center;gap:8px}.inspector-auto-layout-padding-toggle{border:1px solid var(--border);background:var(--field-bg);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.inspector-auto-layout-padding-toggle:hover{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--chrome-border) 58%)}.inspector-auto-layout-padding-toggle.is-active{border-color:var(--accent-strong);background:var(--inspector-accent-bg);color:var(--accent-strong)}.inspector-auto-layout-padding-axis-card{border:1px solid var(--border);background:var(--field-bg);border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:56px;padding:0 10px;display:grid}.inspector-auto-layout-padding-axis-label{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;text-align:center;font-size:12px;font-weight:700}.inspector-auto-layout-padding-axis-input{text-align:center}.inspector-auto-layout-padding-input{text-align:center;padding-left:8px;padding-right:8px}.inspector-auto-layout-padding-input--top{grid-area:1/2}.inspector-auto-layout-padding-input--right{grid-area:2/3}.inspector-auto-layout-padding-input--bottom{grid-area:3/2}.inspector-auto-layout-padding-input--left{grid-area:2/1}.inspector-auto-layout-padding-center{border:1px dashed var(--chrome-border);background:var(--field-bg);width:64px;height:56px;color:var(--muted);border-radius:12px;grid-area:2/2;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.inspector-auto-layout-clip{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:500;display:inline-flex}.inspector-auto-layout-clip input{width:18px;height:18px;margin:0}.inspector-auto-layout-advanced-disclosure{border-top:1px solid var(--chrome-border);padding-top:10px}.inspector-auto-layout-advanced-summary{cursor:pointer;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700;list-style:none}.inspector-auto-layout-advanced-summary::-webkit-details-marker{display:none}.inspector-auto-layout-advanced{padding-top:10px}.inspector-effects{gap:12px;display:grid}.inspector-effects-header{justify-content:flex-end;align-items:center;display:flex}.inspector-effects-add-shell{display:inline-flex;position:relative}.inspector-effects-add-button{border:1px solid var(--border);background:var(--inspector-subtle-bg);min-height:36px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.inspector-effects-add-button:hover{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--border) 58%);color:var(--accent-strong)}.inspector-effects-add-menu{z-index:12;border:1px solid var(--border);background:var(--inspector-raised-bg);min-width:188px;box-shadow:0 16px 40px color-mix(in srgb, var(--chrome-shadow) 16%, transparent);border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.inspector-effects-add-menu-item{width:100%;min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 10px;font-size:13px;font-weight:500;transition:background .18s,color .18s;display:flex}.inspector-effects-add-menu-item:hover{background:var(--surface-hover);color:var(--accent-strong)}.inspector-effects-list{gap:8px;display:grid}.inspector-effects-item{border:1px solid var(--border);background:var(--inspector-subtle-bg);border-radius:14px;grid-template-columns:40px minmax(0,1fr) 36px 36px;align-items:center;gap:8px;padding:8px;display:grid}.inspector-effects-item.is-selected{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--border) 58%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent 82%)}.inspector-effects-preview,.inspector-effects-icon-button{border:1px solid var(--border);background:var(--inspector-subtle-bg);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.inspector-effects-preview{width:40px;height:40px}.inspector-effects-icon-button{width:36px;height:36px}.inspector-effects-preview:hover,.inspector-effects-icon-button:hover{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--border) 58%);color:var(--text)}.inspector-effects-preview.is-active,.inspector-effects-icon-button.is-active{border-color:var(--accent-strong);background:var(--inspector-accent-bg);color:var(--accent-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent 78%)}.inspector-effects-select{border:1px solid var(--border);background:var(--inspector-subtle-bg);width:100%;min-height:40px;color:var(--text);border-radius:10px;padding:0 12px;font-size:13px;font-weight:500}.inspector-effects-item:not(.is-selected) .inspector-effects-preview{color:var(--text)}.inspector-effects-panel{border:1px solid var(--border);background:var(--inspector-raised-bg);box-shadow:0 16px 40px color-mix(in srgb, var(--chrome-shadow) 18%, transparent);border-radius:22px;gap:0;display:grid;overflow:hidden}.inspector-effects-panel-header{border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent 22%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 14px 12px;display:grid}.inspector-effects-panel-body{gap:14px;padding:14px 14px 16px;display:grid}.inspector-effects-panel-actions{gap:8px;display:inline-flex}.inspector-effects-panel-select{border:1px solid var(--border);background:var(--inspector-raised-bg);width:100%;min-height:44px;color:var(--text);border-radius:12px;padding:0 14px;font-size:13px;font-weight:500}.inspector-effects-section-label{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.inspector-empty-note{color:var(--muted);font-size:13px}.inspector-effects-grid{gap:10px;display:grid}.inspector-effects-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-effects-field{gap:6px;display:grid}.inspector-effects-inline-row{grid-template-columns:108px minmax(0,1fr);align-items:center;gap:12px;display:grid}.inspector-effects-inline-row--stack,.inspector-effects-inline-row--light{align-items:start}.inspector-effects-inline-label{color:var(--muted);font-size:11px;font-weight:600;line-height:1.4}.inspector-effects-inline-body{min-width:0}.inspector-effects-input-shell{border:1px solid color-mix(in srgb, var(--border) 84%, transparent 16%);background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:0 12px;display:grid}.inspector-effects-input-prefix{color:var(--muted);text-align:center;min-width:14px;font-size:13px;font-weight:700}.inspector-effects-inline-input,.inspector-effects-slider-value{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.inspector-effects-inline-input:focus,.inspector-effects-slider-value:focus{outline:none}.inspector-effects-slider-combo{border:1px solid color-mix(in srgb, var(--border) 84%, transparent 16%);background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);border-radius:12px;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:grid}.inspector-effects-slider{width:100%;accent-color:var(--accent-strong);margin:0}.inspector-effects-light-layout{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:12px;display:grid}.inspector-effects-light-preview{border:1px solid color-mix(in srgb, var(--border) 82%, transparent 18%);background:linear-gradient(180deg, #ffffffeb 0%, #ffffffad 100%), color-mix(in srgb, var(--surface) 90%, var(--surface-elevated) 10%);border-radius:16px;width:108px;min-width:108px;height:108px;position:relative;overflow:hidden}.inspector-effects-light-beam{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-strong) 84%, var(--surface) 16%) 0%, #fff0 100%);filter:blur(.5px);transform-origin:50%;border-radius:999px;width:14px;height:84px;position:absolute;top:50%;left:50%}.inspector-effects-light-dot{border:1px solid color-mix(in srgb, var(--border) 88%, transparent 12%);background:color-mix(in srgb, var(--surface) 94%, var(--surface-elevated) 6%);width:14px;height:14px;box-shadow:0 1px 2px color-mix(in srgb, var(--chrome-shadow) 16%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspector-effects-light-fields{gap:12px;min-width:0;display:grid}.inspector-effects-field-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.inspector-effects-color-row{border:1px solid color-mix(in srgb, var(--border) 84%, transparent 16%);background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);border-radius:12px;grid-template-columns:32px minmax(0,1fr) 56px auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:grid}.inspector-effects-color-swatch{border:1px solid var(--border);background:var(--inspector-subtle-bg);cursor:pointer;border-radius:9px;width:32px;height:32px;padding:0;overflow:hidden}.inspector-effects-color-swatch::-webkit-color-swatch-wrapper{padding:0}.inspector-effects-color-swatch::-webkit-color-swatch{border:none;border-radius:8px}.inspector-effects-color-input,.inspector-effects-opacity-input{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.inspector-effects-opacity-input{text-align:center}.inspector-effects-opacity-unit{color:var(--muted);font-size:12px;font-weight:700}.inspector-effects-segmented{background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.inspector-effects-segmented-button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s}.inspector-effects-segmented-button:hover{color:var(--text)}.inspector-effects-segmented-button.is-active{background:var(--inspector-raised-bg);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, var(--border) 84%)}.inspector-effects-checkbox{color:var(--text);align-items:center;gap:10px;min-height:42px;padding:0 4px;font-size:14px;font-weight:500;display:inline-flex}.inspector-effects-checkbox input{width:20px;height:20px;accent-color:var(--accent-strong);margin:0}.inspector-effects-advanced-disclosure{border-top:1px solid var(--chrome-border);padding-top:10px}.inspector-effects-advanced-summary{cursor:pointer;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700;list-style:none}.inspector-effects-advanced-summary::-webkit-details-marker{display:none}.inspector-effects-advanced{gap:10px;padding-top:10px;display:grid}.inspector-prop-textarea{resize:vertical;min-height:84px;font-family:inherit}.inspector-prop-textarea--code{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.inspector-toggle-row{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.inspector-toggle-label{color:var(--text)}.inspector-add-prop{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.inspector-add-prop-row{flex-wrap:wrap;gap:8px;display:flex}.inspector-add-prop-row .inspector-prop-input{flex:1;min-width:120px}.inspector-add-prop-button{background:var(--accent);min-height:40px;color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:0 16px;font-size:12px;font-weight:700}.export-panel{margin-top:18px}.export-panel--modal{grid-template-rows:auto minmax(0,1fr) auto;gap:24px;height:100%;min-height:0;margin-top:0;display:grid;overflow:hidden}.export-panel-header{gap:20px;display:grid}.export-panel-header--guide{gap:14px}.export-panel-scroll{scrollbar-gutter:stable;align-content:start;gap:24px;min-height:0;margin-right:-8px;padding-right:8px;display:grid;overflow:auto}.export-panel-scroll--guide{gap:20px}.export-panel-footer-shell{border-top:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:linear-gradient(#f8f9fc00 0%,#f8f9fcf0 26%);gap:12px;padding-top:16px;display:grid}.inspector-panel :where(.inspector-prop-input,.inspector-color-input,.inspector-color-token-trigger,.inspector-color-token-preview,.inspector-color-inline-control,.inspector-props-overview,.inspector-props-overview-pill,.inspector-interaction-row,.inspector-paint-inline-field,.inspector-paint-inline-select,.inspector-search-select-menu,.inspector-auto-layout-enable,.inspector-auto-layout-segmented,.inspector-auto-layout-segmented--toolbar,.inspector-auto-layout-icon-button,.inspector-auto-layout-pill,.inspector-auto-layout-size-card,.inspector-auto-layout-alignment,.inspector-effects-add-button,.inspector-effects-item,.inspector-effects-preview,.inspector-effects-icon-button,.inspector-effects-select,.inspector-effects-panel,.inspector-effects-panel-select,.inspector-effects-input-shell,.inspector-effects-slider-combo,.inspector-effects-color-row,.inspector-effects-color-swatch,.inspector-effects-segmented){border-color:var(--inspector-field-border);background:0 0}.inspector-panel :where(.inspector-paint-layer+.inspector-paint-layer,.inspector-effects-panel-header){border-color:var(--inspector-divider-border)}.inspector-panel .inspector-effects-panel{box-shadow:0 8px 20px color-mix(in srgb, var(--chrome-shadow) 8%, transparent 92%)}.export-guide-view{gap:20px;display:grid}.export-guide-back{width:fit-content;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:500;display:inline-flex}.export-guide-back-icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.export-guide-back-icon svg{width:18px;height:18px}.export-guide-intro{color:var(--text);max-width:70ch;margin:0;font-size:14px;line-height:1.65}.export-guide-stage{background:color-mix(in srgb, var(--surface-elevated) 82%, white 18%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 76%, transparent);border-radius:20px;gap:18px;padding:20px;display:grid}.export-guide-browser{background:#fff;border-radius:18px;gap:0;display:grid;overflow:hidden;box-shadow:0 18px 40px #0f172a14}.export-guide-browser-bar{border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:linear-gradient(#f5f7fb 0%,#eef2f7 100%);align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex}.export-guide-browser-dot{background:#d4d4d8;border-radius:999px;width:10px;height:10px}.export-guide-browser-provider{color:var(--muted);margin-left:8px;font-size:12px;font-weight:700}.export-guide-browser-body{gap:12px;padding:22px 22px 24px;display:grid}.export-guide-browser-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.export-guide-url{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:#f7f8fb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px;min-height:64px;padding:16px;display:flex}.export-guide-url-segment{color:var(--muted);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6}.export-guide-url-segment.is-field{color:#245fda;background:#2f80ed1f;border-radius:10px;padding:4px 8px;font-weight:700}.export-guide-url-hint{color:var(--muted);font-size:13px;line-height:1.55}.export-guide-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.export-guide-field-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:#ffffffe0;border-radius:16px;gap:8px;padding:16px;display:grid}.export-guide-field-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-guide-field-name{color:var(--text);font-size:13px;font-weight:700}.export-guide-field-example{color:#245fda;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.export-guide-field-source{color:var(--muted);font-size:12px;font-weight:600}.export-guide-field-copy{color:var(--text);font-size:13px;line-height:1.55}.export-guide-steps{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:#ffffffc2;border-radius:18px;gap:12px;padding:16px;display:grid}.export-guide-steps-title{color:var(--text);font-size:13px;font-weight:700}.export-guide-steps-list{gap:10px;display:grid}.export-guide-step{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.export-guide-step-index{color:#245fda;background:#2f80ed1f;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.export-guide-step-copy{color:var(--text);font-size:13px;line-height:1.55}.export-panel-tabs{background:color-mix(in srgb, var(--surface-elevated) 88%, white 12%);width:fit-content;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 78%, transparent);border-radius:14px;align-items:center;gap:6px;padding:4px;display:inline-flex}.export-panel-tab{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s}.export-panel-tab.is-active{color:var(--text);background:#fff;box-shadow:0 1px #0f172a0a,0 10px 24px #0f172a0f}.export-panel-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.export-panel-heading{gap:8px;max-width:720px;display:grid}.export-panel-title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:32px;line-height:1.08}.export-panel-copy{color:var(--muted);max-width:64ch;margin:0;font-size:14px;line-height:1.65}.export-panel-help-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#18181b;border:0;border-radius:12px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .18s,opacity .18s}.export-panel-help-button:hover{transform:translateY(-1px)}.export-panel-help-button.is-active{opacity:.88}.export-panel-help-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--surface-elevated) 6%);border-radius:18px;gap:10px;padding:16px 18px;display:grid}.export-panel-help-title{color:var(--text);font-size:13px;font-weight:700}.export-panel-help-list{gap:8px;display:grid}.export-panel-help-item{color:var(--muted);font-size:13px;line-height:1.55}.export-framework-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.export-framework-card{min-height:152px;color:var(--text);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;justify-items:center;gap:10px;padding:18px 12px;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:grid}.export-framework-card:hover{background:color-mix(in srgb, var(--surface) 96%, var(--surface-elevated) 4%);transform:translateY(-1px)}.export-framework-card.is-active{border-color:color-mix(in srgb, var(--accent-strong) 18%, var(--border) 82%);background:color-mix(in srgb, var(--accent-strong) 7%, white 93%);box-shadow:0 16px 32px #2f80ed14}.export-framework-card-icon{background:color-mix(in srgb, var(--surface-elevated) 92%, white 8%);color:#18181b;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;transition:background-color .18s,color .18s;display:flex}.export-framework-card.is-active .export-framework-card-icon{color:#4f7cff;background:#2f80ed1f}.export-framework-card-icon svg{width:40px;height:40px}.export-framework-card-label{color:var(--text);font-size:15px;font-weight:600}.export-framework-card-meta{color:var(--muted);font-size:12px;line-height:1.45}.export-panel-mode{gap:16px;display:grid}.export-panel-note{color:var(--muted);font-size:13px;line-height:1.55}.export-panel-disclosure{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--surface-elevated) 4%);border-radius:20px;overflow:hidden}.export-panel-disclosure-summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.export-panel-disclosure-summary::-webkit-details-marker{display:none}.export-panel-disclosure-summary:after{content:"+";color:var(--muted);font-size:18px;line-height:1}.export-panel-disclosure[open] .export-panel-disclosure-summary:after{content:"-"}.export-panel-disclosure-content{gap:12px;padding:0 18px 18px;display:grid}.export-panel-inline-actions{flex-wrap:wrap;gap:10px;display:flex}.export-panel-form-grid{gap:16px;display:grid}.export-panel-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.export-panel-field{gap:8px;min-width:0;display:grid}.export-panel-field--full{width:100%}.export-panel-field-label{color:var(--text);font-size:13px;font-weight:600}.export-panel-select,.export-panel-input{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--surface-elevated) 4%);width:100%;min-height:52px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:14px;padding:0 14px;font-size:14px}.export-panel-input--full{width:100%}.export-panel-code{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#0f172a;border-radius:16px;width:100%;min-height:220px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.export-panel-feedback{border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5}.export-panel-feedback.is-success{background:color-mix(in srgb, var(--success) 10%, white 90%);color:var(--success)}.export-panel-feedback.is-error{background:color-mix(in srgb, var(--danger) 10%, white 90%);color:var(--danger)}.export-panel-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-panel-secondary-button,.export-panel-primary-button{min-height:46px;font:inherit;cursor:pointer;border-radius:12px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .18s,opacity .18s,background-color .18s,border-color .18s}.export-panel-secondary-button{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);color:var(--text)}.export-panel-secondary-button:hover,.export-panel-primary-button:hover{transform:translateY(-1px)}.export-panel-secondary-button--compact{min-height:40px;padding:0 14px;font-size:13px}.export-panel-primary-button{color:#fff;background:#18181b;border:0;box-shadow:0 18px 30px #18181b1f}.export-panel-primary-button:disabled,.export-panel-secondary-button:disabled{opacity:.56;cursor:default;transform:none}@media (max-width:960px){.export-modal-card--export-flow{width:min(100vw - 32px,920px);height:min(100vh - 32px,630px);max-height:min(100vh - 32px,630px);padding:24px 24px 22px}.export-guide-field-grid,.export-framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.export-modal-overlay{padding:16px}.export-modal-card--export-flow{border-radius:24px;width:calc(100vw - 32px);height:calc(100vh - 32px);max-height:calc(100vh - 32px);padding:22px 20px 20px}.export-panel-hero,.export-panel-footer{flex-direction:column;align-items:stretch}.export-panel-title{font-size:26px}.export-guide-field-grid,.export-panel-form-grid--two,.export-framework-grid{grid-template-columns:minmax(0,1fr)}.export-panel-help-button,.export-panel-primary-button,.export-panel-secondary-button{justify-content:center;width:100%}}@media (max-width:520px){.export-panel-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.export-panel-tab{width:100%}}.editor{grid-template-columns:320px 1fr 100px;height:calc(100vh - 80px);display:grid}.panel{box-sizing:border-box;flex-direction:column;display:flex}.canvas{background:#fdfdfd;padding:40px 60px;overflow:auto}.inspector{flex-direction:column;align-items:center;gap:16px;display:flex}.logo-container-copy{gap:2px;display:grid}.logo-container-title{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.logo-container-subtitle{color:var(--muted);font-size:12px;line-height:1.4}.editor-loading-screen{background:radial-gradient(circle at 0 0,#3b82f629,#0000 34%),radial-gradient(circle at 100% 100%,#ec48991f,#0000 28%),linear-gradient(#eef4ff 0%,#f8fafc 52%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.editor-loading-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #94a3b83d;border-radius:28px;width:min(100%,540px);padding:32px;box-shadow:0 28px 70px #0f172a1f}.editor-loading-eyebrow{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.editor-loading-title{color:#0f172a;letter-spacing:-.04em;margin-top:14px;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1}.editor-loading-copy{color:#475569;margin-top:12px;font-size:15px;line-height:1.7}.projects-topbar,.projects-shell{width:min(100%,1320px);margin:0 auto}.projects-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border:1px solid #94a3b83d;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:20px 24px;display:flex;box-shadow:0 24px 60px #0f172a14}.projects-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.projects-topbar-link{color:#475569;border-radius:999px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s}.projects-topbar-link:hover{color:#0f172a;background:#e2e8f0b8}.projects-topbar-button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background-color .16s}.projects-topbar-button:hover{transform:translateY(-1px)}.projects-topbar-button--secondary{color:#0f172a;background:#e2e8f0}.projects-topbar-button--secondary:hover{background:#cbd5e1}.projects-topbar-button--primary{color:#fff;background:linear-gradient(135deg,#111827 0%,#2563eb 100%);box-shadow:0 16px 34px #2563eb38}.projects-shell{gap:24px;display:grid}.projects-hero{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff57,#0000 24%),linear-gradient(135deg,#07111f 0%,#102445 42%,#1e40af 100%);border-radius:36px;grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr);gap:24px;padding:clamp(28px,5vw,44px);display:grid;box-shadow:0 34px 80px #0f172a2e}.projects-hero-copy{align-content:start;gap:16px;display:grid}.projects-hero-eyebrow{color:#bfdbfef5;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.projects-hero-title{letter-spacing:-.05em;max-width:12ch;margin:0;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.projects-hero-description{color:#e2e8f0eb;max-width:640px;margin:0;font-size:17px;line-height:1.75}.projects-stats-grid{align-content:start;gap:14px;display:grid}.projects-stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;padding:22px 22px 24px;box-shadow:inset 0 1px #ffffff0f}.projects-stat-label{color:#bfdbfedb;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.projects-stat-value{color:#fff;letter-spacing:-.04em;margin-top:12px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.projects-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;padding:0 8px;display:flex}.projects-toolbar-copy{gap:6px;display:grid}.projects-section-title{color:#0f172a;letter-spacing:-.03em;font-size:28px;font-weight:700}.projects-section-subtitle{color:#64748b;font-size:14px;line-height:1.6}.projects-search-field{color:#64748b;background:#ffffffe0;border:1px solid #94a3b838;border-radius:18px;align-items:center;gap:10px;width:min(100%,360px);padding:14px 16px;display:flex;box-shadow:0 18px 42px #0f172a0f}.projects-search-field input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;padding:0}.projects-search-field input::placeholder{color:#94a3b8}.projects-grid{grid-template-columns:minmax(320px,420px) repeat(auto-fit,minmax(280px,1fr));align-items:flex-start;gap:20px;display:grid}.project-create-card{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff14,#0000 28%),linear-gradient(160deg,#0f172a 0%,#111827 48%,#1d4ed8 100%);border-radius:30px;gap:12px;padding:28px;display:grid;position:sticky;top:24px;box-shadow:0 30px 80px #0f172a33}.project-create-eyebrow{color:#bfdbfee6;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.project-create-title{letter-spacing:-.04em;margin:0 0 8px;font-size:30px;line-height:1.05}.project-create-note{color:#e2e8f0d6;margin:-2px 0 6px;font-size:14px;line-height:1.6}.project-create-label{color:#e2e8f0eb;margin-top:4px;font-size:13px;font-weight:600}.project-create-input,.project-create-textarea{color:#fff;background:#0f172a4d;border:1px solid #94a3b842;border-radius:16px;outline:none;width:100%;padding:14px 16px;transition:border-color .16s,background-color .16s,box-shadow .16s}.project-create-input::placeholder,.project-create-textarea::placeholder{color:#bfdbfe8a}.project-create-input:focus,.project-create-textarea:focus{background:#0f172a6b;border-color:#60a5fab8;box-shadow:0 0 0 4px #3b82f62e}.project-create-textarea{resize:vertical;min-height:132px}.project-create-error{color:#fecaca;font-size:13px;line-height:1.5}.project-create-success{color:#bfdbfe;font-size:13px;line-height:1.5}.project-create-submit{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:12px;padding:14px 18px;font-size:15px;font-weight:700;box-shadow:0 18px 36px #0f172a2e}.project-create-submit:disabled{cursor:wait;opacity:.72}.project-card{--project-accent:#2563eb;background:#ffffffe6;border:1px solid #94a3b838;border-radius:26px;gap:18px;min-height:252px;padding:24px;display:grid;box-shadow:0 22px 54px #0f172a14}.project-card-accent{background:var(--project-accent);border-radius:999px;width:76px;height:6px}.project-card-meta{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-card-client{color:var(--project-accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.project-card-title{color:#0f172a;letter-spacing:-.04em;margin:8px 0 0;font-size:24px;line-height:1.08}.project-card-updated{color:#64748b;white-space:nowrap;font-size:13px}.project-card-description{color:#475569;margin:0;line-height:1.7}.project-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.project-card-badge{color:#1d4ed8;background:#2563eb14;border-radius:999px;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:inline-flex}.project-card-open{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:700}@media (max-width:1100px){.projects-hero,.projects-grid{grid-template-columns:1fr}.project-create-card{position:static}}@media (max-width:760px){.projects-page{padding:16px}.projects-topbar{border-radius:24px;flex-direction:column;align-items:stretch;padding:18px}.projects-topbar-actions,.projects-toolbar,.project-card-meta,.project-card-footer{flex-direction:column;align-items:stretch}.projects-topbar-button,.project-card-open{width:100%}.projects-hero{border-radius:28px;padding:24px}.projects-toolbar{padding:0}.projects-search-field{width:100%}.project-create-card,.project-card{border-radius:22px;padding:20px}}.projects-page{color:#373530;background:#fff;min-height:100vh;padding:0}.projects-page *,.projects-page :before,.projects-page :after{box-sizing:border-box}.projects-dashboard{background:#fff;grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.projects-dashboard-sidebar{flex-direction:column;padding:34px 24px 30px 32px;display:flex}.projects-dashboard-brand{align-items:center;width:fit-content;display:inline-flex}.projects-dashboard-brand img{width:83px;height:auto;display:block}.projects-dashboard-nav{flex-direction:column;gap:10px;margin-top:210px;display:flex}.projects-dashboard-nav-link,.projects-dashboard-logout{color:#a1a0aa;cursor:pointer;background:0 0;border:0;width:fit-content;padding:8px;font-size:24px;line-height:1.2;text-decoration:none;transition:color .16s}.projects-dashboard-nav-link:hover,.projects-dashboard-logout:hover{color:#4d4a46}.projects-dashboard-nav-link.is-active{color:#4a7bf6}.projects-dashboard-logout{color:#9ca3af;margin-top:auto;font-size:18px}.projects-dashboard-main{padding:8px 38px 48px}.projects-dashboard-logo-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.projects-dashboard-topbar{justify-content:flex-end;margin-bottom:34px;display:flex}.projects-dashboard-topbar-actions{background:#fff;border:1px solid #e6e6e6e6;border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex;box-shadow:0 8px 26px #0f172a0d}.projects-dashboard-icon-button,.projects-dashboard-avatar{color:#373530;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:inline-flex;position:relative}.projects-dashboard-icon-button{cursor:pointer}.projects-dashboard-avatar{overflow:hidden}.projects-dashboard-avatar img{object-fit:cover;width:100%;height:100%;display:block}.projects-dashboard-avatar span{color:#0000;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.projects-dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 34px;padding-left:22px;display:flex}.projects-dashboard-copy{gap:6px;display:grid}.projects-dashboard-title{letter-spacing:-.03em;color:#22201d;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:36px;font-weight:400;line-height:1.08}.projects-dashboard-subtitle{color:#4d4a46;margin:0;font-size:16px;line-height:1.45}.projects-dashboard-search{color:#8f8b85;background:#fff;border:1px solid #e6e6e6eb;border-radius:8px;align-items:center;gap:12px;width:min(100%,344px);min-height:40px;padding:0 14px;display:inline-flex}.projects-dashboard-search input{color:#373530;background:0 0;border:0;outline:none;width:100%;font-size:16px}.projects-dashboard-search input::placeholder{color:#8f8b85}.projects-design-dna{gap:22px;margin:0 0 34px;padding-left:22px;display:grid}.projects-design-dna-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.projects-design-dna-copy{gap:8px;max-width:760px;display:grid}.projects-design-dna-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#4a7bf6;font-size:12px;font-weight:700}.projects-design-dna-title{letter-spacing:-.03em;color:#22201d;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:30px;font-weight:400;line-height:1.05}.projects-design-dna-description{color:#5f5b54;max-width:64ch;margin:0;font-size:15px;line-height:1.6}.projects-design-dna-status{color:#4d4a46;background:#fff;border:1px solid #e6e6e6eb;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;min-height:42px;padding:0 16px;display:inline-flex;box-shadow:0 10px 30px #0f172a0a}.projects-design-dna-status.is-ready{color:#19635b;background:#b1ede529;border-color:#19635b26}.projects-design-dna-status.is-upgrade{color:#8c5b10;background:#ffdda32e;border-color:#b4751229}.projects-design-dna-status.is-locked{color:#6c6772;background:#f3f4f6eb}.projects-design-dna-status-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.projects-design-dna-content{grid-template-columns:minmax(0,1.4fr) minmax(280px,340px);align-items:start;gap:18px;display:grid}.projects-design-dna-preview-panel,.projects-design-dna-preset-panel{background:#fff;border:1px solid #e6e6e6eb;border-radius:24px;box-shadow:0 18px 44px #0f172a0d}.projects-design-dna-preview-panel{gap:18px;padding:18px;display:grid}.projects-design-dna-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projects-design-dna-filter-row{flex-wrap:wrap;gap:10px;display:flex}.projects-design-dna-filter-chip{color:#4d4a46;cursor:pointer;background:#fff;border:1px solid #dfe4ebf0;border-radius:999px;min-height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.projects-design-dna-filter-chip:hover{border-color:#4a7bf638;transform:translateY(-1px)}.projects-design-dna-filter-chip.is-active{color:#2f5fff;background:#4a7bf614;border-color:#4a7bf62e}.projects-design-dna-cta{color:#fff;background:#2f5fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px #2f5fff3d}.projects-design-dna-helper{color:#51607a;background:#4a7bf60f;border-radius:999px;flex-shrink:0;align-items:center;min-height:38px;padding:0 14px;font-size:13px;display:inline-flex}.projects-design-dna-preview-stage{border:1px solid #e6e6e6e6;border-radius:26px;padding:22px;overflow:hidden}.projects-design-dna-preview-canvas{background:#ffffffb3;border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px #ffffffa6}.projects-design-dna-scene{grid-template-columns:1.1fr 1fr 1fr;gap:16px;display:grid}.projects-design-dna-scene-card{border:1px solid #e6e6e6eb;border-radius:22px;min-width:0;padding:18px}.projects-design-dna-scene-card--hero{flex-direction:column;grid-area:1/1/span 3/2;justify-content:space-between;min-height:520px;display:flex}.projects-design-dna-scene-card--switches{grid-area:1/2/2/3;align-content:center;gap:16px;min-height:140px;display:grid}.projects-design-dna-scene-card--menu{grid-area:2/2/3/3;gap:10px;min-height:250px;display:grid}.projects-design-dna-scene-card--form{grid-area:1/3/span 2/4;gap:14px;display:grid}.projects-design-dna-scene-card--search{grid-area:3/2/4/3;gap:12px;display:grid}.projects-design-dna-scene-card--dialog{grid-area:3/3/5/4;gap:16px;display:grid}.projects-design-dna-scene-card--code{grid-area:4/2/5/4;gap:12px;display:grid}.projects-design-dna-scene-kicker{font-size:14px;font-weight:600}.projects-design-dna-scene-title{letter-spacing:-.05em;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:clamp(34px,4vw,66px);line-height:.96}.projects-design-dna-scene-calendar{font-size:15px;font-weight:500}.projects-design-dna-switch{border-radius:999px;align-items:center;width:68px;height:38px;padding:4px;display:flex}.projects-design-dna-switch span{border-radius:999px;width:30px;height:30px;display:block;box-shadow:0 6px 12px #0f172a24}.projects-design-dna-switch.is-on{justify-content:flex-end}.projects-design-dna-menu-head,.projects-design-dna-menu-foot,.projects-design-dna-field-label,.projects-design-dna-dialog-title,.projects-design-dna-radio-title,.projects-design-dna-preset-title,.projects-design-dna-note-label{font-size:13px;font-weight:600}.projects-design-dna-menu-item,.projects-design-dna-list-item{border-radius:12px;align-items:center;min-height:40px;padding:0 12px;font-size:13px;display:flex}.projects-design-dna-menu-foot{border-top:1px solid #e6e6e6c7;margin-top:auto;padding-top:10px}.projects-design-dna-field-block{gap:7px;display:grid}.projects-design-dna-field{border:1px solid #e6e6e6e6;border-radius:12px;align-items:center;min-height:40px;padding:0 13px;font-size:13px;display:flex}.projects-design-dna-field-hint,.projects-design-dna-radio-copy,.projects-design-dna-preset-caption,.projects-design-dna-preset-description,.projects-design-dna-note p,.projects-design-dna-list-title{font-size:12px;line-height:1.45}.projects-design-dna-search{border:1px solid #e6e6e6e6;border-radius:14px;align-items:center;gap:10px;min-height:44px;padding:0 13px;font-size:13px;display:flex}.projects-design-dna-dialog-title{font-size:15px}.projects-design-dna-radio-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.projects-design-dna-radio{border:1px solid #e6e6e6eb;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:inline-flex}.projects-design-dna-radio span{border-radius:999px;width:8px;height:8px;display:block}.projects-design-dna-dialog-button{background:0 0;border:1px solid #e6e6e6eb;border-radius:14px;flex:1;min-height:42px;font-size:13px;font-weight:600}.projects-design-dna-dialog-button--primary{border-color:#0000}.projects-design-dna-code-row{align-items:center;gap:8px;display:flex}.projects-design-dna-code-cell{border:1px solid #e6e6e6eb;border-radius:14px;justify-content:center;align-items:center;width:42px;height:48px;font-size:18px;font-weight:600;display:inline-flex}.projects-design-dna-preset-panel{gap:16px;padding:18px;display:grid}.projects-design-dna-preset-heading{gap:4px;display:grid}.projects-design-dna-preset-title{color:#22201d;font-size:16px}.projects-design-dna-preset-caption{color:#8f8b85}.projects-design-dna-preset-list{gap:10px;display:grid}.projects-design-dna-preset-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe4ebf0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.projects-design-dna-preset-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a0f}.projects-design-dna-preset-card.is-active{background:#4a7bf60a;border-color:#4a7bf638;box-shadow:0 14px 30px #2f5fff1a}.projects-design-dna-preset-swatches{gap:6px;display:flex}.projects-design-dna-preset-swatches span{border:1px solid #dfe4ebeb;border-radius:999px;width:16px;height:16px}.projects-design-dna-preset-copy{gap:4px;min-width:0;display:grid}.projects-design-dna-preset-name{color:#22201d;font-size:14px;font-weight:600}.projects-design-dna-preset-description{color:#6f6b66}.projects-design-dna-preset-arrow{color:#8f8b85}@keyframes klayd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes klayd-slide-up{0%{opacity:0;transform:var(--klayd-base-transform,none) translateY(18px)}to{opacity:1;transform:var(--klayd-base-transform,none) translateY(0)}}@keyframes klayd-slide-down{0%{opacity:0;transform:var(--klayd-base-transform,none) translateY(-18px)}to{opacity:1;transform:var(--klayd-base-transform,none) translateY(0)}}@keyframes klayd-scale-in{0%{opacity:0;transform:var(--klayd-base-transform,none) scale(.96)}to{opacity:1;transform:var(--klayd-base-transform,none) scale(1)}}@keyframes klayd-pulse{0%{transform:var(--klayd-base-transform,none) scale(1)}50%{transform:var(--klayd-base-transform,none) scale(1.03)}to{transform:var(--klayd-base-transform,none) scale(1)}}.projects-design-dna-note{background:#f4f7fbe0;border:1px solid #dfe4ebe0;border-radius:18px;gap:6px;padding:14px;display:grid}.projects-design-dna-note-value{color:#22201d;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.projects-design-dna-toolbar{align-items:center}.projects-design-dna-toolbar-meta{justify-content:flex-end;align-items:center;gap:12px;display:flex}.projects-design-dna-helper{white-space:normal;max-width:480px;line-height:1.45}.projects-design-dna-studio{gap:22px;display:grid}.projects-design-dna-studio-shell{background:var(--dna-window-bg);box-shadow:var(--dna-shadow-strong);border:1px solid #e6e6e6e6;border-radius:34px;gap:16px;padding:14px;display:grid}.projects-design-dna-browser-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:4px 8px 12px;display:grid}.projects-design-dna-browser-brand{min-width:0;color:var(--dna-text);align-items:center;gap:12px;font-family:Tietoevry Sans,sans-serif;font-size:24px;line-height:1;display:inline-flex}.projects-design-dna-browser-brand-mark{width:44px;height:44px;color:var(--dna-text);background:#ffffffbd;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 26px #0f172a14}.projects-design-dna-browser-tabs{background:#ffffff8a;border:1px solid #ffffffb3;border-radius:999px;justify-self:center;align-items:center;gap:8px;max-width:100%;padding:6px;display:inline-flex;box-shadow:inset 0 1px #ffffff75}.projects-design-dna-browser-tab{color:#22201da6;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-size:15px}.projects-design-dna-browser-tab.is-active{color:var(--dna-text);background:#ffffffeb;box-shadow:0 8px 18px #0f172a14}.projects-design-dna-browser-actions{align-items:center;gap:10px;display:inline-flex}.projects-design-dna-browser-action{width:42px;height:42px;color:var(--dna-text);background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 22px #0f172a0f}.projects-design-dna-window{background:var(--dna-window-shell);border:1px solid #ffffffc2;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b}.projects-design-dna-window:before{content:"";background:radial-gradient(circle, var(--dna-window-glow) 0%, #fff0 72%);pointer-events:none;border-radius:999px;height:180px;position:absolute;inset:24px 22px auto}.projects-design-dna-window-head{border-bottom:1px solid var(--dna-border);background:#ffffff52;padding:16px 22px 14px;position:relative}.projects-design-dna-window-dots{gap:10px;display:flex}.projects-design-dna-window-dots span{background:#22201d26;border-radius:999px;width:18px;height:18px}.projects-design-dna-window-body{padding:18px;position:relative}.projects-design-dna-mosaic{grid-template-columns:1.05fr 1.2fr 1.08fr;grid-template-areas:"hero hero auth""actions profile communities""actions credits dialog""actions notify dialog";gap:18px;display:grid}.projects-design-dna-panel,.projects-design-dna-community-card,.projects-design-dna-control-card,.projects-design-dna-preset-panel,.projects-design-dna-note{border-radius:calc(var(--dna-card-radius) + 2px);border:1px solid var(--dna-border);background:var(--dna-surface);min-width:0;box-shadow:var(--dna-shadow)}.projects-design-dna-panel{color:var(--dna-text);padding:20px}.projects-design-dna-panel--hero{background:var(--dna-surface-strong);grid-area:hero;align-content:start;gap:22px;min-height:420px;display:grid}.projects-design-dna-panel--auth{grid-area:auth;align-content:start;gap:18px;display:grid}.projects-design-dna-panel--profile{grid-area:profile;gap:16px;display:grid}.projects-design-dna-community-grid{grid-area:communities;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.projects-design-dna-community-card{color:var(--dna-text);gap:12px;padding:16px;display:grid}.projects-design-dna-panel--actions{grid-area:actions;align-content:start;gap:14px;display:grid}.projects-design-dna-panel--credits{grid-area:credits;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:116px;display:grid}.projects-design-dna-panel--notify{grid-area:notify;justify-content:space-between;align-items:center;gap:16px;min-height:116px;display:flex}.projects-design-dna-panel--dialog{grid-area:dialog;align-content:start;gap:16px;min-height:296px;display:grid}.projects-design-dna-token-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.projects-design-dna-token{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:0 8px 20px #0f172a1f}.projects-design-dna-token--accent{background:var(--dna-accent);color:var(--dna-accent-contrast)}.projects-design-dna-visual-toggle{background:var(--dna-surface-muted);border-radius:999px;align-items:center;width:68px;height:34px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #fff6}.projects-design-dna-visual-toggle span{background:#fff;border-radius:999px;width:26px;height:26px;display:block;box-shadow:0 8px 18px #0f172a1f}.projects-design-dna-visual-toggle.is-on{background:color-mix(in srgb, var(--dna-accent) 24%, white);justify-content:flex-end}.projects-design-dna-visual-toggle.is-on span{background:var(--dna-accent-contrast)}.projects-design-dna-pulse-dot{background:color-mix(in srgb, var(--dna-accent) 24%, white);border-radius:999px;width:28px;height:28px;position:relative}.projects-design-dna-pulse-dot:after{content:"";border-radius:inherit;background:var(--dna-text);position:absolute;inset:8px}.projects-design-dna-spinner{border:4px solid #ffffffad;border-top-color:var(--dna-accent);border-radius:999px;width:28px;height:28px}.projects-design-dna-button-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.projects-design-dna-ui-button,.projects-design-dna-provider-button,.projects-design-dna-dialog-button,.projects-design-dna-mini-cta,.projects-design-dna-note-link{border-radius:var(--dna-form-radius);border:0;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.projects-design-dna-ui-button:hover,.projects-design-dna-provider-button:hover,.projects-design-dna-dialog-button:hover,.projects-design-dna-mini-cta:hover,.projects-design-dna-note-link:hover{transform:translateY(-1px)}.projects-design-dna-ui-button{color:var(--dna-text);background:#ffffffad}.projects-design-dna-ui-button.is-primary{background:var(--dna-accent);color:var(--dna-accent-contrast)}.projects-design-dna-ui-button.is-ghost{color:var(--dna-accent);background:#ffffff73}.projects-design-dna-ui-button.is-warm{background:var(--dna-warning);color:#201300}.projects-design-dna-ui-button.is-soft-warm{background:color-mix(in srgb, var(--dna-warning) 18%, white);color:color-mix(in srgb, var(--dna-warning) 90%, black 10%)}.projects-design-dna-ui-button.is-text{background:0 0}.projects-design-dna-hero-meter{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.projects-design-dna-label{font-size:14px;font-weight:600}.projects-design-dna-meter{background:#ffffff75;border-radius:999px;height:30px;margin-top:10px;position:relative;overflow:hidden}.projects-design-dna-meter span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--dna-accent) 78%, white), var(--dna-accent));position:absolute;inset:0 auto 0 0}.projects-design-dna-meter span:after{content:"";background:var(--dna-accent-contrast);border-radius:999px;width:22px;height:22px;position:absolute;top:4px;right:4px;box-shadow:0 8px 16px #0f172a2e}.projects-design-dna-hero-meter-value{font-size:18px;font-weight:600}.projects-design-dna-inline-tabs,.projects-design-dna-channel-toggle{background:#ffffff85;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:6px;display:inline-flex}.projects-design-dna-inline-tab,.projects-design-dna-channel-pill{color:#22201da6;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:15px;display:inline-flex}.projects-design-dna-inline-tab.is-active,.projects-design-dna-channel-pill.is-active{color:var(--dna-text);background:#fffffff0;box-shadow:0 8px 18px #0f172a0f}.projects-design-dna-auth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.projects-design-dna-auth-cell{border-radius:var(--dna-form-radius);background:#ffffffad;justify-content:center;align-items:center;min-height:64px;font-size:28px;font-weight:600;display:inline-flex}.projects-design-dna-auth-copy{color:var(--dna-muted);font-size:14px}.projects-design-dna-auth-copy span{color:var(--dna-text);font-weight:600}.projects-design-dna-auth-divider{color:var(--dna-muted);align-items:center;gap:12px;font-size:13px;display:flex}.projects-design-dna-auth-divider span{background:var(--dna-border);flex:1;height:1px}.projects-design-dna-provider-button{color:var(--dna-text);background:#ffffffad}.projects-design-dna-profile-head{align-items:center;gap:14px;display:flex}.projects-design-dna-profile-avatar{color:#fff;background:#101010;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.projects-design-dna-profile-title{font-size:18px;font-weight:700}.projects-design-dna-profile-handle{color:var(--dna-muted);margin-top:2px;font-size:15px}.projects-design-dna-profile-copy,.projects-design-dna-dialog-copy,.projects-design-dna-banner-copy span,.projects-design-dna-menu-item span,.projects-design-dna-community-card p,.projects-design-dna-community-card span{color:var(--dna-muted);margin:0;line-height:1.5}.projects-design-dna-profile-stats{flex-wrap:wrap;gap:12px;font-size:15px;display:flex}.projects-design-dna-profile-stats strong,.projects-design-dna-community-card h3,.projects-design-dna-banner-copy strong,.projects-design-dna-notify-copy strong,.projects-design-dna-menu-item strong,.projects-design-dna-note-stat strong{color:var(--dna-text)}.projects-design-dna-community-thumb{border-radius:calc(var(--dna-card-radius) - 6px);background:linear-gradient(135deg, #ffffffc2, var(--dna-accent));height:92px}.projects-design-dna-community-thumb.is-warm{background:linear-gradient(135deg, #ffffffd6, var(--dna-warning))}.projects-design-dna-community-thumb.is-cool{background:linear-gradient(135deg, #ffffffd6, var(--dna-info))}.projects-design-dna-community-card h3{margin:0;font-size:16px}.projects-design-dna-menu-title,.projects-design-dna-dialog-title{color:var(--dna-text);font-size:16px;font-weight:700}.projects-design-dna-menu-item{border-bottom:1px solid #fff9;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.projects-design-dna-menu-item:last-child{border-bottom:0}.projects-design-dna-menu-item em{color:var(--dna-muted);white-space:nowrap;font-size:13px;font-style:normal}.projects-design-dna-menu-divider{color:var(--dna-muted);padding-top:6px;font-size:14px}.projects-design-dna-menu-item.is-danger strong,.projects-design-dna-menu-item.is-danger em{color:var(--dna-error)}.projects-design-dna-banner-icon,.projects-design-dna-dialog-badge{border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.projects-design-dna-banner-icon{background:color-mix(in srgb, var(--dna-warning) 22%, white);color:color-mix(in srgb, var(--dna-warning) 78%, black)}.projects-design-dna-banner-copy,.projects-design-dna-notify-copy{gap:4px;display:grid}.projects-design-dna-mini-cta{color:var(--dna-text);background:#ffffffd1;padding:0 18px}.projects-design-dna-dialog-close{width:38px;height:38px;color:var(--dna-muted);background:#ffffffc2;border:0;border-radius:999px;justify-content:center;justify-self:end;align-items:center;display:inline-flex}.projects-design-dna-dialog-badge{background:color-mix(in srgb, var(--dna-warning) 18%, white);color:color-mix(in srgb, var(--dna-warning) 78%, black)}.projects-design-dna-dialog-actions{gap:12px;margin-top:auto;display:flex}.projects-design-dna-dialog-button{color:var(--dna-text);background:#ffffffb8;flex:1}.projects-design-dna-dialog-button--primary{background:var(--dna-accent);color:var(--dna-accent-contrast)}.projects-design-dna-control-bar{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.projects-design-dna-control-card{background:#ffffffd6;gap:10px;padding:16px 18px;display:grid}.projects-design-dna-control-head{color:var(--dna-text);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.projects-design-dna-slider{align-items:center;gap:12px;display:flex}.projects-design-dna-slider-swatch{background:linear-gradient(135deg,#ff9c55,#ffd43f,#21d4a5,#52a5ff,#ff67c9);border:1px solid #0f172a14;border-radius:999px;flex-shrink:0;width:34px;height:34px}.projects-design-dna-slider-swatch.is-base{background:linear-gradient(135deg,#c8c5c2,#8e8b89)}.projects-design-dna-slider input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}.projects-design-dna-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#22201d2e,#22201d7a);border-radius:999px;height:14px}.projects-design-dna-slider.is-accent input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffb54a,#21d4a5 34%,#4d74ff 70%,#ff67c9 100%)}.projects-design-dna-slider input[type=range]::-moz-range-track{background:linear-gradient(90deg,#22201d2e,#22201d7a);border-radius:999px;height:14px}.projects-design-dna-slider.is-accent input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ffb54a,#21d4a5 34%,#4d74ff 70%,#ff67c9 100%)}.projects-design-dna-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:4px solid #22201d29;border-radius:999px;width:28px;height:28px;margin-top:-7px;box-shadow:0 10px 20px #0f172a1f}.projects-design-dna-slider input[type=range]::-moz-range-thumb{background:#fff;border:4px solid #22201d29;border-radius:999px;width:28px;height:28px;box-shadow:0 10px 20px #0f172a1f}.projects-design-dna-select-shell{border-radius:var(--dna-form-radius);border:1px solid var(--dna-border);min-height:54px;color:var(--dna-text);background:#fffc;align-items:center;gap:12px;padding:0 14px;display:flex}.projects-design-dna-select-shell select{color:var(--dna-text);cursor:pointer;appearance:none;background:0 0;border:0;outline:none;flex:1;font-size:15px}.projects-design-dna-deck{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.projects-design-dna-note{border-color:var(--dna-border);background:#ffffffd6;gap:14px;padding:20px;display:grid}.projects-design-dna-note-value{color:var(--dna-text);font-size:24px;font-weight:700}.projects-design-dna-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.projects-design-dna-note-stat{border-radius:calc(var(--dna-form-radius) - 2px);background:#ffffffb3;gap:4px;padding:12px;display:grid}.projects-design-dna-note-stat span{color:var(--dna-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.projects-design-dna-note-link{background:var(--dna-accent);width:fit-content;color:var(--dna-accent-contrast);padding:0 18px}.projects-design-dna-preset-panel{border-color:var(--dna-border);background:#ffffffd6;padding:20px}.projects-design-dna-preset-title,.projects-design-dna-preset-name{color:var(--dna-text)}.projects-design-dna-preset-caption,.projects-design-dna-preset-description{color:var(--dna-muted)}.projects-design-dna-preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projects-design-dna-preset-card{background:#ffffffb8;min-height:100%}.projects-design-dna-preset-card.is-active{border-color:color-mix(in srgb, var(--dna-accent) 24%, white);background:color-mix(in srgb, var(--dna-accent) 8%, white);box-shadow:0 14px 30px #0f172a14}.projects-design-dna-browser-action,.projects-design-dna-token,.projects-design-dna-visual-toggle,.projects-design-dna-pulse-dot,.projects-design-dna-spinner,.projects-design-dna-community-card,.projects-design-dna-menu-item{cursor:pointer;border:0;transition:transform .16s,background-color .16s,color .16s,box-shadow .16s,border-color .16s}.projects-design-dna-browser-action:hover,.projects-design-dna-token:hover,.projects-design-dna-visual-toggle:hover,.projects-design-dna-pulse-dot:hover,.projects-design-dna-spinner:hover,.projects-design-dna-community-card:hover,.projects-design-dna-menu-item:hover{transform:translateY(-1px)}.projects-design-dna-browser-action.is-active{background:var(--dna-accent);color:var(--dna-accent-contrast)}.projects-design-dna-token,.projects-design-dna-pulse-dot{padding:0}.projects-design-dna-pulse-dot.is-active{box-shadow:0 0 0 4px color-mix(in srgb, var(--dna-accent) 20%, white), 0 10px 22px #0f172a1a}.projects-design-dna-spinner{background:0 0;padding:0}.projects-design-dna-ui-button.is-active-preview{box-shadow:inset 0 0 0 1px #ffffff94, 0 0 0 2px color-mix(in srgb, var(--dna-accent) 20%, white)}.projects-design-dna-inline-link{color:var(--dna-text);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.projects-design-dna-provider-button.is-active{background:color-mix(in srgb, var(--dna-accent) 10%, white);color:var(--dna-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dna-accent) 20%, white)}.projects-design-dna-community-card{text-align:left}.projects-design-dna-community-card.is-active{background:color-mix(in srgb, var(--dna-accent) 8%, white);box-shadow:var(--dna-shadow), 0 0 0 1px color-mix(in srgb, var(--dna-accent) 18%, white)}.projects-design-dna-menu-item{text-align:left;background:0 0;width:100%}.projects-design-dna-menu-item.is-active{border-radius:calc(var(--dna-form-radius) - 4px);background:#ffffffa3;margin:2px 0;padding-left:12px;padding-right:12px}.projects-design-dna-panel--dialog.is-success{border-color:color-mix(in srgb, var(--dna-success) 28%, white)}.projects-design-dna-panel--dialog.is-danger{border-color:color-mix(in srgb, var(--dna-error) 28%, white)}.projects-design-dna-panel--dialog.is-muted{border-color:color-mix(in srgb, var(--dna-muted) 22%, white)}.projects-design-dna-panel--dialog.is-collapsed{min-height:220px}.projects-design-dna-dialog-badge.is-success{background:color-mix(in srgb, var(--dna-success) 18%, white);color:color-mix(in srgb, var(--dna-success) 82%, black)}.projects-design-dna-dialog-badge.is-danger{background:color-mix(in srgb, var(--dna-error) 16%, white);color:var(--dna-error)}.projects-design-dna-dialog-badge.is-muted{color:var(--dna-muted);background:#ffffffbd}.projects-design-dna-dialog-button.is-single{width:100%}.projects-design-dna-control-card--accent{position:relative}.projects-design-dna-control-card--accent .projects-design-dna-slider-swatch{cursor:pointer;background:linear-gradient(135deg, #fff 8%, var(--dna-accent) 88%)}.projects-design-dna-accent-popover{border-radius:calc(var(--dna-card-radius) + 6px);border:1px solid var(--dna-border);width:292px;box-shadow:var(--dna-shadow-strong);z-index:20;background:#fffffff5;gap:14px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 14px);left:0}.projects-design-dna-accent-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.projects-design-dna-accent-chip{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:999px;width:100%;box-shadow:0 6px 14px #0f172a1a}.projects-design-dna-accent-chip.is-active{border-color:#111827c7;transform:scale(1.05)}.projects-design-dna-accent-field{color:var(--dna-text);gap:8px;font-size:13px;font-weight:600;display:grid}.projects-design-dna-accent-field input[type=color]{border-radius:calc(var(--dna-form-radius) - 4px);cursor:pointer;background:0 0;border:0;width:100%;height:48px;padding:0}.projects-design-dna-accent-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.projects-design-dna-accent-footer code{border-radius:calc(var(--dna-form-radius) - 4px);color:var(--dna-text);background:#0f172a0d;padding:12px 14px;font-size:13px}.projects-design-dna-accent-reset{border-radius:calc(var(--dna-form-radius) - 4px);min-height:40px;color:var(--dna-text);cursor:pointer;background:#0f172a0d;border:0;padding:0 14px;font-weight:600}.projects-design-dna-note-live{border-radius:calc(var(--dna-form-radius) - 2px);background:#ffffffb8;gap:6px;padding:14px;display:grid}.projects-design-dna-note-live span{color:var(--dna-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.projects-design-dna-note-live strong{color:var(--dna-text);font-size:14px;line-height:1.5}.projects-design-dna-note--mini{margin-top:14px;padding:16px}@media (max-width:1340px){.projects-design-dna-control-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1180px){.projects-design-dna-browser-bar{grid-template-columns:1fr;justify-items:start}.projects-design-dna-browser-tabs{justify-self:start;overflow-x:auto}.projects-design-dna-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero""auth profile""communities communities""actions credits""actions notify""dialog dialog"}.projects-design-dna-deck{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.projects-design-dna-toolbar-meta{flex-direction:column;align-items:stretch;width:100%}.projects-design-dna-helper,.projects-design-dna-cta,.projects-design-dna-note-link{width:100%}.projects-design-dna-cta,.projects-design-dna-note-link{justify-content:center}.projects-design-dna-studio-shell{border-radius:26px;padding:12px}.projects-design-dna-browser-brand{font-size:20px}.projects-design-dna-browser-tabs{width:100%}.projects-design-dna-window-body{padding:12px}.projects-design-dna-mosaic{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""auth""profile""communities""actions""credits""notify""dialog"}.projects-design-dna-community-grid,.projects-design-dna-button-stack,.projects-design-dna-preset-list,.projects-design-dna-control-bar,.projects-design-dna-note-grid{grid-template-columns:minmax(0,1fr)}.projects-design-dna-panel--credits{grid-template-columns:1fr;justify-items:start}.projects-design-dna-panel--notify,.projects-design-dna-dialog-actions,.projects-design-dna-hero-meter{flex-direction:column;grid-template-columns:minmax(0,1fr);align-items:stretch}.projects-design-dna-inline-tabs,.projects-design-dna-channel-toggle{width:100%;overflow-x:auto}}.projects-design-dna-note p{color:#6f6b66;margin:0}.projects-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(264px,264px));align-content:start;gap:18px;padding-left:22px;display:grid}.projects-dashboard-new-card,.projects-dashboard-project-card{border-radius:16px;min-height:344px}.projects-dashboard-new-card{isolation:isolate;cursor:pointer;text-align:left;background:linear-gradient(135deg,#b3eeff 0%,#7aa6ff 34%,#f28ddb 72%,#a07df6 100%);border:0;padding:28px;position:relative;overflow:hidden}.projects-dashboard-new-card:before,.projects-dashboard-new-card:after{content:"";pointer-events:none;will-change:transform, opacity, filter;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .72s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1);position:absolute;inset:-18%}.projects-dashboard-new-card:before{z-index:0;background:radial-gradient(circle at 20% 16%,#a3e6ffd9,#0000 26%),radial-gradient(circle at 78% 18%,#fab6ffe0,#0000 20%),radial-gradient(circle at 74% 58%,#ff69b4ad,#0000 28%),radial-gradient(circle at 32% 68%,#4da8ffcc,#0000 34%),linear-gradient(135deg,#b3eeff 0%,#7aa6ff 34%,#f28ddb 72%,#a07df6 100%);transform:translate(0,0)scale(1)rotate(0)}.projects-dashboard-new-card:after{z-index:0;opacity:.45;background:radial-gradient(circle at 22% 24%,#ffffff6b,#0000 18%),radial-gradient(circle at 72% 62%,#ffffff2e,#0000 22%);inset:-12%;transform:translate(0,0)scale(1)}.projects-dashboard-new-card>*{z-index:1;position:relative}.projects-dashboard-new-card:hover,.projects-dashboard-new-card:focus-visible{transform:none}.projects-dashboard-new-card:hover:before,.projects-dashboard-new-card:focus-visible:before{filter:saturate(1.18);animation:1.55s cubic-bezier(.22,1,.36,1) infinite alternate projectsDashboardNewCardPrimary}.projects-dashboard-new-card:hover:after,.projects-dashboard-new-card:focus-visible:after{opacity:.82;animation:1.35s cubic-bezier(.22,1,.36,1) infinite alternate-reverse projectsDashboardNewCardSecondary}@keyframes projectsDashboardNewCardPrimary{0%{filter:saturate(1.02)hue-rotate();transform:translate(-10px,8px)scale(1.04)rotate(-1deg)}50%{filter:saturate(1.22)hue-rotate(-8deg);transform:translate(34px,-30px)scale(1.24)rotate(-5deg)}to{filter:saturate(1.12)hue-rotate(7deg);transform:translate(-22px,24px)scale(1.16)rotate(4deg)}}@keyframes projectsDashboardNewCardSecondary{0%{opacity:.44;transform:translate(6px,-8px)scale(1.02)}50%{opacity:.9;transform:translate(-22px,20px)scale(1.18)}to{opacity:.64;transform:translate(26px,-18px)scale(1.12)}}.projects-dashboard-new-plus{color:#fff;background:#2f5fff;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);box-shadow:0 18px 40px #2f5fff52}.projects-dashboard-new-label{color:#fff;font-size:18px;line-height:1.2;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.projects-dashboard-project-card{--project-accent:#4a7bf6;cursor:pointer;background:#fff;border:1px solid #e6e6e6eb;flex-direction:column;justify-content:flex-start;align-items:center;padding:88px 18px 14px;display:flex;box-shadow:0 12px 32px #0f172a0a}.projects-dashboard-project-logo{border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;overflow:hidden}.projects-dashboard-project-logo img{object-fit:contain;width:72px;height:72px}.projects-dashboard-project-logo-image{border-radius:inherit;object-fit:contain;width:72px;height:72px}.projects-dashboard-project-logo-image--custom{object-fit:cover;border-radius:999px;width:72px;height:72px}.projects-dashboard-project-content{justify-items:center;gap:8px;margin-top:68px;display:grid}.projects-dashboard-project-title{color:#2a2825;text-align:center;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:18px;font-weight:100;line-height:1.15}.projects-dashboard-project-meta{color:#4d4a46;text-align:center;margin:0;font-size:12px}.projects-dashboard-project-footer{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:auto;display:flex}.projects-dashboard-people{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.projects-dashboard-people--empty{padding-left:0}.projects-dashboard-person{color:#fff;background:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:-10px;font-size:14px;display:inline-flex;overflow:hidden}.projects-dashboard-person-initials{background:#7c86a1;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.projects-dashboard-person:first-child{margin-left:0}.projects-dashboard-person img{object-fit:cover;width:100%;height:100%}.projects-dashboard-person--extra{background:#373530}.projects-dashboard-kebab{color:#373530;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.projects-dashboard-project-actions{position:relative}.projects-dashboard-menu{z-index:5;background:#fff;border:1px solid #e6e6e6eb;border-radius:10px;gap:4px;width:145px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 22px 60px #0f172a1f}.projects-dashboard-menu-item{text-align:left;color:#191714;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:35px;padding:0 14px;font-size:14px;line-height:1.2}.projects-dashboard-menu-item:hover{background:#4a7bf60f}.projects-dashboard-menu-item--danger{color:#f05a28}.projects-dashboard-empty{text-align:center;color:#6b685f;border:1px dashed #e6e6e6eb;border-radius:16px;grid-column:1/-1;place-items:center;min-height:220px;padding:28px;display:grid}.projects-dashboard-empty h2{color:#2a2825;margin:0 0 8px;font-family:Tietoevry Sans,sans-serif;font-size:22px;font-weight:400}.projects-dashboard-empty p{margin:0}.projects-dashboard-modal-overlay{z-index:200;background:#19171457;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.projects-dashboard-modal{background:#fff;border:1px solid #e6e6e6eb;border-radius:22px;width:min(100%,640px);padding:26px;box-shadow:0 28px 80px #0f172a2e}.projects-dashboard-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projects-dashboard-modal-eyebrow{color:#8f8b85;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.projects-dashboard-modal-title{color:#22201d;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:28px;font-weight:400;line-height:1.1}.projects-dashboard-modal-description{color:#6b685f;margin:10px 0 0;font-size:15px;line-height:1.55}.projects-dashboard-modal-close{color:#373530;cursor:pointer;background:#fff;border:1px solid #e6e6e6eb;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.projects-dashboard-modal-form{gap:14px;margin-top:24px;display:grid}.projects-dashboard-modal-label{color:#4d4a46;gap:8px;font-size:14px;display:grid}.projects-dashboard-modal-input,.projects-dashboard-modal-textarea{color:#373530;background:#fff;border:1px solid #e6e6e6eb;border-radius:12px;outline:none;width:100%;padding:13px 14px}.projects-dashboard-modal-input::placeholder,.projects-dashboard-modal-textarea::placeholder{color:#9d998f}.projects-dashboard-modal-input:focus,.projects-dashboard-modal-textarea:focus{border-color:#4a7bf69e;box-shadow:0 0 0 4px #4a7bf614}.projects-dashboard-modal-textarea{resize:vertical;min-height:108px}.projects-dashboard-modal-error{color:#c34b5f;margin:0;font-size:14px;line-height:1.5}.projects-dashboard-modal-help{color:#7b776f;margin:-4px 0 0;font-size:13px;line-height:1.55}.projects-dashboard-modal-divider{text-align:center;color:#8a867d;letter-spacing:.08em;text-transform:uppercase;padding-top:6px;font-size:11px}.projects-dashboard-modal-submit{color:#fff;cursor:pointer;background:#2f5fff;border:0;border-radius:999px;min-height:48px;margin-top:6px;font-size:15px;font-weight:600}.projects-dashboard-modal-submit:disabled{opacity:.72;cursor:wait}.projects-dashboard-collab-dialog{background:#fff;border:1px solid #e6e6e6eb;border-radius:20px;width:min(100%,728px);min-height:284px;padding:40px 46px 44px;box-shadow:0 28px 80px #0f172a2e}.projects-dashboard-collab-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.projects-dashboard-collab-title{color:#1e1b17;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:24px;font-weight:400;line-height:1.15}.projects-dashboard-collab-close{color:#1e1b17;cursor:pointer;background:0 0;border:0;font-size:14px}.projects-dashboard-collab-list{gap:18px;margin-top:30px;display:grid}.projects-dashboard-collab-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.projects-dashboard-collab-profile{align-items:center;gap:14px;min-width:0;display:flex}.projects-dashboard-collab-avatar{color:#6b685f;background:#f4f4f4;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;overflow:hidden}.projects-dashboard-collab-avatar.is-placeholder{background:#fff;border:1px dashed #1e1b17}.projects-dashboard-collab-avatar img{object-fit:cover;width:100%;height:100%}.projects-dashboard-collab-copy{min-width:0}.projects-dashboard-collab-name{color:#1e1b17;font-size:16px;line-height:1.3}.projects-dashboard-collab-email-meta{color:#8f8b85;margin-top:2px;font-size:12px;line-height:1.4}.projects-dashboard-collab-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.projects-dashboard-collab-role{position:relative}.projects-dashboard-collab-role select{color:#1e1b17;cursor:pointer;background:0 0;border:0;outline:none;padding-right:18px;font-size:16px;line-height:1.2}.projects-dashboard-collab-link{color:#4a7bf6;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1.2}.projects-dashboard-collab-invite-block{margin-top:28px}.projects-dashboard-collab-note{color:#afaca4;margin-bottom:12px;font-size:14px;line-height:1.4}.projects-dashboard-collab-invite-form{border-bottom:1px solid #37353047;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding-bottom:10px;display:grid}.projects-dashboard-collab-email{color:#1e1b17;background:0 0;border:0;outline:none;padding:0;font-size:16px;line-height:1.4}.projects-dashboard-collab-email::placeholder{color:#afaca4}.projects-dashboard-collab-role--invite select{font-size:16px}.projects-dashboard-collab-invite-button{color:#4a7bf6;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1.2}.projects-dashboard-collab-email:disabled,.projects-dashboard-collab-role select:disabled,.projects-dashboard-collab-invite-button:disabled{opacity:.5;cursor:not-allowed}.projects-dashboard-collab-error{color:#c34b5f;margin:12px 0 0;font-size:13px;line-height:1.5}.projects-dashboard-delete-dialog{background:#fff;border:1px solid #e6e6e6eb;border-radius:20px;width:min(100%,460px);padding:24px;box-shadow:0 28px 80px #0f172a2e}.projects-dashboard-delete-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.projects-dashboard-delete-button{cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600}.projects-dashboard-delete-button--secondary{color:#2f5fff;background:#4a7bf614}.projects-dashboard-delete-button--danger{color:#fff;background:#f05a28}.projects-dashboard-rename-dialog{width:min(100%,460px)}.projects-dashboard-rename-form{margin-top:22px}.projects-dashboard-rename-button{color:#fff;background:#2f5fff}.settings-shell{width:min(100%,860px);margin:0 auto;padding:26px 22px 40px}.settings-header{margin-bottom:26px}.settings-title{color:#22201d;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:26px;font-weight:400;line-height:1.12}.settings-feedback{border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.45}.settings-feedback.is-success{color:#19635b;background:#b1ede56b;border:1px solid #19635b24}.settings-feedback.is-error{color:#9f2644;background:#fcbac54d;border:1px solid #9f264424}.settings-section{border-bottom:1px solid #dfe4ebe6}.settings-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #dfe4ebe6;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;min-height:58px;padding:0;display:grid}.settings-row--disclosure{cursor:pointer}.settings-row--delete{border-top:1px solid #dfe4ebe6}.settings-row-label{color:#22201d;font-size:14px;line-height:1.4}.settings-row-label--with-icon{align-items:center;gap:10px;display:inline-flex}.settings-row-value{color:#6f6b66;font-size:16px;line-height:1.4}.settings-row-value--muted{color:#9a958f}.settings-row-action{color:#22201d;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-family:inherit;font-size:16px;line-height:1.2;text-decoration:none}.settings-row-action--status{cursor:inherit}.settings-inline-editor{border-bottom:1px solid #dfe4ebe6;gap:12px;padding:16px 0 22px 136px;display:grid}.settings-inline-editor--newsletter{padding-left:0}.settings-inline-label{color:#7b776f;font-size:13px;line-height:1.35}.settings-inline-input{color:#22201d;background:#fff;border:1px solid #dadfe7f0;border-radius:10px;outline:none;width:min(100%,380px);min-height:42px;padding:0 14px;font-size:15px}.settings-inline-input:focus{border-color:#4a7bf68c;box-shadow:0 0 0 3px #4a7bf61f}.settings-inline-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-inline-button{color:#22201d;cursor:pointer;background:#fff;border:1px solid #dadfe7f0;border-radius:10px;min-height:40px;padding:0 18px;font-size:14px;font-weight:500}.settings-inline-button--primary{color:#fff;background:#1d1d21;border-color:#1d1d21}.settings-inline-copy{color:#6f6b66;max-width:520px;margin:0;font-size:14px;line-height:1.6}.settings-plan-section{justify-content:space-between;align-items:center;gap:18px;padding:68px 0 56px;display:flex}.settings-plan-copy{color:#22201d;font-family:Tietoevry Sans,sans-serif;font-size:24px;font-weight:400;line-height:1.2}.settings-plan-button{color:#fff;background:#1d1d21;border-radius:4px;justify-content:center;align-items:center;min-width:122px;min-height:42px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.settings-delete-section{padding-top:8px}.settings-delete-title{color:#22201d;margin:0 0 12px;font-family:Tietoevry Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.2}.account-pricing-shell{width:min(100%,980px);padding:26px 22px 40px}.account-pricing-header{gap:8px;margin-bottom:94px;display:grid}.account-pricing-title{color:#22201d;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:26px;font-weight:400;line-height:1.14}.account-pricing-subtitle{color:#4d4a46;margin:0;font-size:14px;line-height:1.45}.account-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-pricing-card{background:#fff;border:1px solid #eef0f4fa;border-radius:6px;flex-direction:column;gap:18px;min-height:470px;padding:38px 48px 34px;display:flex}.account-pricing-card.is-active{border:3px solid #4a7bf6}.account-pricing-plan-name{color:#22201d;font-family:Tietoevry Sans,sans-serif;font-size:26px;font-weight:400;line-height:1.18}.account-pricing-plan-copy{color:#4d4a46;max-width:24ch;margin:0;font-size:13px;line-height:1.35}.account-pricing-price{color:#111;gap:2px;font-family:Tietoevry Sans,sans-serif;font-size:28px;font-weight:400;line-height:1.08;display:grid}.account-pricing-price span{color:#111;font-size:13px;line-height:1.4}.account-pricing-button{color:#4d4a46;background:#fff;border:1px solid #37353070;border-radius:4px;justify-content:center;align-items:center;min-height:46px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.account-pricing-features{color:#22201d;gap:5px;margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.4;display:grid}.account-pricing-card-footer{align-items:flex-end;min-height:42px;margin-top:auto;display:flex}.account-pricing-current-plan{color:#4a7bf6;font-size:14px;font-weight:600}.account-pricing-plan-note{color:#8c8881;font-size:13px}@media (max-width:1040px){.projects-dashboard{grid-template-columns:1fr}.projects-dashboard-sidebar{border-bottom:1px solid #e6e6e6d6;border-right:0;padding-bottom:24px}.projects-dashboard-nav{flex-flow:wrap;margin-top:32px}.projects-dashboard-logout{margin-top:24px}}@media (max-width:760px){.projects-dashboard-main{padding:12px 18px 36px}.projects-dashboard-header{flex-direction:column;padding-left:0}.projects-design-dna{padding-left:0}.projects-design-dna-header,.projects-design-dna-toolbar{flex-direction:column;align-items:flex-start}.projects-design-dna-content,.projects-design-dna-scene{grid-template-columns:minmax(0,1fr)}.projects-design-dna-scene-card--hero,.projects-design-dna-scene-card--switches,.projects-design-dna-scene-card--menu,.projects-design-dna-scene-card--form,.projects-design-dna-scene-card--search,.projects-design-dna-scene-card--dialog,.projects-design-dna-scene-card--code{grid-area:auto;min-height:auto}.projects-dashboard-grid{grid-template-columns:minmax(0,1fr);padding-left:0}.projects-dashboard-new-card,.projects-dashboard-project-card{min-height:300px}.projects-dashboard-search{width:100%}.projects-dashboard-modal{padding:22px 18px}.projects-dashboard-collab-dialog{padding:28px 18px 24px}.projects-dashboard-collab-row,.projects-dashboard-collab-actions{flex-direction:column;align-items:flex-start}.projects-dashboard-collab-invite-form{grid-template-columns:1fr}.projects-dashboard-collab-actions{gap:12px}.settings-shell{padding:12px 0 28px}.settings-row{grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:8px;padding:14px 0}.settings-row-action{justify-self:start}.settings-inline-editor{padding-left:0}.settings-plan-section{flex-direction:column;align-items:flex-start;padding:40px 0 36px}.account-pricing-shell{padding:12px 0 28px}.account-pricing-header{margin-bottom:36px}.account-pricing-grid{grid-template-columns:1fr}.account-pricing-card{min-height:0;padding:28px 24px 24px}}.marketing-page{--marketing-bg:#f3f4f6;--marketing-surface:#ffffffbd;--marketing-border:#46474a42;--marketing-text:#55575d;--marketing-muted:#26282c;--marketing-accent:#5f7cff;background:var(--marketing-bg);min-height:100vh;color:var(--marketing-text)}.marketing-page *,.marketing-page :before,.marketing-page :after{box-sizing:border-box}.marketing-header-fixed,.marketing-topbar{width:min(100%,1560px);margin:0 auto;padding:34px 56px 20px}.marketing-header-shell,.marketing-topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.marketing-logo{align-items:center;gap:14px;text-decoration:none;display:inline-flex}.marketing-logo-mark{width:84px;height:30px;display:block}.marketing-nav-toggle{display:none}.marketing-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:40px;display:flex}.marketing-nav-link,.marketing-nav a{color:var(--marketing-text);letter-spacing:-.02em;font-size:16px;font-weight:500;text-decoration:none;transition:color .16s,border-color .16s,background-color .16s}.marketing-nav-link:hover,.marketing-nav a:hover,.marketing-nav a.active,.marketing-nav-link.is-active{color:#2c2e33}.marketing-nav-link.is-active{font-weight:700}.marketing-nav-link--button{background:#ffffff61;border:1.5px solid #46474aad;border-radius:8px;justify-content:center;align-items:center;min-height:45px;padding:0 15px;display:inline-flex}.marketing-nav-cta{color:#2c2e33}.marketing-profile-link{width:48px;height:48px;color:var(--marketing-text);border-radius:999px;justify-content:center;align-items:center;gap:10px;display:inline-flex}.marketing-profile-link-text{display:none}.marketing-hero{width:min(100%,1560px);margin:0 auto;padding:42px 56px 26px}.marketing-hero--home{width:100%;max-width:none;padding:16px 0 0}.marketing-hero--compact{padding-top:22px;padding-bottom:34px}.marketing-title{color:var(--marketing-text);margin:0;font-size:48px;font-weight:100}.marketing-description{color:#555;letter-spacing:-.02em;max-width:420px;margin:64px 0 1.7rem;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1.125rem;font-weight:300;line-height:1.6}.marketing-hero--compact .marketing-hero-copy{padding-top:0}.marketing-hero--compact .marketing-title{max-width:none;font-size:clamp(2.8rem,5vw,4.2rem)}.marketing-hero--compact .marketing-description{max-width:620px;margin-top:22px;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5}.marketing-button{border:1.5px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-height:58px;padding:0 26px;font-size:18px;font-weight:500;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,border-color .16s;display:inline-flex}.marketing-button:hover{transform:translateY(-1px)}.marketing-button--primary{color:#fff;background:linear-gradient(135deg,#182133 0%,#2b6ef3 100%);border-color:#182133eb;box-shadow:0 20px 40px #2b6ef32e}.marketing-button--secondary{color:var(--marketing-text);background:#ffffff73;border-color:#46474aad}.marketing-hero-visual{justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.marketing-hero-copy--home{text-align:center;z-index:1;justify-items:center;gap:14px;width:min(100% - 48px,780px);display:grid;position:absolute;top:clamp(42px,6vw,92px);left:50%;transform:translate(-50%)}.marketing-hero-copy--home .marketing-title{color:#55585f;text-wrap:balance;max-width:480px;font-size:40px;line-height:1.06}.marketing-hero-copy--home .marketing-description{color:#757981;max-width:495px;margin:0 auto;font-size:clamp(1rem,1.2vw,1.05rem);line-height:1.5}.marketing-hero-copy--home .marketing-description strong{color:#2f3136;font-weight:500}.marketing-hero-copy--home .marketing-button--secondary{color:#4a4f58;background:#ffffffb3;border-color:#787e8a5c;box-shadow:0 18px 40px #787e8a1a}.marketing-hero-network{aspect-ratio:1215/693;isolation:isolate;pointer-events:none;z-index:0;width:100%;box-shadow:none;background:0 0;display:block;position:relative;overflow:hidden;transform:none}.marketing-hero-network-svg{width:100%;height:100%;position:absolute;inset:0}.marketing-hero-network-axis{stroke:#505050;stroke-width:1px;vector-effect:non-scaling-stroke}.marketing-hero-network-path{fill:none;stroke:#505050;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.marketing-hero-network-path--solid{animation:18s ease-in-out infinite marketing-network-fade}.marketing-hero-network-path--dotted{stroke-dasharray:2 7;animation:8.5s linear infinite marketing-network-dots}.marketing-hero-network-ring{stroke:#505050;stroke-width:1px;vector-effect:non-scaling-stroke}.marketing-hero-network-core{fill:#505050;transform-origin:606.978px 352.824px;animation:10s ease-in-out infinite marketing-network-core}.marketing-hero-network-core-mark{overflow:visible}.marketing-hero-network-node-layer{isolation:isolate}.marketing-hero-network-node{pointer-events:none}.marketing-hero-network-node-contents{transform-box:fill-box;transform-origin:50%}.marketing-hero-network-node-label{fill:#505050;letter-spacing:-.03em;font-family:Tietoevry Sans,sans-serif;font-size:15px;font-weight:400}.marketing-hero-network-node-icon-shape{fill:none;stroke:#505050;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.marketing-hero-network-node-icon-fill{fill:#505050}.marketing-showcase{width:min(100%,1560px);margin:-120px auto 0;padding:0 56px 40px}.marketing-showcase-shell{width:100%}.marketing-showcase-accordion{width:min(100%,1280px);margin:0 auto;padding:0}.marketing-showcase-heading{color:#55595f;letter-spacing:-.04em;text-align:center;text-wrap:balance;margin:0 auto clamp(34px,4vw,58px);font-size:40px;font-weight:100;line-height:1.02}.marketing-showcase-list{display:grid}.marketing-showcase-item{border-top:1px solid #6c717929}.marketing-showcase-item:first-child{border-top:0}.marketing-showcase-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:clamp(26px,3.4vw,44px) 0;display:flex}.marketing-showcase-trigger:focus-visible{outline-offset:10px;border-radius:12px;outline:2px solid #868a9173}.marketing-showcase-trigger-label{color:#585c63;letter-spacing:-.03em;font-family:Tietoevry Sans,sans-serif;font-size:36px;font-weight:100;line-height:1.04}.marketing-showcase-trigger-icon{background:#e4e4e1;border-radius:999px;flex:none;width:66px;height:66px;transition:background-color .18s,transform .18s;position:relative}.marketing-showcase-trigger-icon:before,.marketing-showcase-trigger-icon:after{content:"";background:#868a91;width:28px;height:1.5px;transition:transform .18s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-showcase-trigger-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.marketing-showcase-item.is-open .marketing-showcase-trigger-icon:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)scaleX(0)}.marketing-showcase-trigger:hover .marketing-showcase-trigger-icon,.marketing-showcase-trigger:focus-visible .marketing-showcase-trigger-icon{background:#dbdbd8;transform:scale(1.02)}.marketing-showcase-panel{max-width:760px;padding:0 0 34px}.marketing-showcase-panel-copy{color:#6a6e76;letter-spacing:-.02em;margin:0;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1.0625rem;line-height:1.6}.marketing-story-stack{gap:84px;width:min(100%,1560px);margin:0 auto;padding:32px 90px 14px;display:grid}.marketing-story-section{grid-template-columns:minmax(340px,.9fr) minmax(320px,1fr);align-items:center;gap:clamp(48px,8vw,148px);scroll-margin-top:96px;display:grid}.marketing-story-copy{align-content:center;justify-items:start;gap:26px;padding:12px 0;display:grid}.marketing-story-title{color:#474a50;white-space:nowrap;max-width:none;margin:0;font-size:2.625rem;font-weight:100;line-height:1.02}.marketing-story-description{color:#666a71;letter-spacing:-.025em;max-width:620px;margin:0;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1.125rem;font-weight:300;line-height:1.55}.marketing-story-link{color:#17191d;letter-spacing:-.02em;align-items:center;gap:14px;margin-top:16px;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex}.marketing-story-link-icon{color:#fff;background:linear-gradient(135deg,#b996ff 0%,#a57af2 100%);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 10px 24px #a97bf338}.marketing-story-link:hover .marketing-story-link-icon,.marketing-story-link:focus-visible .marketing-story-link-icon{filter:saturate(1.04);transform:translateY(2px);box-shadow:0 14px 28px #a97bf347}.marketing-story-visual{justify-content:center;align-items:center;display:flex}.marketing-story-image{width:min(100%,520px);height:auto}.marketing-notify-section{width:100%;margin:0;padding:36px 0 12px;scroll-margin-top:96px}.marketing-notify-shell{background:radial-gradient(circle at 18% 20%,#ffffff21,#0000 32%),radial-gradient(circle at 72% 26%,#ffffff29,#0000 22%),linear-gradient(135deg,#b37be6 0%,#a56fe0 52%,#ae7fe6 100%);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:600px;padding:60px 0 0;display:grid;position:relative;overflow:hidden}.marketing-notify-shell:after{content:"";pointer-events:none;background:radial-gradient(circle,#5b7bff38 0%,#5b7bff00 72%);border-radius:999px;width:520px;height:320px;position:absolute;inset:auto auto -140px -60px}.marketing-notify-copy{z-index:1;color:#fff;padding-left:clamp(36px,6vw,128px);padding-right:24px;position:relative}.marketing-notify-title{color:#fff;max-width:19ch;margin:0;font-size:2rem;font-weight:100;line-height:1.02}.marketing-notify-description{color:#fffffff0;letter-spacing:-.025em;max-width:760px;margin:34px 0 0;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1.1rem;line-height:1.36}.marketing-notify-form{margin-top:88px}.marketing-notify-form-layout{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:30px;display:grid}.marketing-notify-fields,.marketing-notify-success{min-width:0}.marketing-notify-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:28px;display:grid}.marketing-notify-field{gap:10px;display:grid}.marketing-notify-field-label{color:#ffffffe0;font-size:16px;line-height:1}.marketing-notify-input{color:#fff;background:0 0;border:0;border-bottom:2px solid #ffffffe0;outline:none;width:100%;padding:0 0 12px;font-size:18px;line-height:1.4}.marketing-notify-input::placeholder{color:#ffffff85}.marketing-notify-input:focus{border-bottom-color:#fff}.marketing-notify-optin{color:#fffffff0;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:start;gap:16px;max-width:none;font-size:14px;line-height:1.45;display:grid}.marketing-notify-checkbox{appearance:none;cursor:pointer;background:#ffffff2e;border:1px solid #ffffffd1;border-radius:6px;width:28px;height:28px;margin:0;transition:background-color .16s,border-color .16s,box-shadow .16s}.marketing-notify-checkbox:checked{background:linear-gradient(135deg,#fffffffa,#fffffffa),linear-gradient(135deg,#fffffffa,#fffffffa);border-color:#fff;box-shadow:0 0 0 4px #ffffff14}.marketing-notify-checkbox:checked:before{content:"";background:linear-gradient(45deg,#0000 43%,#9b66dd 43% 57%,#0000 57%) 5px 13px/9px 3px no-repeat,linear-gradient(-45deg,#0000 45%,#9b66dd 45% 57%,#0000 57%) 10px 11px/12px 3px no-repeat;width:100%;height:100%;display:block}.marketing-notify-button{color:#fff;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff;border-radius:6px;min-width:0;min-height:auto;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:transform .18s,background-color .18s,opacity .18s}.marketing-notify-button:hover:not(:disabled),.marketing-notify-button:focus-visible:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.marketing-notify-button:disabled{opacity:.7;cursor:wait}.marketing-notify-success{align-content:center;gap:12px;min-height:182px;padding:12px 0;display:grid}.marketing-notify-success strong{color:#fff;letter-spacing:-.03em;font-size:1.7rem;font-weight:500}.marketing-notify-success span{color:#ffffffe6;max-width:520px;font-size:1rem;line-height:1.5}.marketing-notify-feedback{color:#fff2f2;margin:18px 0 0;font-size:14px;line-height:1.45}.marketing-notify-visual{z-index:1;justify-content:flex-end;align-self:end;align-items:flex-end;min-width:0;padding-right:0;display:flex;position:relative;overflow:hidden}.marketing-notify-artwork{filter:drop-shadow(0 26px 48px #6b45a73d);width:min(100%,700px);height:auto;display:block;transform:translate(2%)}.marketing-plan-strip{border:1px solid #46474a1f;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;width:min(100%,1030px);margin:110px auto 120px;padding:28px 34px;display:flex;box-shadow:0 24px 52px #4d505614}.marketing-plan-strip .marketing-button--primary{min-width:228px;box-shadow:none;letter-spacing:-.02em;background:#4f79f7;border-color:#0000;border-radius:10px;padding:0 42px;font-size:1.15rem;font-weight:400}.marketing-plan-strip .marketing-button--primary:hover,.marketing-plan-strip .marketing-button--primary:focus-visible{box-shadow:none;background:#476fe9}.marketing-home-faq-section{width:min(100%,1560px);margin:0 auto;padding:6px 75px 15px}.marketing-home-faq-shell{gap:42px;max-width:760px;display:grid}.marketing-home-faq-title{color:#5a5d63;letter-spacing:-.04em;margin:0;font-size:3.5rem;font-weight:100;line-height:1}.marketing-home-faq-list{gap:48px;display:grid}.marketing-home-faq-item{gap:0;display:grid}.marketing-home-faq-item--open{gap:20px}.marketing-home-faq-question{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;padding:0;display:flex}.marketing-home-faq-question-icon{color:#17191d;flex:none;margin-top:5px;transition:transform .18s}.marketing-home-faq-item--open .marketing-home-faq-question-icon{transform:rotate(180deg)}.marketing-home-faq-question-text{color:#17191d;letter-spacing:-.03em;margin:0;font-family:Tietoevry Sans,sans-serif;font-size:2rem;font-weight:400;line-height:1.14}.marketing-home-faq-answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .18s;display:grid}.marketing-home-faq-item--open .marketing-home-faq-answer{opacity:1;grid-template-rows:1fr}.marketing-home-faq-answer-inner{gap:16px;padding-left:28px;display:grid;overflow:hidden}.marketing-home-faq-question:focus-visible{outline:none}.marketing-home-faq-question:focus-visible .marketing-home-faq-question-text{text-underline-offset:.18em;text-decoration:underline}.marketing-home-faq-answer p{color:#23252a;letter-spacing:-.02em;max-width:42ch;margin:0;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1rem;line-height:1.45}.marketing-home-footer{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:80px;padding-bottom:12px;display:flex}.marketing-home-footer-copy{color:#23252a;align-items:center;gap:28px;font-size:14px;line-height:1.3;display:inline-flex}.marketing-home-footer-copy a{color:inherit;text-decoration:none}.marketing-home-footer-social{justify-content:center;align-items:center;display:inline-flex}.pricing-public-page{background:#f3f4f6}.pricing-public-shell{gap:98px;width:min(100%,1260px);margin:0 auto;padding:54px 56px 26px;display:grid}.pricing-public-hero{justify-content:center;padding-top:54px;display:flex}.pricing-public-title{text-align:center;color:#5a5d63;letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(3rem,5vw,3.9rem);font-weight:300;line-height:1.03}.pricing-public-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pricing-public-card{background:#ffffffdb;border:1px solid #e2e4e8f0;border-radius:6px;flex-direction:column;gap:14px;min-height:420px;padding:30px 28px 24px;display:flex}.pricing-public-card-name{color:#1f2023;font-family:Tietoevry Sans,sans-serif;font-size:21px;font-weight:400;line-height:1.12}.pricing-public-card-copy{color:#55585e;max-width:22ch;margin:0;font-size:11px;line-height:1.35}.pricing-public-card-price{color:#151619;margin-top:2px;font-family:Tietoevry Sans,sans-serif;font-size:clamp(2.1rem,4vw,2.9rem);font-weight:400;line-height:1}.pricing-public-card-term{color:#1f2023;margin-top:-8px;font-size:12px;line-height:1.35}.pricing-public-card-cta-row{margin-top:8px}.pricing-public-card-button{color:#4d4a46;background:#fff;border:1px solid #4242426b;border-radius:4px;justify-content:center;align-items:center;width:min(100%,160px);min-height:42px;padding:0 18px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.pricing-public-card-features{color:#232428;gap:4px;margin:4px 0 0;padding-left:16px;font-size:11px;line-height:1.4;display:grid}.marketing-page--about{background:#f3f4f6}.about-page-shell{gap:108px;max-width:1200px;margin:50px auto;display:grid}.about-page-hero{color:#fff;background:#b087ff;border-radius:30px;padding:52px 34px 46px}.about-page-hero-meta{color:#fff;align-items:flex-start;gap:0;min-height:97px;font-family:Tietoevry Sans,sans-serif;font-size:16px;line-height:1.2;display:flex;position:relative}.about-page-hero-connector{flex:none;width:169px;height:97px;position:relative}.about-page-hero-connector:before{content:"";border-top:1.5px solid #ffffffeb;border-right:1.5px solid #ffffffeb;border-top-right-radius:52px;position:absolute;inset:0}.about-page-hero-mark{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:37px;left:59px}.about-page-hero-mark svg{width:40px;height:40px;display:block}.about-page-hero-line-right{border-top:1.5px solid #ffffffeb;border-left:1px solid #fff;border-top-left-radius:50px;flex:1;justify-content:space-between;align-items:flex-start;min-width:0;height:97px;padding:48px 0 0 79px;display:flex;position:relative}.about-page-hero-label,.about-page-hero-version{z-index:1;align-items:center;min-width:169px;font-weight:300;display:flex;position:relative}.about-page-hero-version{text-align:right;justify-content:flex-end}.about-page-title{color:#fff;margin:40px 0 3rem 24px;font-size:4.625rem;font-weight:100;line-height:1.4}.about-page-card-stack{gap:26px;display:grid}.about-page-card{color:#1f2023;background:#fff;border-radius:22px;grid-template-columns:minmax(220px,.82fr) minmax(0,1.4fr);align-items:start;gap:36px;padding:38px 44px;display:grid}.about-page-card-title{margin:0;font-size:2rem;font-weight:300;line-height:1.16}.about-page-card-body{color:#2e3136;max-width:660px;margin:0;font-family:Rubrik Light,Rubrik,sans-serif;font-size:1rem;line-height:1.38}.about-page-footer{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:48px;display:grid}.about-page-footer-primary,.about-page-footer-secondary-links{display:grid}.about-page-footer-primary{gap:28px}.about-page-footer-primary-link{color:#5f6066;font-size:clamp(2.8rem,4vw,3.55rem);font-weight:300;line-height:1.08;text-decoration:none}.about-page-footer-secondary{justify-self:end;gap:18px;display:grid}.about-page-footer-heading{color:#191b1f;margin:0;font-size:14px;font-weight:500}.about-page-footer-secondary-links{gap:10px}.about-page-footer-secondary-link{color:#2a2b2f;font-size:14px;line-height:1.3;text-decoration:none}.about-page-bottom{justify-content:space-between;align-items:center;gap:24px;padding-top:20px;display:flex}.about-page-bottom-copy{color:#2b2c30;align-items:center;gap:28px;font-size:14px;display:inline-flex}.about-page-bottom-copy a{color:inherit;text-decoration:none}.about-page-bottom-social{justify-content:center;align-items:center;display:inline-flex}.marketing-plan-strip h2,.marketing-plan-strip p{margin:0}.marketing-plan-label{color:var(--marketing-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.marketing-plan-price{text-align:right;gap:4px;display:grid}.marketing-plan-price strong{color:#202226;font-size:36px;line-height:1}.marketing-plan-price span{color:#676a71;font-size:15px}.marketing-panel-card{color:#fff;background:linear-gradient(160deg,#111214 0%,#262b39 100%);box-shadow:0 28px 62px #11121429}.marketing-panel-card--primary{background:linear-gradient(160deg,#111214 0%,#1d4ed8 100%)}.marketing-panel-card h2,.marketing-panel-card p{color:inherit}@keyframes marketing-network-flow{0%{stroke-dashoffset:0;opacity:.78}50%{opacity:1}to{stroke-dashoffset:244px}}@keyframes marketing-network-fade{0%,to{opacity:.82}50%{opacity:1}}@keyframes marketing-network-dots{0%{stroke-dashoffset:0;opacity:.88}to{stroke-dashoffset:-120px;opacity:.88}}@keyframes marketing-network-signal{0%,to{opacity:.38;transform:scale(.88)}45%{opacity:1;transform:scale(1.18)}}@keyframes marketing-network-breathe{0%,to{opacity:.52;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes marketing-network-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marketing-network-core{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes marketing-network-node{0%,to{transform:translate(-50%,-50%)translate(0,0)}50%{transform:translate(-50%,-50%)translateY(-8px)}}@keyframes marketing-network-ambient{0%,to{opacity:.62;transform:scale(1)translate(0,0)}50%{opacity:1;transform:scale(1.08)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.marketing-hero-network *,.marketing-hero-network:before,.marketing-hero-network:after{transition:none!important;animation:none!important}}@media (max-width:1240px){.marketing-header-fixed,.marketing-topbar,.marketing-hero,.marketing-showcase,.marketing-story-stack{padding-left:32px;padding-right:32px}.marketing-hero--home{width:100%;max-width:none;padding:16px 0 0}.marketing-hero-copy--home{gap:12px;width:min(100% - 40px,680px);top:clamp(28px,5vw,56px)}.marketing-title{max-width:10ch}.marketing-hero-visual{justify-content:center}.marketing-hero-network{aspect-ratio:1215/693;width:100%}.marketing-showcase{margin-top:-88px}.marketing-story-stack{gap:56px}.marketing-story-section{grid-template-columns:1fr;gap:28px}.marketing-story-copy{gap:18px}.marketing-story-description{max-width:620px}.marketing-story-visual{justify-content:flex-start}.about-page-shell{gap:84px;padding-left:32px;padding-right:32px}.about-page-title{max-width:none;margin-left:0;font-size:clamp(3.6rem,7vw,4.8rem)}.about-page-card{grid-template-columns:1fr;gap:24px}.marketing-notify-shell{grid-template-columns:1fr;gap:44px;min-height:0;padding:62px 0}.marketing-notify-copy{padding-right:clamp(32px,6vw,84px)}.marketing-notify-form{margin-top:52px}.marketing-notify-form-layout{grid-template-columns:1fr}.marketing-notify-button{width:min(100%,280px);min-width:0}.marketing-notify-visual{justify-content:center;padding:0 24px 0 32px}.marketing-notify-artwork{width:min(100%,940px);transform:none}.marketing-plan-strip{flex-direction:column;align-items:flex-start;margin-left:32px;margin-right:32px}.marketing-home-faq-section{padding-left:32px;padding-right:32px}.marketing-home-footer{margin-top:80px}.marketing-plan-price{text-align:left}.pricing-public-shell{gap:72px;padding-left:32px;padding-right:32px}.pricing-public-grid{grid-template-columns:1fr;gap:16px}.pricing-public-card{min-height:0}}@media (max-width:760px){.marketing-header-fixed,.marketing-topbar,.marketing-hero,.marketing-showcase,.marketing-story-stack{padding-left:18px;padding-right:18px}.marketing-header-fixed,.marketing-topbar{padding-top:20px;padding-bottom:8px}.marketing-header-shell,.marketing-topbar{align-items:center}.marketing-header-shell{flex-wrap:wrap;gap:12px}.marketing-nav-toggle{color:#2c2e33;background:#ffffffc7;border:1px solid #46474a24;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:46px;height:46px;margin-left:auto;padding:0;display:inline-flex;box-shadow:0 12px 28px #484b5214}.marketing-nav-toggle span{background:currentColor;border-radius:999px;width:16px;height:1.5px;transition:transform .18s,opacity .18s}.marketing-nav-toggle.is-open span:first-child{transform:translateY(5.5px)rotate(45deg)}.marketing-nav-toggle.is-open span:nth-child(2){opacity:0}.marketing-nav-toggle.is-open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.marketing-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #46474a1f;border-radius:20px;flex-direction:column;order:3;align-items:stretch;gap:10px;width:100%;padding:16px;display:none;box-shadow:0 18px 36px #484b5217}.marketing-nav.is-open{display:flex}.marketing-nav-link,.marketing-nav a{width:100%;font-size:17px}.marketing-nav-link:not(.marketing-nav-link--button){padding:6px 2px}.marketing-nav-link.is-active{font-weight:600}.marketing-nav-link--button{background:#fff;border-radius:12px;justify-content:center;width:100%;min-height:49px;padding:0 16px}.marketing-profile-link{background:#ffffff9e;border:1px solid #46474a1f;border-radius:12px;justify-content:flex-start;width:100%;height:auto;min-height:49px;padding:0 14px}.marketing-profile-link svg{width:26px;height:26px}.marketing-profile-link-text{letter-spacing:-.02em;font-size:16px;font-weight:500;display:inline}.marketing-hero{padding-top:14px}.marketing-hero--home{width:100%;max-width:none;padding:8px 0 0}.marketing-title{max-width:10ch;font-size:clamp(3rem,12vw,4rem)}.marketing-hero-copy--home{gap:10px;width:min(100% - 24px,540px);top:22px}.marketing-hero-copy--home .marketing-description{max-width:480px;font-size:15px}.marketing-hero-network{aspect-ratio:1215/693;width:100%}.marketing-showcase{margin-top:-48px;padding-top:14px;padding-bottom:28px}.marketing-showcase-heading{margin-bottom:28px}.marketing-showcase-trigger{padding:22px 0}.marketing-showcase-trigger-icon{width:54px;height:54px}.marketing-showcase-trigger-icon:before,.marketing-showcase-trigger-icon:after{width:22px}.marketing-showcase-panel{padding-bottom:24px}.marketing-plan-strip{margin-left:18px;margin-right:18px;padding:22px 20px}.marketing-home-faq-section{padding:0 18px 20px}.marketing-home-faq-shell{gap:30px}.marketing-home-faq-title{font-size:2.7rem}.marketing-home-faq-list{gap:34px}.marketing-home-faq-question{gap:8px}.marketing-home-faq-question-icon{margin-top:4px}.marketing-home-faq-question-text{font-size:1.45rem;line-height:1.18}.marketing-home-faq-answer{opacity:0;grid-template-rows:0fr}.marketing-home-faq-item--open .marketing-home-faq-answer{opacity:1;grid-template-rows:1fr}.marketing-home-faq-answer-inner{gap:14px;padding-left:22px}.marketing-home-faq-answer p{max-width:none;font-size:1rem}.marketing-home-footer{flex-direction:column;align-items:flex-start;gap:18px;margin-top:80px}.marketing-home-footer-copy{flex-wrap:wrap;gap:16px}.pricing-public-shell{gap:52px;padding:24px 18px 22px}.pricing-public-hero{padding-top:22px}.pricing-public-title{max-width:9ch}.pricing-public-card{padding:24px 20px 22px}.pricing-public-card-button{width:100%}.marketing-story-stack{gap:44px;padding-top:20px;padding-bottom:8px}.marketing-story-title{max-width:none;font-size:clamp(2.4rem,11vw,3.25rem)}.marketing-story-description{max-width:none;font-size:18px}.marketing-story-link{gap:12px}.marketing-story-link-icon{width:42px;height:42px}.marketing-story-image{width:min(100%,420px)}.about-page-shell{gap:56px;padding:28px 18px 48px}.about-page-hero{border-radius:22px;padding:30px 18px 22px}.about-page-hero-meta{min-height:0;padding-top:56px;display:block}.about-page-hero-connector{width:170px;height:80px;position:relative}.about-page-hero-line-right{justify-content:space-between;gap:16px;height:auto;min-height:54px;padding:16px 12px 0 40px;display:flex}.about-page-hero-mark{border-radius:50%;width:40px;height:40px;padding:0;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.about-page-hero-mark svg{width:40px;height:40px}.about-page-hero-label,.about-page-hero-version{min-width:0;font-size:15px}.about-page-hero-version{margin-left:16px}.about-page-title{margin:18px 0 28px;font-size:clamp(2.7rem,10vw,3.5rem)}.about-page-card{gap:16px;padding:24px 18px}.about-page-card-title{font-size:2rem}.about-page-footer{grid-template-columns:1fr;gap:36px}.about-page-footer-primary{gap:18px}.about-page-footer-primary-link{font-size:2.2rem}.about-page-footer-secondary{justify-self:start}.about-page-bottom{flex-direction:column;align-items:flex-start}.about-page-bottom-copy{flex-wrap:wrap;gap:14px}.marketing-notify-section{padding-top:28px}.marketing-notify-shell{border-radius:28px;padding:44px 0 28px}.marketing-notify-copy{padding-left:24px;padding-right:24px}.marketing-notify-title{max-width:19ch;font-size:2rem}.marketing-notify-description{margin-top:24px;font-size:1.1rem}.marketing-notify-form{margin-top:34px}.marketing-notify-fields{grid-template-columns:1fr;gap:22px}.marketing-notify-optin{max-width:none}.marketing-notify-button{width:100%;min-height:auto}.marketing-notify-success{min-height:0}.marketing-notify-visual{padding:0 12px}}.login-page{color:#2f3135;background:#f8f8f8;min-height:100vh;overflow-x:clip}.login-page,.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-shell{grid-template-columns:minmax(0,4fr) minmax(340px,2fr);align-items:center;gap:clamp(34px,4.4vw,70px);width:min(100%,1680px);min-height:calc(100vh - 104px);margin:0 auto;padding:18px clamp(24px,3.6vw,56px) 28px;display:grid}.login-hero{background:linear-gradient(95deg,#b082e1 0%,#6f86f4 100%);border-radius:16px;align-items:flex-end;min-height:clamp(420px,100vh - 190px,700px);padding:48px;display:flex;position:relative;overflow:hidden}.login-hero--video:after{content:"";background:linear-gradient(#0a122233 0%,#0a12229e 100%);position:absolute;inset:0}.login-hero-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-hero-copy{z-index:1;color:#fff;grid-template-columns:minmax(0,1.25fr) minmax(220px,.82fr);align-items:end;gap:clamp(20px,2.4vw,36px);width:100%;display:grid;position:relative}.login-hero-title{max-width:none;margin:0 0 2px;font-family:Tietoevry Sans,Rubrik,sans-serif;font-size:clamp(2.2rem,4.5vw,2.5rem);font-weight:300;line-height:1.08}.login-hero-description{color:#fffffff0;max-width:none;margin:10px 0 0;font-size:1rem;line-height:1.45}.login-panel{width:100%;max-width:620px;padding-top:clamp(0px,2.4vh,24px)}.login-panel-title{color:#2f3135;margin:0 0 34px;font-family:Tietoevry Sans,Rubrik,sans-serif;font-size:clamp(2.3rem,4.2vw,2.3rem);font-weight:400;line-height:1.05}.login-form{gap:24px;display:grid}.login-oauth-stack{gap:18px;margin-bottom:24px;display:grid}.login-oauth-button{color:#1f2125;background:#fff;border:1px solid #44454833;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:0 18px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;transition:border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.login-oauth-button:hover{background:#5f7cff08;border-color:#5f7cff47}.login-oauth-button:focus-visible{border-color:#5f7cffeb;outline:none;box-shadow:0 0 0 3px #5f7cff1f}.login-oauth-button-icon{flex-shrink:0}.login-auth-divider{color:#6a707b;align-items:center;gap:12px;font-size:14px;line-height:1.2;display:flex}.login-auth-divider:before,.login-auth-divider:after{content:"";background:#44454824;flex:auto;height:1px}.login-form-row{gap:12px;display:grid}.login-label{color:#1f2125;font-size:16px;font-weight:400;line-height:1.3}.login-input{box-sizing:border-box;color:#2f3135;background:0 0;border:1px solid #44454873;border-radius:4px;outline:none;width:100%;min-height:60px;padding:0 20px;transition:border-color .16s,box-shadow .16s}.login-input::placeholder{color:#c6c6c9}.login-input:focus{border-color:#5f7cffeb;box-shadow:0 0 0 3px #5f7cff1f}.login-submit{color:#fff;cursor:pointer;background:#5f7cff;border:0;border-radius:4px;width:100%;min-height:56px;font-size:1rem;font-weight:400;transition:background-color .16s,opacity .16s}.login-submit:hover:not(:disabled){background:#5171f2}.login-submit:disabled{opacity:.72;cursor:progress}.login-switch-copy{color:#1f2125;text-align:center;padding-top:12px;font-size:16px;line-height:1.4}.login-switch-copy a{color:inherit;font-weight:500;text-decoration:none}.login-dev-tools{justify-content:center;display:flex}.login-dev-button{color:#6b7280;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:13px;text-decoration:underline}.checkout-page{color:#2f3135;background:#f8f8f8;min-height:100vh;overflow-x:clip}.checkout-page,.checkout-page *,.checkout-page :before,.checkout-page :after{box-sizing:border-box}.checkout-shell{grid-template-columns:minmax(0,4fr) minmax(420px,2.6fr);align-items:stretch;gap:20px;width:min(100%,1680px);min-height:calc(100vh - 104px);margin:0 auto;padding:18px clamp(24px,3.6vw,56px) 28px;display:grid}.checkout-content{flex-direction:column;justify-content:flex-end;gap:72px;min-height:clamp(480px,100vh - 190px,760px);display:flex}.checkout-copy{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:44px;display:grid}.checkout-title{color:#2f3135;max-width:none;margin:0;font-family:Tietoevry Sans,Rubrik,sans-serif;font-size:40px;font-weight:300;line-height:1.05}.checkout-description{color:#45484f;max-width:none;margin:0 0 10px;font-size:1rem;line-height:1.42}.checkout-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.checkout-step-card{background:#ffffffb8;border:1px solid #44454814;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:290px;padding:28px 28px 26px;display:flex}.checkout-step-number{color:#2f3135;font-family:Tietoevry Sans,Rubrik,sans-serif;font-size:40px;font-weight:300;line-height:1}.checkout-step-label{color:#2f3135;font-size:1rem;line-height:1.35}.checkout-sidebar{align-items:stretch;display:flex}.checkout-panel{background:#ffffffe0;border:1px solid #4445480f;border-radius:16px;align-items:center;width:100%;min-height:clamp(520px,100vh - 190px,760px);padding:44px 48px;display:flex}.pricing-actions-card{gap:28px;width:100%;display:grid}.pricing-actions-card--modal{gap:20px}.pricing-actions-copy{gap:18px;display:grid}.pricing-card-label{color:#2f3135;font-size:14px;line-height:1.3}.pricing-actions-copy h3{color:#2f3135;margin:0;font-family:Tietoevry Sans,Rubrik,sans-serif;font-size:40px;font-weight:300;line-height:1.1}.pricing-actions-copy p{color:#45484f;margin:0;font-size:1rem;line-height:1.42}.pricing-actions-label{color:#1f2125;font-size:16px;font-weight:400;line-height:1.3}.pricing-actions-input{color:#2f3135;background:0 0;border:1px solid #44454873;border-radius:4px;outline:none;width:100%;min-height:58px;padding:0 20px;transition:border-color .16s,box-shadow .16s}.pricing-actions-input::placeholder{color:#c6c6c9}.pricing-actions-input:focus{border-color:#5f7cffeb;box-shadow:0 0 0 3px #5f7cff1f}.pricing-actions-meta{color:#5f6470;font-size:14px;line-height:1.5}.pricing-actions-success,.pricing-actions-error{border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.pricing-actions-success{color:#166534;background:#dcfce7eb;border:1px solid #22c55e2e}.pricing-actions-error{color:#b42318;background:#fee4e2eb;border:1px solid #f044382e}.pricing-actions-row{gap:18px;display:grid}.pricing-actions-row .marketing-button{justify-content:center;width:100%;min-height:58px}.pricing-actions-card--checkout .pricing-actions-row .marketing-button--primary{border-radius:4px;font-size:1rem}.pricing-actions-page-link{color:#2f3135;text-underline-offset:4px;justify-self:center;width:fit-content;font-size:16px;line-height:1.4;text-decoration:underline}@media (max-width:1380px){.checkout-shell{grid-template-columns:minmax(0,4fr) minmax(360px,2.4fr);gap:40px}.checkout-content,.checkout-panel{min-height:clamp(440px,100vh - 210px,620px)}.checkout-copy{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.login-shell{grid-template-columns:minmax(0,4fr) minmax(320px,2fr);gap:40px}.login-hero{min-height:clamp(400px,100vh - 210px,620px)}.login-hero-copy{grid-template-columns:minmax(0,1.15fr) minmax(200px,.78fr)}}.auth-page{color:#111827;background:radial-gradient(circle at 0 0,#607cff1f,#0000 30%),linear-gradient(#f8fafc 0%,#eef4ff 42%,#fff 100%);min-height:100vh}.auth-shell{grid-template-columns:minmax(340px,.96fr) minmax(380px,480px);align-items:start;gap:32px;width:min(100%,1480px);margin:0 auto;padding:28px 56px 72px;display:grid}.auth-shell-copy{gap:16px;padding-top:48px;display:grid}.auth-shell-eyebrow,.auth-guard-eyebrow{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.auth-shell-title{color:#0f172a;letter-spacing:-.05em;max-width:11ch;margin:0;font-size:clamp(2.8rem,5vw,4.5rem);line-height:.98}.auth-shell-description{color:#475569;max-width:560px;margin:0;font-size:18px;line-height:1.75}.auth-shell-points{gap:14px;margin-top:12px;display:grid}.auth-shell-point{color:#334155;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;display:flex}.auth-shell-point-dot{background:linear-gradient(135deg,#8b5cf6 0%,#2563eb 100%);border-radius:999px;flex:none;width:12px;height:12px;margin-top:6px}.auth-card,.auth-guard-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #94a3b838;border-radius:30px;padding:32px;box-shadow:0 26px 60px #0f172a1a}.auth-form{gap:16px;display:grid}.auth-form-row{gap:8px;display:grid}.auth-label{color:#334155;font-size:13px;font-weight:600}.auth-input{color:#111827;background:#f8fafcf0;border:1px solid #94a3b842;border-radius:16px;outline:none;width:100%;padding:14px 16px;transition:border-color .16s,box-shadow .16s}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#2563ebb3;box-shadow:0 0 0 4px #2563eb24}.auth-error,.auth-success{border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.6}.auth-helper-card{background:#f5f3ffe0;border:1px solid #8b5cf62e;border-radius:20px;gap:10px;padding:16px 18px;display:grid}.auth-helper-title{color:#5b21b6;font-size:13px;font-weight:700}.auth-helper-copy{color:#5b5567;margin:0;font-size:14px;line-height:1.6}.auth-helper-credentials{gap:6px;display:grid}.auth-helper-credentials span{color:#111827;word-break:break-all;background:#ffffffe6;border:1px solid #a78bfa38;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.auth-helper-button{width:100%}.auth-error{color:#b42318;background:#fee4e2eb;border:1px solid #f044382e}.auth-success{color:#166534;background:#dcfce7eb;border:1px solid #22c55e2e}.auth-submit,.auth-logout-button{cursor:pointer;border:0;width:100%}.auth-switch-copy{color:#475569;font-size:14px;line-height:1.6}.auth-switch-copy a{color:#2563eb;font-weight:600;text-decoration:none}.auth-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-account-card{background:#f8fafce6;border:1px solid #94a3b82e;border-radius:20px;padding:16px 18px}.auth-account-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.auth-account-value{color:#0f172a;word-break:break-word;margin-top:10px;font-size:18px;line-height:1.5}.auth-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.admin-page{color:#0f172a;background:radial-gradient(circle at 0 0,#607cff1f,#0000 28%),linear-gradient(#f8fafc 0%,#eef4ff 42%,#fff 100%);min-height:100vh}.admin-shell{gap:18px;width:min(100%,1480px);margin:0 auto;padding:28px 56px 72px;display:grid}.admin-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-header-copy{gap:12px;max-width:760px;display:grid}.admin-eyebrow{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.admin-title{color:#0f172a;margin:0;font-size:clamp(2.6rem,4vw,4rem);line-height:1.02}.admin-description{color:#475569;margin:0;font-size:1rem;line-height:1.7}.admin-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-metric-card,.admin-panel{background:#ffffffe6;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 22px 48px #0f172a0f}.admin-metric-card{gap:10px;padding:20px 22px;display:grid}.admin-metric-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.admin-metric-value{color:#0f172a;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1}.admin-metric-meta{color:#475569;font-size:14px;line-height:1.55}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);align-items:start;gap:16px;display:grid}.admin-panel{gap:18px;padding:22px;display:grid}.admin-panel--wide{grid-row:span 3}.admin-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.admin-panel-header h2,.admin-panel-header p{margin:0}.admin-panel-header h2{color:#0f172a;font-size:1.2rem}.admin-panel-header p{color:#64748b;margin-top:6px;font-size:14px;line-height:1.5}.admin-panel-tag{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;background:#2563eb1a;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.admin-project-list,.admin-user-list,.admin-link-list{gap:12px;display:grid}.admin-project-row{background:#f8fafceb;border:1px solid #94a3b824;border-radius:20px;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:16px;padding:16px;display:grid}.admin-project-accent{border-radius:999px;min-height:100%}.admin-project-main{min-width:0}.admin-project-title-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.admin-project-title-row h3,.admin-project-main p{margin:0}.admin-project-title-row h3{color:#0f172a;font-size:1rem}.admin-project-title-row span{color:#64748b;white-space:nowrap;font-size:13px}.admin-project-main p{color:#475569;margin-top:8px;font-size:14px;line-height:1.55}.admin-project-stats{text-align:right;grid-template-columns:repeat(3,minmax(88px,auto));gap:18px;display:grid}.admin-project-stats div{gap:4px;display:grid}.admin-project-stats strong{color:#0f172a;font-size:14px}.admin-project-stats span{color:#64748b;font-size:12px;line-height:1.4}.admin-user-row{background:#f8fafceb;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#c4b5fd 0%,#60a5fa 100%);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:700;display:inline-flex}.admin-user-copy{gap:2px;min-width:0;display:grid}.admin-user-copy strong{color:#0f172a;font-size:15px}.admin-user-copy span,.admin-user-row time{color:#64748b;font-size:13px}.admin-user-copy span{text-overflow:ellipsis;overflow:hidden}.admin-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-health-item{background:#f8fafceb;border:1px solid #94a3b824;border-radius:18px;gap:8px;padding:16px;display:grid}.admin-health-item span{color:#64748b;font-size:13px}.admin-health-item strong{color:#0f172a;font-size:1.05rem}.admin-route-list,.admin-trend-list{gap:12px;display:grid}.admin-route-row,.admin-trend-row{background:#f8fafceb;border:1px solid #94a3b824;border-radius:18px;gap:10px;padding:14px 16px;display:grid}.admin-route-copy,.admin-trend-copy{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.admin-route-copy strong,.admin-trend-copy strong{color:#0f172a;font-size:14px}.admin-route-copy span,.admin-trend-copy span{color:#64748b;white-space:nowrap;font-size:12px}.admin-route-path{text-overflow:ellipsis;overflow:hidden}.admin-route-bar,.admin-trend-bars{gap:6px;width:100%;display:grid}.admin-route-bar{background:#94a3b829;border-radius:999px;height:10px;overflow:hidden}.admin-route-bar-fill,.admin-trend-bar{border-radius:999px;display:block}.admin-route-bar-fill{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 100%);height:100%}.admin-trend-bar{height:8px}.admin-trend-bar--visits{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 100%)}.admin-trend-bar--signups{background:linear-gradient(90deg,#c084fc 0%,#8b5cf6 100%)}.admin-trend-bar--upgrades{background:linear-gradient(90deg,#34d399 0%,#10b981 100%)}.admin-link-card{background:#f8fafceb;border:1px solid #94a3b824;border-radius:18px;gap:6px;padding:16px 18px;text-decoration:none;display:grid}.admin-link-card strong{color:#0f172a;font-size:15px}.admin-link-card span{color:#64748b;font-size:13px;line-height:1.5}.admin-empty-state{color:#64748b;background:#f8fafceb;border:1px dashed #94a3b86b;border-radius:18px;padding:18px;font-size:14px;line-height:1.6}.admin-restricted-card{background:#ffffffeb;border:1px solid #94a3b82e;border-radius:28px;gap:14px;width:min(100%,760px);padding:28px;display:grid;box-shadow:0 22px 48px #0f172a0f}.admin-restricted-card .admin-actions{margin-top:6px}.admin-restricted-meta{color:#64748b;margin:0;font-size:14px;line-height:1.6}.auth-guard-shell{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:24px;display:flex}.auth-guard-card{text-align:center;width:min(100%,520px)}.auth-guard-card h1,.auth-guard-card p{margin:0}.auth-guard-card h1{color:#0f172a;margin-top:14px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.02}.auth-guard-card p{color:#475569;margin-top:12px;line-height:1.7}@media (max-width:1100px){.checkout-shell{grid-template-columns:1fr;gap:42px;min-height:0;padding:12px 32px 36px}.checkout-content{gap:40px;min-height:0}.checkout-copy{grid-template-columns:1fr;gap:18px}.checkout-title{max-width:9ch}.checkout-description{max-width:34ch;margin-bottom:0}.checkout-panel{min-height:0}.login-shell{grid-template-columns:1fr;gap:42px;min-height:0;padding:12px 32px 36px}.login-hero{min-height:560px}.login-panel{width:min(100%,760px);padding-top:0}.admin-header{flex-direction:column;align-items:flex-start}.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.admin-panel--wide{grid-row:auto}.auth-shell{grid-template-columns:1fr}.auth-shell-copy{padding-top:8px}}@media (max-width:760px){.checkout-shell{gap:24px;padding:8px 18px 36px}.checkout-content{gap:24px}.checkout-title{font-size:clamp(2.6rem,12vw,3.5rem)}.checkout-description{max-width:none;font-size:15px}.checkout-steps{grid-template-columns:1fr}.checkout-step-card{min-height:170px;padding:22px 20px}.checkout-panel{padding:26px 20px}.pricing-actions-copy h3{font-size:clamp(2.2rem,10vw,2.8rem)}.pricing-actions-input,.pricing-actions-row .marketing-button{min-height:54px}.pricing-card-label,.pricing-actions-label,.pricing-actions-page-link{font-size:15px}.login-shell{gap:24px;padding:8px 18px 36px}.login-hero{min-height:360px;padding:24px 20px}.login-hero-copy{grid-template-columns:1fr;gap:18px}.login-hero-title{font-size:clamp(2.6rem,12vw,3.4rem)}.login-hero-description{max-width:26ch;margin-bottom:0}.login-panel{width:100%}.login-panel-title{margin-bottom:28px;font-size:clamp(2.4rem,11vw,3rem)}.login-label,.login-switch-copy{font-size:15px}.login-input,.login-submit{min-height:54px}.admin-shell{padding:12px 18px 56px}.admin-actions{flex-direction:column;align-items:stretch;width:100%}.admin-metrics-grid,.admin-health-grid{grid-template-columns:1fr}.admin-panel,.admin-project-row,.admin-user-row,.admin-route-row,.admin-trend-row{border-radius:20px}.admin-project-row{grid-template-columns:12px minmax(0,1fr)}.admin-project-stats{text-align:left;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-user-row{grid-template-columns:44px minmax(0,1fr)}.admin-user-avatar{width:44px;height:44px}.admin-user-row time{grid-column:2}.admin-route-copy,.admin-trend-copy{flex-direction:column;align-items:flex-start}.auth-shell{padding:12px 18px 56px}.auth-card,.auth-guard-card{border-radius:24px;padding:22px}.auth-shell-title{max-width:none;font-size:clamp(2.2rem,10vw,3.2rem)}.auth-account-grid{grid-template-columns:1fr}.auth-actions-row{flex-direction:column;align-items:stretch}}body :not(.export-modal-card):not(.component-preview-dialog-card):not(.component-preview-drawer-panel):not(.component-preview-alert-dialog-card):not(.component-preview--alert-dialog-card):not(.component-preview-modal-card):not(.projects-dashboard-modal):not(.projects-dashboard-collab-dialog):not(.projects-dashboard-delete-dialog):not(.projects-design-dna-panel--dialog):not(.projects-design-dna-scene-card--dialog):not(.pricing-actions-card--modal){box-shadow:none!important}