.page-header{gap:var(--spacing-md)}.page-header__sub{margin:4px 0 0;color:var(--color-text-muted)}.page-header__actions{gap:var(--spacing-sm)}.page-grid{display:block}.page-grid[data-archetype=overview-bento]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-lg);align-items:start}.page-grid[data-archetype=profile]{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--spacing-lg);align-items:start}.page-zone{min-width:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor}.icon svg{display:block}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{font-family:var(--font-family-mono);font-size:11px;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--spacing-sm)}.status-chip{gap:var(--spacing-xs);font-weight:var(--font-weight-medium);border:1px solid transparent}.status-chip__dot{flex:0 0 auto}.status-chip--neutral{background:var(--color-bg-sunken);color:var(--color-text-secondary);border-color:var(--color-border-default)}.status-chip__label{color:var(--color-text-primary)}.status-chip--danger .status-chip__label,.status-chip--success .status-chip__label,.status-chip--warning .status-chip__label{color:inherit}.segmented{gap:2px;padding:3px;background:var(--color-bg-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex-wrap:wrap}.segmented,.segmented__seg{display:inline-flex;align-items:center}.segmented__seg{gap:var(--spacing-xs);height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--easing-ease-out),color var(--duration-fast) var(--easing-ease-out)}.segmented__seg:hover{color:var(--color-text-primary)}.segmented__seg[aria-pressed=true]{background:var(--color-accent-primary);color:var(--color-text-on-accent);font-weight:var(--font-weight-semibold)}.segmented__count{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-size:11px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-muted);min-width:18px;text-align:center}.segmented__seg[aria-pressed=true] .segmented__count{background:hsla(0,0%,100%,.18);color:var(--color-text-on-accent)}.date-range{display:inline-flex;align-items:center;gap:6px}.date-range__input{height:36px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);min-width:140px}.date-range__input:hover{border-color:var(--color-border-strong)}.date-range__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-primary-soft)}.date-range__sep{color:var(--color-text-muted);font-size:var(--font-size-sm)}.date-range__clear{display:inline-flex;align-items:center;justify-content:center;height:28px;width:28px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--easing-ease-out),color var(--duration-fast) var(--easing-ease-out)}.date-range__clear:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.date-range__clear:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-primary-soft)}@media (max-width:720px){.date-range{flex:1 1 100%}.date-range__input{flex:1 1 0;min-width:0}}.search-input{position:relative;display:inline-flex;align-items:center;min-width:220px}.search-input__icon{position:absolute;inset-inline-start:10px;color:var(--color-text-muted);pointer-events:none}.search-input input{height:36px;width:100%;padding:0 12px 0 34px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.search-input input:hover{border-color:var(--color-border-strong)}.filter-chip,.filter-chips{display:inline-flex}.filter-chip{align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.filter-chip__x{display:inline-flex;border:0;background:transparent;cursor:pointer;color:var(--color-text-muted);padding:2px;border-radius:var(--radius-sm)}.filter-chip__x:hover{color:var(--color-text-primary);background:var(--color-border-default)}.toolbar{justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.toolbar,.toolbar__group{display:flex;align-items:center;flex-wrap:wrap}.toolbar__group{gap:var(--spacing-sm)}.bulk-bar{display:flex;align-items:center;gap:var(--spacing-md);height:48px;padding:0 var(--spacing-md);background:var(--color-accent-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.bulk-bar__count{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.bulk-bar__spacer{flex:1 1 auto}.data-table-wrap{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.data-table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead th{position:sticky;top:0;z-index:1;text-align:start;height:42px;padding:0 14px;background:var(--color-bg-sunken);border-bottom:1px solid var(--color-border-default);font-family:var(--font-family-mono);font-size:11px;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.data-table th.th--sortable{cursor:pointer;user-select:none}.lead-row{cursor:pointer}.data-table th.th--sortable:hover{color:var(--color-text-primary)}.data-table th .th-sort{margin-inline-start:4px;opacity:.5}.data-table th[aria-sort=ascending] .th-sort,.data-table th[aria-sort=descending] .th-sort{opacity:1;color:var(--color-accent-primary)}.data-table tbody td{height:56px;padding:0 14px;border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background var(--duration-fast) var(--easing-ease-out)}.data-table tbody tr:hover{background:var(--color-bg-sunken)}.data-table tbody tr[data-selected=true]{background:var(--color-accent-primary-soft)}.col-select{width:44px;text-align:center}.col-actions{text-align:end;width:1%}.cell-name{display:flex;flex-direction:column;gap:1px;min-width:0}.cell-name__link{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);max-width:240px;overflow:hidden;text-overflow:ellipsis}.cell-name__link:hover{text-decoration:underline}.cell-name__caption{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cell-email{max-width:230px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.cell-email,.cell-num{color:var(--color-text-secondary)}.cell-num{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.checkbox{width:18px;height:18px;accent-color:var(--color-accent-primary);cursor:pointer}.row-actions{display:flex;justify-content:flex-end}.row-actions__btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;gap:5px;white-space:nowrap}.row-actions__btn:hover{background:var(--color-bg-sunken)}.row-actions__btn--primary{background:var(--color-accent-primary);color:var(--color-text-on-accent);border-color:var(--color-accent-primary)}.row-actions__btn--primary:hover{background:var(--color-accent-primary-hover)}.row-actions__btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.row-actions__more{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer}.row-actions__more:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.menu{position:absolute;z-index:var(--z-dropdown);min-width:168px;padding:var(--spacing-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;height:34px;padding:0 var(--spacing-sm);border:0;border-radius:var(--radius-sm);background:transparent;text-align:start;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.menu__item:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.menu__item--danger{color:var(--color-danger)}.menu__item--danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pagination__info{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.pagination__controls{display:flex;align-items:center;gap:var(--spacing-xs)}.dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.dash-toolbar__scope{color:var(--color-text-muted);font-size:var(--font-size-sm)}.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.kpi-tile{position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:132px}.kpi-tile__top{display:flex;align-items:center;justify-content:space-between}.kpi-tile__icon{width:30px;height:30px;border-radius:var(--radius-md);justify-content:center;background:var(--color-bg-sunken);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.kpi-tile__delta,.kpi-tile__icon{display:inline-flex;align-items:center}.kpi-tile__delta{gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.kpi-tile__delta--up{color:var(--color-success)}.kpi-tile__delta--down{color:var(--color-danger)}.kpi-tile__delta--flat{color:var(--color-text-muted)}.kpi-tile__value{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.kpi-tile--muted .kpi-tile__value,.kpi-tile__label{color:var(--color-text-muted)}.kpi-tile__label{font-family:var(--font-family-mono);font-size:11px;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.kpi-tile__spark{height:34px;margin-top:auto}.trend-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:20px}.trend-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.trend-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.chart-legend{gap:var(--spacing-md)}.chart-legend,.legend-item{display:inline-flex;align-items:center}.legend-item{gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-item__swatch{width:16px;height:3px;border-radius:var(--radius-full)}.trend-chart{height:300px;width:100%;position:relative}.trend-empty{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-xs);color:var(--color-text-secondary)}.trend-empty__title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.rail-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:20px}.rail-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.rail-collapse{border:0;background:transparent;cursor:pointer;color:var(--color-text-muted);display:inline-flex;padding:4px;border-radius:var(--radius-sm)}.rail-collapse:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.rate-big{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.rate-caption{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.kv-grid{grid-template-columns:1fr auto;gap:0}.kv-grid__row{display:contents}.kv-grid dt,.kv-grid__k{color:var(--color-text-muted)}.kv-grid dd,.kv-grid dt,.kv-grid__k,.kv-grid__v{padding:9px 0;font-size:var(--font-size-sm);border-top:1px solid var(--color-border-subtle)}.kv-grid dd,.kv-grid__v{margin:0;text-align:end;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.kv-grid__row:first-child dd,.kv-grid__row:first-child dt{border-top:0}.delta-pos{color:var(--color-success)}.delta-neg{color:var(--color-danger)}.identity-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.identity-header__avatar{width:52px;height:52px;border-radius:var(--radius-full);flex:0 0 auto;background:var(--color-accent-secondary-soft);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.identity-header__body{min-width:0}.identity-header__name{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.identity-header__meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:3px}.identity-header__spacer{flex:1 1 auto}.detail-actions{align-items:center;flex-wrap:wrap}.convert-block,.detail-actions{display:flex;gap:var(--spacing-sm)}.convert-block{align-items:flex-start;padding:12px var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.convert-block--done{background:var(--color-success-soft);border-color:var(--color-success)}.convert-block__icon{color:var(--color-warning);flex:0 0 auto;margin-top:1px}.convert-block--done .convert-block__icon{color:var(--color-success)}.answer-view{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);width:100%}.section-group+.section-group{margin-top:var(--spacing-xl)}.section-group__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-subtle)}.answer-dl{margin:0}.answer-dl>div{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}.answer-dl>div:last-child{border-bottom:0}.answer-dl dt{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:3px}.answer-dl dd{margin:0;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.submission-card,.submission-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.submission-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);align-items:flex-start}.submission-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);width:100%}.submission-card__title{font-weight:var(--font-weight-semibold)}.submission-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:2px}.submission-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.submission-card__files{width:100%}.submission-card__files .section-title{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-list__row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.file-list__name{flex:1;font-size:var(--font-size-sm);word-break:break-word}.file-list__expired,.file-list__size{color:var(--color-text-muted);font-size:var(--font-size-xs)}.meta-rail{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:20px}.meta-rail__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.meta-rail.is-collapsed .meta-rail__body{display:none}.modal-lead{font-weight:var(--font-weight-semibold)}.clio-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);margin:var(--spacing-md) 0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-sunken);font-size:var(--font-size-sm)}.clio-row--warn{background:var(--color-warning-soft);border-color:var(--color-warning)}.convert-result{text-align:start}.convert-result__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-success);margin-bottom:var(--spacing-xs)}.convert-result--fail .convert-result__title{color:var(--color-danger)}.field__label{display:block;margin-bottom:5px}.field__label .req{color:var(--color-danger)}.field input,.field select{width:100%;height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.field input:focus,.field select:focus{outline:none;border-color:var(--color-border-focus)}.field--error input{border-color:var(--color-danger)}.field__error{margin-top:5px}.field--error .field__error{display:block}.field__warn{color:var(--color-warning);font-size:var(--font-size-xs);margin-top:5px}.format-picker{display:flex;gap:var(--spacing-sm)}.format-picker__opt{flex:1}.format-picker__opt input{position:absolute;opacity:0;pointer-events:none}.format-picker__opt span{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.format-picker__opt input:checked+span{border-color:var(--color-accent-primary);background:var(--color-accent-primary-soft);font-weight:var(--font-weight-semibold)}.export-note{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.export-result{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.spinner-inline{width:16px;height:16px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.error-banner__icon{color:var(--color-danger)}.error-banner__spacer{flex:1 1 auto}.sk-line{height:12px;border-radius:var(--radius-sm)}.sk-tile{height:132px}.sk-chart,.sk-tile{border-radius:var(--radius-lg)}.sk-chart{height:300px}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.empty-state__actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.demo-toggles{margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.demo-toggles summary{font-weight:var(--font-weight-medium)}.demo-toggles__row{align-items:center;gap:var(--spacing-xs)}@media (max-width:1023px){.page-grid[data-archetype=overview-bento],.page-grid[data-archetype=profile]{grid-template-columns:minmax(0,1fr)}.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.kpi-strip{grid-template-columns:1fr}.cell-email{display:none}.search-input{min-width:0;flex:1 1 100%}}.row-actions__btn--primary .icon{color:var(--color-text-on-accent)}[hidden]{display:none!important}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.page-header__title{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight)}.page-header__sub{margin:6px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:62ch}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.ico{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.ico svg{display:block}.section-title{font-family:var(--font-family-display);font-size:var(--font-size-base)}.section-title,.status-chip{font-weight:var(--font-weight-semibold)}.status-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--color-border-default);background:var(--color-bg-sunken);color:var(--color-text-secondary);white-space:nowrap}.status-chip__dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;flex:none}.status-chip--success{color:var(--color-success);background:var(--color-success-soft);border-color:transparent}.status-chip--warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:transparent}.status-chip--danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:transparent}.status-chip--neutral{color:var(--color-text-muted)}.toolbar-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.toolbar-row__grow{flex:1 1 auto}.filter-chips{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.chip{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.chip:hover{border-color:var(--color-border-strong)}.chip--active{background:var(--color-accent-primary);color:var(--color-text-on-accent);border-color:var(--color-accent-primary)}.chip--static{cursor:default;background:var(--color-bg-sunken);border-color:transparent;color:var(--color-text-secondary)}.field-search{position:relative;display:inline-flex;align-items:center;min-width:220px}.field-search .ico{position:absolute;inset-inline-start:11px;color:var(--color-text-muted);pointer-events:none}.field-search input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.field-search input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.select-control{height:40px;padding:0 32px 0 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);-webkit-appearance:none;appearance:none;cursor:pointer}.select-control:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.seg-toggle{display:inline-flex;padding:3px;gap:2px;background:var(--color-bg-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.seg-toggle button{height:30px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer}.seg-toggle button[aria-pressed=true]{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.plan-meter{display:flex;flex-direction:column;gap:5px;min-width:190px}.plan-meter__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.plan-meter__label b{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer}.iconbtn:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.iconbtn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.iconbtn--bordered{border-color:var(--color-border-default);background:var(--color-bg-elevated)}.row-actions{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.menu-pop{position:absolute;z-index:var(--z-dropdown);min-width:190px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:1px}.menu-pop button{display:flex;align-items:center;gap:var(--spacing-sm);height:38px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:start;cursor:pointer}.menu-pop button:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.menu-pop button.is-danger{color:var(--color-danger)}.menu-pop .menu-sep{border-top:1px solid var(--color-border-subtle);margin:var(--spacing-xs) 0}.forms-section{margin-bottom:var(--spacing-2xl)}.forms-section__head{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.forms-section__head h2{font-size:var(--font-size-lg)}.forms-section__count{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-sunken);border-radius:var(--radius-full);padding:2px 9px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.form-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:box-shadow var(--duration-fast) var(--easing-ease-out),border-color var(--duration-fast) var(--easing-ease-out)}.form-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.form-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.form-card__title{font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;background:none;border:0;text-align:start;padding:0}.form-card__title:hover{text-decoration:underline}.form-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.form-card__desc--empty{color:var(--color-text-muted);font-style:italic}.form-card__flag{align-self:flex-start;font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px dashed var(--color-border-default);border-radius:var(--radius-full);padding:2px var(--spacing-sm)}.count-meter{display:flex;flex-direction:column;gap:5px}.count-meter__label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.count-meter__label b{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.count-meter__track{height:5px;border-radius:var(--radius-full);background:var(--color-bg-sunken);overflow:hidden}.count-meter__fill{height:100%;border-radius:var(--radius-full);background:var(--color-accent-secondary)}.form-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:4px;padding-top:12px;border-top:1px solid var(--color-border-subtle)}.form-card__stamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chooser{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:100%}.chooser__lead{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.quickstart{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.route-card{display:flex;flex-direction:column;gap:8px;padding:18px;text-align:start;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer}.route-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.route-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.route-card__icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-primary-soft);color:var(--color-text-primary)}.route-card__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.route-card__sub{color:var(--color-text-muted);font-size:var(--font-size-xs)}.route-card[disabled]{opacity:.5;cursor:not-allowed}.tmpl-heading{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);font-family:var(--font-family-mono)}.template-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.template-row{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 14px;border-bottom:1px solid var(--color-border-subtle)}.template-row:last-child{border-bottom:0}.template-row__glyph{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-sunken);color:var(--color-text-secondary)}.template-row__body{flex:1 1 auto;min-width:0}.template-row__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.template-row__desc{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-row .btn{flex:none;white-space:nowrap}.ai-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-step textarea,.field-textarea{width:100%;min-height:96px;padding:12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);resize:vertical}.ai-step textarea:focus-visible,.field-textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.page-grid[data-archetype=flow-canvas]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-md);align-items:stretch}.builder-identity{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.builder-identity input[type=text]{height:40px;min-width:220px;padding:0 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.builder-identity input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.dirty-dot{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.dirty-dot:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-text-muted)}.dirty-dot.is-dirty{color:var(--color-warning)}.dirty-dot.is-dirty:before{background:var(--color-warning)}.dirty-dot.is-saved{color:var(--color-success)}.dirty-dot.is-saved:before{background:var(--color-success)}.flow-canvas{position:relative;overflow:hidden;min-height:620px;background:var(--color-bg-sunken);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column}.zoom-strip{justify-content:space-between;padding:8px 12px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default);position:relative;z-index:3}.zoom-strip,.zoom-strip__tools{display:flex;align-items:center;gap:var(--spacing-sm)}.zoom-strip__tools{flex-wrap:wrap}.zoom-strip__meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.zoom-cluster{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.zoom-cluster .iconbtn{width:30px;height:30px}.flow-scroll{position:relative;flex:1 1 auto;overflow:auto}.flow-ground{position:relative;min-height:100%;min-width:100%;padding:32px;background-image:radial-gradient(var(--color-border-strong) 1.1px,transparent 1.1px);background-size:22px 22px;transform-origin:0 0}.flow-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.flow-nodes{position:relative}.start-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);position:absolute}.start-pill,.start-pill__dot{border-radius:var(--radius-full)}.start-pill__dot{width:8px;height:8px;background:var(--color-text-on-accent)}.q-node{position:absolute;width:250px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer}.q-node:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.q-node--selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-soft),var(--shadow-md)}.q-node--invalid{border-color:var(--color-danger)}.q-node__bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--color-border-subtle)}.q-node__grip{color:var(--color-text-muted);display:inline-flex}.q-node__badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-sm);background:var(--color-accent-primary-soft);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.q-node__badge,.q-node__num{font-size:var(--font-size-xs)}.q-node__num{margin-inline-start:auto;font-family:var(--font-family-mono);color:var(--color-text-muted)}.q-node__body{padding:10px 12px}.q-node__labelrow{display:flex;align-items:flex-start;gap:7px}.q-node__glyph{flex:none;color:var(--color-text-secondary);display:inline-flex;margin-top:1px}.q-node__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.q-node__meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap}.branch-tag{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-semibold)}.branch-tag,.branch-tag .ico{color:var(--color-accent-primary)}.req-dot{display:inline-flex;align-items:center;gap:4px;color:var(--color-danger);font-weight:var(--font-weight-semibold)}.req-dot:before{content:"";width:6px;height:6px;background:var(--color-danger)}.q-node__handle,.req-dot:before{border-radius:var(--radius-full)}.q-node__handle{position:absolute;inset-inline-end:-7px;top:50%;transform:translateY(-50%);width:13px;height:13px;background:var(--color-bg-elevated);border:2px solid var(--color-accent-secondary)}.q-node__invalidmsg{padding:0 12px 10px;font-size:var(--font-size-xs);color:var(--color-danger)}.minimap{position:absolute;inset-inline-end:14px;top:60px;width:150px;height:96px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;z-index:3;padding:6px}.minimap__title{font-size:10px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);font-family:var(--font-family-mono)}.minimap__node{position:absolute;background:var(--color-accent-secondary);border-radius:2px}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl)}.canvas-empty,.canvas-empty__glyph{align-items:center;justify-content:center}.canvas-empty__glyph{width:60px;height:60px;display:inline-flex;border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-muted)}.kbd-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.node-editor,.node-settings-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg);align-self:start;position:sticky;top:72px;max-height:calc(100vh - 96px);overflow-y:auto}.node-editor__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.node-editor__head h2{font-size:var(--font-size-base)}.field{margin-bottom:var(--spacing-md)}.field>label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.field input[type=text],.field select,.field textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.field--error input,.field--error select{border-color:var(--color-danger)}.field__err{font-size:var(--font-size-xs);color:var(--color-danger);gap:5px}.field__err,.switch-row{display:flex;align-items:center}.switch-row{justify-content:space-between;gap:var(--spacing-sm);padding:8px 0}.switch{position:relative;width:40px;height:22px;border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border-default);cursor:pointer;flex:none}.switch[aria-checked=true]{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-bg-elevated);transition:transform var(--duration-fast) var(--easing-ease-out)}.switch[aria-checked=true]:after{transform:translateX(18px)}.opt-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.opt-row input{flex:1 1 auto}.node-editor__reorder{display:flex;gap:6px}.node-editor__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.node-editor--empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.opt-block{padding:8px;margin-bottom:8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-sunken)}.opt-block .opt-row{margin-bottom:6px}.opt-branch{display:flex;align-items:center;gap:8px}.opt-branch__arrow{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.opt-branch__arrow,.opt-branch__arrow .ico{color:var(--color-accent-primary)}.branch-select{flex:1 1 auto;min-width:0;height:34px}.icon-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.icon-pick{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;min-height:34px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer}.icon-pick:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.icon-pick:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.icon-pick.is-selected{border-color:var(--color-accent-primary);background:var(--color-accent-primary-soft);color:var(--color-text-primary)}.header-toggle{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;padding:0 4px}.header-toggle .ico{color:var(--color-text-muted)}.trash-list{display:flex;flex-direction:column;margin-top:var(--spacing-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.trash-row{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 14px;border-bottom:1px solid var(--color-border-subtle)}.trash-row:last-child{border-bottom:0}.trash-row__body{flex:1 1 auto;min-width:0}.branch-edge__label{paint-order:stroke}.end-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px dashed var(--color-accent-primary);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);position:absolute}.end-pill__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary)}.chip--branched{color:var(--color-accent-primary);border-color:var(--color-accent-primary-soft);background:var(--color-accent-primary-soft)}.ai-preview{display:flex;flex-direction:column;gap:8px}.ai-q{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.ai-q__body{flex:1 1 auto;min-width:0}.ai-q__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ai-error{gap:var(--spacing-sm);border:1px solid var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-md)}.ai-error,.ai-loading{display:flex;flex-direction:column;padding:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.ai-loading{gap:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-sunken)}.ai-prompt-field{position:relative;display:block}.ai-prompt-field textarea{padding-inline-end:44px}.mic-btn{position:absolute;inset-inline-end:8px;bottom:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer}.mic-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.mic-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.mic-btn.is-listening{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-on-accent);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--color-accent-primary-soft)}50%{box-shadow:0 0 0 5px transparent}}@media (prefers-reduced-motion:reduce){.mic-btn.is-listening{animation:none}}.qsum-row{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 8px;border-bottom:1px solid var(--color-border-subtle)}.qsum-row__num{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);width:24px;flex:none}.qsum-row__body{flex:1 1 auto;min-width:0}.qsum-row__opts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.page-grid[data-archetype=master-detail]{display:grid;grid-template-columns:minmax(300px,5fr) 7fr;gap:var(--spacing-lg);align-items:start}.tpl-master{display:flex;flex-direction:column;min-width:0}.tpl-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.tpl-list{display:flex;flex-direction:column;gap:2px;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.tpl-section-head{padding:10px 14px 4px;font-family:var(--font-family-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);background:var(--color-bg-sunken)}.tpl-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-inline-start:3px solid transparent;background:var(--color-bg-elevated);text-align:start;cursor:pointer}.tpl-item:hover{background:var(--color-bg-sunken)}.tpl-item[aria-selected=true]{background:var(--color-accent-primary-soft);border-inline-start-color:var(--color-accent-primary)}.tpl-item__glyph{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-sunken);color:var(--color-text-secondary)}.tpl-item[aria-selected=true] .tpl-item__glyph{background:var(--color-bg-elevated)}.tpl-item__body{flex:1 1 auto;min-width:0}.tpl-item__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.tpl-item__desc,.tpl-item__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-item__desc{color:var(--color-text-muted);font-size:var(--font-size-xs)}.preview-pane,.tpl-preview{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;align-self:stretch;min-height:460px;display:flex;flex-direction:column}.tpl-preview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-default)}.tpl-preview__title{font-family:var(--font-family-display);font-size:var(--font-size-lg)}.tpl-preview__meta{margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.tpl-preview__body{padding:var(--spacing-lg);overflow-y:auto;flex:1 1 auto}.q-preview-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:14px 0;border-bottom:1px solid var(--color-border-subtle)}.q-preview-row:last-child{border-bottom:0}.q-preview-row__num{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);width:26px;flex:none}.q-preview-row__body{flex:1 1 auto;min-width:0}.q-preview-row__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.q-preview-row__opts{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tpl-preview__foot{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-default)}.tpl-preview__empty{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-2xl)}.page-grid.pa-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--spacing-lg);align-items:start}.page-grid.pa-layout.rail-collapsed{grid-template-columns:minmax(0,1fr) 44px}.pa-tree{max-width:760px;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-elevated)}.pa-row{border-bottom:1px solid var(--color-border-subtle)}.pa-row:last-child{border-bottom:0}.pa-row__main{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:56px}.pa-row__chevron{width:34px;height:34px;flex:none}.pa-row__chevron .ico{transition:transform var(--duration-fast) var(--easing-ease-out)}.pa-row__chevron[aria-expanded=true] .ico{transform:rotate(90deg)}.pa-row__chevron-spacer{width:34px;flex:none}.pa-row__glyph{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-sunken);color:var(--color-text-secondary)}.pa-row__body{flex:1 1 auto;min-width:0}.pa-row__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-row__count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pa-row__trail{flex:none;display:flex;align-items:center}.active-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.active-badge__dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.pa-subcats{padding:0 16px 14px 58px}.subcat-chips{display:flex;flex-wrap:wrap;gap:6px}.pa-inline-note{padding:0 16px 12px 58px;font-size:var(--font-size-sm)}.pa-inline-note--ok{color:var(--color-success)}.pa-inline-note--err{color:var(--color-danger)}.lock-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pa-rail{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:sticky;top:72px}.pa-rail__head{justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pa-rail__head,.pa-rail__title{display:flex;align-items:center}.pa-rail__title{gap:8px;font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.pa-rail__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success)}.kv-grid{display:grid;grid-template-columns:auto 1fr;gap:8px var(--spacing-md);font-size:var(--font-size-sm)}.kv-grid dt{color:var(--color-text-muted)}.kv-grid dd{margin:0;color:var(--color-text-primary);text-align:end;overflow-wrap:anywhere}.kv-grid__muted{color:var(--color-text-muted)}.pa-rail--collapsed{padding:var(--spacing-sm) 0;display:flex;align-items:flex-start;justify-content:center}.pa-rail__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.recovery{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recovery__head{display:flex;align-items:center;gap:8px;color:var(--color-danger);font-weight:var(--font-weight-semibold)}.inline-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.inline-error__head{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.state-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.skel-stack{display:flex;flex-direction:column;gap:10px}.skel-line{height:14px;border-radius:var(--radius-sm)}.skel-card{height:168px;border-radius:var(--radius-lg)}.readonly-note{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-warning)}.demo-toggles{margin-top:var(--spacing-2xl);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-sunken)}.demo-toggles summary{cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.demo-toggles__row{flex-wrap:wrap;margin-top:var(--spacing-sm)}.demo-toggles__row,.url-field{display:flex;gap:var(--spacing-sm)}.url-field{align-items:center}.url-field input{flex:1 1 auto;min-width:0;height:40px;padding:0 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-sunken);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.share-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.share-panel__url{margin-top:2px}.share-panel__url .btn{flex:0 0 auto;white-space:nowrap}.share-panel__heading{margin:2px 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.share-qr{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.share-qr,.share-qr__frame{display:flex;align-items:center}.share-qr__frame{width:180px;max-width:100%;min-height:180px;justify-content:center;background:#fff;border-radius:var(--radius-sm);padding:8px;box-sizing:border-box}.share-qr__img{display:block;width:164px;height:164px}.share-qr__fallback{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0;padding:8px}.share-qr__fallback p{margin:0 0 4px}.share-qr__fallback-url{font-family:var(--font-family-mono);word-break:break-all;color:var(--color-text-primary)}.share-qr__caption{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tip-card,.tip-grid{gap:var(--spacing-sm)}.tip-card{display:flex;align-items:flex-start;text-align:start;width:100%;min-width:0;padding:12px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:inherit;font:inherit;box-sizing:border-box;-webkit-appearance:none;appearance:none}.tip-card--action{cursor:pointer;transition:border-color var(--duration-fast) var(--easing-ease-out),box-shadow var(--duration-fast) var(--easing-ease-out)}.tip-card--action:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.tip-card--action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.tip-card__icon{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-primary-soft);color:var(--color-text-primary)}.tip-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.tip-card__title{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tip-card__title .ico{color:var(--color-text-muted);flex:0 0 auto}.tip-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}@media (max-width:560px){.tip-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tip-card--action{transition:none}}@media (max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.page-grid.pa-layout,.page-grid[data-archetype=flow-canvas],.page-grid[data-archetype=master-detail]{grid-template-columns:minmax(0,1fr)}.node-editor,.node-settings-panel,.pa-rail{position:static;max-height:none}.form-grid,.quickstart{grid-template-columns:1fr}}.chromeless{min-height:100vh;align-items:flex-start}.auth-wrap{width:100%;max-width:420px;margin:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl) 0}.auth-wrap--wide{max-width:460px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.auth-brand__mark{width:40px;height:40px;display:inline-flex}.auth-brand__mark svg{width:100%;height:100%}.auth-brand__word{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.auth-card{max-width:none;width:100%;padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.auth-card__head{margin-bottom:var(--spacing-lg)}.auth-card__title{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight)}.auth-card__sub{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-form{gap:var(--spacing-md)}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field__label .field__optional{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input{height:44px;width:100%;padding:0 var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);transition:border-color var(--duration-fast) var(--easing-ease-out),box-shadow var(--duration-fast) var(--easing-ease-out)}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-primary-soft)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}textarea.input{height:auto;min-height:120px;padding:var(--spacing-sm) var(--spacing-md);line-height:var(--line-height-normal);resize:vertical}.field__control{position:relative;display:flex;align-items:center}.field__control .input{padding-inline-end:46px}.pw-toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer}.pw-toggle:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.pw-toggle svg{width:18px;height:18px}.field__error{display:none;align-items:flex-start;gap:6px;font-size:var(--font-size-xs);color:var(--color-danger)}.field__error svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px}.field__error-txt{flex:1 1 auto;min-width:0}.field.is-error .field__error,.pw-rules{display:flex}.pw-rules{list-style:none;margin:6px 0 0;padding:0;flex-direction:column;gap:4px}.pw-rules__item{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pw-rules__dot{width:16px;height:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:transparent;transition:all var(--duration-fast) var(--easing-ease-out)}.pw-rules__dot svg{width:10px;height:10px}.pw-rules__item.is-met{color:var(--color-text-primary)}.pw-rules__item.is-met .pw-rules__dot{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-on-accent)}.notice{display:none;align-items:flex-start;gap:var(--spacing-sm);padding:12px var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-sunken)}.notice.is-shown{display:flex}.notice__icon{flex:0 0 auto;margin-top:1px}.notice__icon svg{width:16px;height:16px;display:block}.notice__body{flex:1 1 auto;min-width:0}.notice--danger{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-text-primary)}.notice--danger .notice__icon{color:var(--color-danger)}.notice--info{border-color:var(--color-info);background:var(--color-info-soft)}.notice--info .notice__icon{color:var(--color-info)}.notice--neutral{border-color:var(--color-border-default);background:var(--color-bg-sunken);color:var(--color-text-secondary)}.auth-form .btn--block{width:100%;height:44px}.btn__spinner{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid;border-top:2px solid transparent;animation:auth-spin .64s linear infinite;display:none}.btn.is-busy .btn__spinner{display:inline-block}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.btn__icon svg{width:16px;height:16px;display:block}.btn__label{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:0}.btn.is-busy .btn__icon{display:none}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-crosslink{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.auth-crosslink a,.auth-inline-link{font-weight:var(--font-weight-medium)}.auth-inline-link{align-self:flex-end;font-size:var(--font-size-sm)}.auth-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:var(--font-size-xs)}.auth-footer,.auth-footer a{color:var(--color-text-muted)}.auth-footer__sep{color:var(--color-border-strong)}.step-progress{display:flex;flex-direction:column;gap:8px}.step-progress__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.step-progress__track{display:flex;gap:6px}.step-progress__seg{flex:1 1 0;height:4px;border-radius:var(--radius-full);background:var(--color-bg-sunken);transition:background var(--duration-base) var(--easing-ease-out)}.step-progress__seg.is-done{background:var(--color-accent-primary)}.wizard-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.wizard-head{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:2px}.wizard-back{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;flex:0 0 auto}.wizard-back:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.wizard-back svg{width:16px;height:16px}.wizard-title{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight)}.wizard-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.slug-control{display:flex;align-items:stretch;border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated)}.slug-control:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-primary-soft)}.slug-control.is-invalid{border-color:var(--color-danger)}.slug-prefix{padding:0 4px 0 var(--spacing-md);border-inline-end:1px solid var(--color-border-subtle)}.slug-prefix,.slug-suffix{display:inline-flex;align-items:center;background:var(--color-bg-sunken);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm);white-space:nowrap}.slug-suffix{padding:0 var(--spacing-sm) 0 4px;border-inline-start:1px solid var(--color-border-subtle)}.slug-control .input{border:0;border-radius:0;box-shadow:none!important;font-family:var(--font-family-mono);flex:1 1 auto;min-width:0}.slug-status{display:inline-flex;align-items:center;padding-inline-end:12px}.slug-status__pill{display:none;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.slug-status__pill svg{width:14px;height:14px}.slug-status[data-state=available] .slug-status__pill--available,.slug-status[data-state=checking] .slug-status__pill--checking,.slug-status[data-state=taken] .slug-status__pill--taken{display:inline-flex}.slug-status__pill--checking{color:var(--color-text-muted)}.slug-status__pill--available{color:var(--color-success)}.slug-status__pill--taken{color:var(--color-danger)}.slug-suggest{display:none;flex-wrap:wrap;gap:var(--spacing-sm)}.slug-suggest.is-shown{display:flex}.chip{height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer}.chip:hover{border-color:var(--color-border-focus)}.chip:hover,.invite-banner{background:var(--color-bg-sunken)}.invite-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.invite-banner__icon{color:var(--color-text-secondary);flex:0 0 auto}.invite-banner strong{font-weight:var(--font-weight-semibold)}.code-input{height:56px;width:100%;padding:0 12px;text-align:center;font-family:var(--font-family-mono);font-size:var(--font-size-xl);letter-spacing:18px;text-indent:18px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 6 - 1px),var(--color-border-subtle) calc(100% / 6 - 1px),var(--color-border-subtle) calc(100% / 6));color:var(--color-text-primary);caret-color:var(--color-accent-primary)}.code-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-primary-soft)}.code-input[aria-invalid=true]{border-color:var(--color-danger)}.code-resend{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.btn--resend{gap:6px}.btn--resend svg{width:15px;height:15px}.auth-terminal{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.auth-terminal__badge{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success)}.auth-terminal__badge svg{width:22px;height:22px}.auth-terminal__badge--info{background:var(--color-info-soft);color:var(--color-info)}.auth-terminal__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:640px){.auth-wrap{padding:var(--spacing-lg) var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.code-input{letter-spacing:12px;text-indent:12px;font-size:var(--font-size-lg)}}