.widget-container{width:100%;max-width:800px;margin:0 auto;padding:0 16px}.widget-container .controls-block{max-width:none;margin:0;padding:0 0 16px}.widget-container .grid{max-width:none;margin:0}@media (max-width:600px){.widget-container{padding:0}}body .controls-block{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;width:100%;max-width:800px;margin:0 auto;padding:0 0 16px;position:relative}.controls-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border)}@media (max-width:601px){body .controls-block{align-items:center!important;gap:16px;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{margin-left:0;margin-right:0;padding-left:0;border-left-width:0}.row-card.is-reference{border-left-width:3px;padding-left:12px}.row-card:after{left:0;right:0}}.visual-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.demo-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;padding:16px 10px;flex-direction:column;text-align:center}.demo-card,.demo-header{display:flex;justify-content:center;align-items:center}.demo-header{gap:6px;margin-bottom:6px}.demo-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.demo-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-secondary);opacity:.4}.demo-time{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.demo-card.is-yesterday{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.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:rgba(59,130,246,.05);border-color:rgba(59,130,246,.2)}.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{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:20px}.mode-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mode-icon{margin-bottom:4px}.mode-icon,.preview-switch{display:flex;align-items:center}.preview-switch{padding:3px 10px 3px 3px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid var(--border);height:26px;width:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.85}.preview-knob{width:18px;height:18px;border-radius:50%;margin-right:6px}.preview-text{font-size:9px;font-weight:700;text-transform:uppercase}.preview-switch.is-live{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.1)}.preview-switch.is-live .preview-knob{background:#10b981}.preview-switch.is-live .preview-text{color:#10b981}.preview-switch.is-plan{border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.1);flex-direction:row-reverse;padding:3px 3px 3px 10px}.preview-switch.is-plan .preview-knob{background:#3b82f6;margin-right:0;margin-left:6px}.preview-switch.is-plan .preview-text{color:#3b82f6}.mode-content h4{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.mode-content p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}@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}}