.tv-page{position:relative;max-width:72rem;margin:0 auto;padding:1.5rem 1rem 4rem;color:#0f172a}.dark .tv-page{color:#fff}.tv-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.01em}.tv-h2{font-size:1.25rem;line-height:1.75rem;font-weight:650}.tv-body{font-size:1rem;line-height:1.6}.tv-label{font-size:.875rem;font-weight:600}.tv-page label{color:inherit}.tv-muted,.tv-page label.tv-muted{color:#334155}.dark .tv-muted,.dark .tv-page label.tv-muted{color:#d1d5db}.tv-page :not(pre)>code{color:inherit;font-weight:600}.tv-panel{background:linear-gradient(135deg,#ffffffdb,#f8fafcc7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 20px #0f172a14,inset 0 1px #ffffffb3;border-radius:16px;padding:1.25rem}.dark .tv-panel{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-color:#ffffff1a;box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f}.tv-inset{background:#0f172a0a;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:.875rem 1rem}.dark .tv-inset{background:#ffffff0a;border-color:#ffffff14}.tv-btn,.tv-btn-primary,.tv-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.125rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;outline:none;text-decoration:none}.tv-btn:focus-visible,.tv-btn-primary:focus-visible,.tv-btn-danger:focus-visible,.tv-input:focus,.tv-check:focus-visible{box-shadow:0 0 0 3px #3b82f659}.tv-btn:disabled,.tv-btn-primary:disabled,.tv-btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}.tv-btn-primary{color:#fff;background:linear-gradient(135deg,#2563ebf2,#1d4ed8e6,#1e40aff2);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #fff3}.tv-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666,inset 0 1px #ffffff40}.tv-btn{color:#0f172a;background:#ffffffe6;border:1px solid rgba(15,23,42,.12);box-shadow:0 2px 8px #0f172a0f}.dark .tv-btn{color:#fff;background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a}.tv-btn:not(:disabled):hover{transform:translateY(-1px)}.tv-btn-danger{color:#991b1b;background:#fee2e2e6;border:1px solid rgba(185,28,28,.2)}.dark .tv-btn-danger{color:#fecaca;background:#ef444424;border-color:#f871714d}.tv-input{width:100%;min-height:44px;padding:.625rem .875rem;font-size:1rem;color:#0f172a;background:#fffffff2;border:1px solid rgba(15,23,42,.14);border-radius:12px;outline:none}.tv-input::-moz-placeholder{color:#6b7280}.tv-input::placeholder{color:#6b7280}.dark .tv-input{color:#fff;background:#ffffff0f;border-color:#ffffff24}.dark .tv-input::-moz-placeholder{color:#9ca3af}.dark .tv-input::placeholder{color:#9ca3af}.tv-check{width:1.375rem;height:1.375rem;flex-shrink:0;accent-color:#3b82f6;margin-top:.125rem}.tv-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.875rem;font-weight:600;white-space:nowrap}.tv-badge--neutral{color:#334155;background:#0f172a0f}.dark .tv-badge--neutral{color:#d1d5db;background:#ffffff14}.tv-badge--blue{color:#1d4ed8;background:#3b82f61f}.dark .tv-badge--blue{color:#bfdbfe;background:#3b82f633}.tv-badge--green{color:#166534;background:#22c55e24}.dark .tv-badge--green{color:#bbf7d0;background:#22c55e2e}.tv-badge--amber{color:#92400e;background:#f59e0b29}.dark .tv-badge--amber{color:#fde68a;background:#f59e0b2e}.tv-badge--red{color:#991b1b;background:#ef44441f}.dark .tv-badge--red{color:#fecaca;background:#ef44442e}.tv-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.tv-stat-label{font-size:.875rem;color:#334155}.dark .tv-stat-label{color:#d1d5db}.tv-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;color:#0f172a;background:#0f172a0d;border-radius:8px;padding:.5rem .75rem;overflow-x:auto;white-space:pre}.dark .tv-code{color:#e5e7eb;background:#00000059}.tv-placeholder{color:#1d4ed8;background:#3b82f61f;border-radius:6px;padding:0 .25rem;font-weight:600}.dark .tv-placeholder{color:#bfdbfe;background:#3b82f638}.tv-grid{display:grid;gap:1rem}@media(min-width:768px){.tv-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tv-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.tv-grid--stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
