body .widget-container,body .controls-block,body .grid{width:100%!important;max-width:100%!important}body .controls-block{width:100%;margin:0 auto;padding:0 0 16px;position:relative;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.grid,.widget-container{max-width:100%!important}.controls-block:after{content:"";background-color:var(--border);height:1px;position:absolute;bottom:0;left:0;right:0}@media (max-width:601px){body .controls-block{gap:16px;align-items:center!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0 0 16px!important}.controls-block:after{left:0;right:0}.row-card{border-left-width:3px;border-left-color:#0000;margin-left:0;margin-right:0;padding-left:12px}.row-card.is-reference{border-left-color:var(--accent);padding-left:12px}.row-card:after{left:0;right:0}}.visual-demo-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.demo-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px;display:flex}.demo-header{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}.demo-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.demo-dot{background-color:var(--text-secondary);opacity:.4;border-radius:50%;width:6px;height:6px}.demo-time{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:20px;font-weight:700}.demo-card.is-yesterday{background:#ef44440d;border-color:#ef444433}.demo-card.is-yesterday .demo-dot{background-color:var(--time-yesterday);opacity:1}.demo-card.is-yesterday .demo-time{color:var(--time-yesterday)}.demo-card.is-tomorrow{background:#3b82f60d;border-color:#3b82f633}.demo-card.is-tomorrow .demo-dot{background-color:var(--time-tomorrow);opacity:1}.demo-card.is-tomorrow .demo-time{color:var(--time-tomorrow)}@media (max-width:480px){.visual-demo-grid{grid-template-columns:1fr}.demo-card{flex-direction:row;justify-content:space-between;padding:12px 16px}.demo-header{margin-bottom:0}}.modes-demo-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}.mode-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.mode-icon{align-items:center;margin-bottom:4px;display:flex}.preview-switch{background:var(--bg-body);border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.85;align-items:center;width:auto;height:26px;padding:3px 10px 3px 3px;display:flex}.preview-knob{border-radius:50%;width:18px;height:18px;margin-right:6px}.preview-text{text-transform:uppercase;font-size:9px;font-weight:700}.preview-switch.is-live{background:#10b9811a;border-color:#10b9814d}.preview-switch.is-live .preview-knob{background:#10b981}.preview-switch.is-live .preview-text{color:#10b981}.preview-switch.is-plan{background:#3b82f61a;border-color:#3b82f64d;flex-direction:row-reverse;padding:3px 3px 3px 10px}.preview-switch.is-plan .preview-knob{background:#3b82f6;margin-left:6px;margin-right:0}.preview-switch.is-plan .preview-text{color:#3b82f6}.mode-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.mode-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}@media (max-width:480px){.modes-demo-grid{grid-template-columns:1fr}.mode-card{flex-direction:row;align-items:flex-start}.mode-icon{flex-shrink:0;margin-top:2px}}