.syn-ui .syn-field{align-content:start;gap:var(--syn-space-2);display:grid}.syn-ui .syn-field label{font:var(--syn-type-label)}.syn-ui .syn-field-hint,.syn-ui .syn-field-error{font:var(--syn-type-caption);color:var(--syn-muted);margin:0}.syn-ui .syn-field-error{color:var(--syn-danger)}.syn-ui .syn-page-header{justify-content:space-between;align-items:flex-end;gap:var(--syn-space-6);margin-bottom:var(--syn-space-5);flex-wrap:wrap;display:flex}.syn-ui .syn-page-header h1{font:var(--syn-type-page);letter-spacing:-.035em;margin:0}.syn-ui .syn-page-header p{font:var(--syn-type-body);color:var(--syn-muted);margin:var(--syn-space-3) 0 0;max-width:65ch}.syn-ui .syn-section-header{justify-content:space-between;align-items:center;gap:var(--syn-space-4);margin-bottom:var(--syn-space-5);flex-wrap:wrap;display:flex}.syn-ui .syn-section-header h2{font:var(--syn-type-section);letter-spacing:-.02em;margin:0}.syn-ui .syn-section-header p{font:var(--syn-type-body);color:var(--syn-muted);margin:var(--syn-space-2) 0 0}.syn-ui .syn-surface{border:1px solid var(--syn-line);border-radius:var(--syn-radius-lg);padding:var(--syn-surface-padding);background:var(--syn-surface)}.syn-ui .syn-surface-raised{background:var(--syn-raised)}.syn-ui .syn-banner{gap:var(--syn-space-3);padding:var(--syn-space-4);border:1px solid var(--syn-line);border-radius:var(--syn-radius-md);align-items:flex-start;display:flex}.syn-ui .syn-banner>div{flex:1}.syn-ui .syn-banner strong{font:var(--syn-type-label)}.syn-ui .syn-banner p{font:var(--syn-type-caption);margin:var(--syn-space-1) 0 0;color:var(--syn-muted)}.syn-ui .live-status.syn-banner{font:var(--syn-type-label);overflow-wrap:anywhere;font-weight:400}.syn-ui .syn-live-quiet{color:var(--syn-muted);font:var(--syn-type-label);margin:0;font-weight:400}.syn-ui .syn-status-dot{background:var(--syn-muted);border-radius:50%;flex:none;width:7px;height:7px;margin-top:7px}.syn-ui [data-tone=success] .syn-status-dot{background:var(--syn-success)}.syn-ui [data-tone=danger] .syn-status-dot{background:var(--syn-danger)}.syn-ui [data-tone=warning] .syn-status-dot{background:var(--syn-warning)}.syn-ui .syn-empty{text-align:center;padding:var(--syn-space-10) var(--syn-space-6)}.syn-ui .syn-empty h3{font:var(--syn-type-section);margin:0 0 var(--syn-space-2)}.syn-ui .syn-empty p{font:var(--syn-type-body);color:var(--syn-muted);max-width:45ch;margin:0 auto var(--syn-space-5)}.syn-ui .syn-skeleton{gap:var(--syn-space-3);display:grid}.syn-ui .syn-skeleton span{background:var(--syn-raised);border-radius:var(--syn-radius-sm);height:24px;animation:1.6s ease-in-out infinite syn-pulse;display:block}.syn-ui .syn-skeleton span:last-child{width:65%}@keyframes syn-pulse{50%{opacity:.45}}.syn-ui .syn-detail-row{gap:var(--syn-space-4);padding:var(--syn-space-3) 0;border-bottom:1px solid var(--syn-line);font:var(--syn-type-label);grid-template-columns:minmax(110px,38%) minmax(0,1fr);font-weight:400;display:grid}.syn-ui .syn-detail-row dt{color:var(--syn-muted)}.syn-ui .syn-detail-row dd{overflow-wrap:anywhere;color:var(--syn-text);margin:0}.syn-ui .syn-feedback{justify-content:space-between;align-items:center;gap:var(--syn-space-4);padding:var(--syn-space-4);margin-block:var(--syn-space-4);border:1px solid var(--syn-line);border-left:3px solid var(--syn-warning);border-radius:var(--syn-radius-md);background:var(--syn-surface);font:var(--syn-type-label);flex-wrap:wrap;display:flex}.syn-ui .syn-feedback p{margin:0}.syn-ui .syn-feedback .syn-feedback-detail{color:var(--syn-muted);font:var(--syn-type-caption);margin-top:var(--syn-space-2)}