@layer base{._grid_18xti_15{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:var(--space-lg)}._railTitle_18xti_21{margin:0;font-family:var(--type-code-font-family);font-size:var(--type-body-sm-font-size, 13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-secondary, currentColor)}._knobLabel_18xti_31{font-family:var(--type-code-font-family);font-size:var(--type-body-sm-font-size, 13px);font-weight:700;color:var(--color-primary, currentColor)}._select_18xti_38,._input_18xti_39{font:inherit;font-size:var(--type-body-sm-font-size, 14px);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm, 6px);border:.0625rem solid var(--color-border-strong, currentColor);background:var(--color-surface, #fff);color:var(--color-primary, currentColor)}._checkbox_18xti_49{inline-size:1.1rem;block-size:1.1rem;accent-color:var(--color-primary, currentColor);cursor:pointer}._select_18xti_38:focus-visible,._input_18xti_39:focus-visible,._checkbox_18xti_49:focus-visible{outline:.1875rem solid var(--color-accent, currentColor);outline-offset:.125rem}._segmented_18xti_63{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.1875rem;padding:.1875rem;border-radius:var(--radius-pill, 9999px);background:var(--color-surface-soft, var(--color-surface-muted, transparent));border:.0625rem solid var(--color-border-strong, currentColor)}._segment_18xti_63{min-width:0;font:inherit;font-weight:600;font-size:var(--type-body-sm-font-size, 13px);padding:var(--space-xxs) var(--space-xxs);border:0;border-radius:var(--radius-pill, 9999px);background:transparent;color:var(--color-secondary, currentColor);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease,background-color .2s ease}._segment_18xti_63:hover:not(._segmentActive_18xti_92){color:var(--color-primary, currentColor)}._segmentActive_18xti_92{background:var(--color-primary, #1c1f33);color:var(--color-on-primary, #fff);box-shadow:0 .0625rem .1875rem #1c1f3329}._segment_18xti_63:focus-visible{outline:.1875rem solid var(--color-accent, currentColor);outline-offset:.125rem}._canvas_18xti_107{padding:var(--space-md);border-radius:var(--radius-md, 10px);border:.0625rem solid var(--color-border, currentColor);background:repeating-linear-gradient(45deg,var(--color-surface, #fff),var(--color-surface, #fff) .75rem,var(--color-surface-soft, #f6f7fb) .75rem,var(--color-surface-soft, #f6f7fb) 1.5rem);transition:box-shadow .24s ease,border-color .24s ease}._canvasFlash_18xti_122{border-color:var(--color-accent, currentColor);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--color-accent, currentColor) 40%,transparent)}._panelHeadLeft_18xti_127{display:flex;align-items:center;gap:var(--space-sm);min-inline-size:0}._badge_18xti_134{flex:none;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill, 9999px);background:color-mix(in srgb,var(--color-primary, currentColor) 12%,var(--color-surface, #fff));font-size:var(--type-body-sm-font-size, 13px);font-weight:700;white-space:nowrap;color:var(--color-primary, currentColor)}._badgeZero_18xti_145{opacity:.6}._previewBtn_18xti_149{font:inherit;font-weight:600;font-size:var(--type-body-sm-font-size, 14px);padding:var(--space-xxs) var(--space-md);border-radius:var(--radius-pill, 9999px);cursor:pointer;color:var(--color-on-primary, #fff);background:var(--color-primary, #1c1f33);border:.0625rem solid var(--color-primary, #1c1f33);transition:background-color .2s ease,color .2s ease,border-color .2s ease}._previewBtnSecondary_18xti_162{color:var(--color-primary, #1c1f33);background:var(--color-surface-soft, #eef0f6);border-color:var(--color-border-strong, currentColor)}._previewBtnOutline_18xti_168{color:var(--color-primary, #1c1f33);background:transparent;border-color:var(--color-primary, #1c1f33)}._previewBtn_18xti_149:disabled{opacity:.5;cursor:not-allowed}._previewBtn_18xti_149[aria-pressed=true]{box-shadow:inset 0 .0625rem .1875rem #1c1f3347}._previewBtn_18xti_149:focus-visible{outline:.1875rem solid var(--color-accent, currentColor);outline-offset:.125rem}._itemText_18xti_188{min-inline-size:0}._unreadDot_18xti_192{flex:none;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-pill, 9999px);background:color-mix(in srgb,var(--color-primary, currentColor) 65%,transparent)}._itemRead_18xti_200{opacity:.55;text-decoration:line-through}._empty_18xti_205{padding:var(--space-md);text-align:center;border-radius:var(--radius-sm, 6px);border:.09375rem dashed var(--color-border-strong, currentColor)}._emptyTitle_18xti_212{margin:0 0 var(--space-xxs);font-weight:700;color:var(--color-primary, currentColor)}._skeleton_18xti_218{height:1.75rem;border-radius:var(--radius-sm, 6px);background:linear-gradient(90deg,var(--color-surface-soft, #eef0f6) 25%,var(--color-surface-muted, #e2e5ee) 50%,var(--color-surface-soft, #eef0f6) 75%);background-size:200% 100%;animation:_wb-shimmer_18xti_1 1.4s ease-in-out infinite}._error_18xti_231{padding:var(--space-md);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--color-warning-soft, #ffbfb7) 45%,var(--color-surface, #fff));border:.0625rem solid var(--color-warning-soft, currentColor)}._errorTitle_18xti_238{margin:0 0 var(--space-xxs);font-weight:700;color:var(--color-primary, currentColor)}._viewBlurb_18xti_244{margin:var(--space-sm) 0 0;font-size:var(--type-body-sm-font-size, 14px);line-height:1.5;color:var(--color-primary, currentColor)}._sourceTitle_18xti_251{margin:0;padding:var(--space-sm) var(--space-md);font-family:var(--type-code-font-family);font-size:var(--type-body-sm-font-size, 13px);font-weight:700;color:var(--color-secondary, currentColor);border-bottom:.0625rem solid var(--color-border, currentColor)}._pre_18xti_149{margin:0;padding:var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var(--type-code-font-family);font-size:var(--type-body-sm-font-size, 13px);line-height:1.6;color:var(--color-primary, currentColor)}._live_18xti_272{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm, 6px);border-left:.1875rem solid var(--color-link, currentColor);background:var(--color-surface-soft, var(--color-surface-muted, transparent));font-size:var(--type-body-sm-font-size, 14px);color:var(--color-primary, currentColor)}@media(max-width:44rem){._grid_18xti_15{grid-template-columns:1fr}}@keyframes _wb-shimmer_18xti_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){._canvas_18xti_107,._segment_18xti_63,._previewBtn_18xti_149{transition:none}._skeleton_18xti_218{animation:none}}}