.demo-app{background:var(--brand-paper-raised);min-height:100vh;color:var(--brand-ink);grid-template-columns:228px minmax(0,1fr);display:grid}.demo-rail{z-index:30;border-right:1px solid var(--brand-rule);background:var(--brand-paper);flex-direction:column;gap:1rem;height:100dvh;padding:1rem .75rem;display:flex;position:sticky;top:0;overflow-y:auto}.demo-brand{border-bottom:1px solid var(--brand-rule);min-height:46px;color:var(--brand-ink);font:700 1.12rem/1.2 var(--brand-font-display);letter-spacing:-.03em;align-items:center;gap:.6rem;padding:.35rem .5rem .8rem;text-decoration:none;display:flex}.demo-brand img{width:28px;height:28px}.rail-caption{color:var(--brand-ink-muted);margin:-.5rem 0 0;padding:0 .5rem;font-size:.72rem}.demo-rail nav{gap:.2rem;display:grid}.rail-group-label{color:var(--brand-ink-muted);margin:.4rem 0 .25rem;padding:0 .55rem;font-size:.72rem;font-weight:700}.demo-nav-link{border-radius:var(--brand-radius-control);min-height:42px;color:var(--brand-ink-muted);align-items:center;padding:0 .65rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.demo-nav-link:hover{background:var(--brand-paper-raised);color:var(--brand-ink)}.demo-nav-link.active{background:var(--brand-accent-tint);color:var(--brand-accent-strong);box-shadow:inset 3px 0 var(--brand-accent-strong)}.demo-nav-link.sub-link{margin-left:.65rem;font-size:.82rem}.rail-footnote{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-control);background:var(--brand-paper-raised);margin-top:auto;padding:.85rem;font-size:.75rem}.rail-footnote strong{margin-bottom:.35rem;display:block}.rail-footnote p{color:var(--brand-ink-muted);margin:0;line-height:1.55}.demo-main{min-width:0}.demo-topbar{z-index:20;border-bottom:1px solid var(--brand-rule);background:color-mix(in srgb, var(--brand-paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:.8rem;min-height:58px;padding:.55rem 1.2rem;display:flex;position:sticky;top:0}.demo-breadcrumb{min-width:0;color:var(--brand-ink-muted);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.demo-breadcrumb strong{color:var(--brand-ink)}.demo-current-store{border-left:1px solid var(--brand-rule-strong);white-space:nowrap;padding-left:.6rem}.demo-top-actions{align-items:center;gap:.45rem;display:flex}.demo-top-actions button,.demo-top-actions a{min-height:38px;padding:.3rem .75rem;font-size:.78rem}.demo-return-link{color:var(--brand-accent-strong);white-space:nowrap;font-weight:700;text-decoration:none}.demo-menu-button{min-height:40px;padding:.3rem .65rem;display:none}.demo-banner{background:var(--brand-paper-soft);color:var(--brand-ink-muted);flex-wrap:wrap;align-items:center;gap:.45rem .9rem;padding:.65rem 1.25rem;font-size:.78rem;display:flex}.demo-banner strong{color:var(--brand-ink)}.demo-live-message{border-left:3px solid var(--brand-info);background:var(--brand-info-tint);color:var(--brand-ink);margin:.75rem 1.25rem 0;padding:.6rem .8rem;font-size:.83rem}.demo-page{width:min(100%,1440px);margin:0 auto;padding:1.25rem clamp(.8rem,2.2vw,2rem) 2rem}.demo-screen{gap:1rem;min-width:0;display:grid}.screen-heading{justify-content:space-between;align-items:end;gap:1rem;min-width:0;padding:.25rem 0 .35rem;display:flex}.screen-heading h1{font:700 clamp(1.45rem, 2vw, 2rem)/1.2 var(--brand-font-display);letter-spacing:-.035em;margin:.15rem 0 .3rem}.screen-kicker{color:var(--brand-accent-strong);letter-spacing:.025em;margin:0 0 .3rem;font-size:.74rem;font-weight:700}.screen-subtitle{max-width:66ch;color:var(--brand-ink-muted);margin:0;font-size:.86rem;line-height:1.55}.screen-filters{flex:none;align-items:end;gap:.65rem;display:flex}.demo-select-label{color:var(--brand-ink-muted);gap:.25rem;font-size:.72rem;font-weight:700;display:grid}.demo-select-label select{min-width:168px;min-height:42px}.demo-period{gap:.25rem;display:flex}.demo-period button{min-height:42px;padding:0 .75rem;font-size:.8rem}.demo-period .selected{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--brand-on-primary)}.demo-period .selected:hover{border-color:var(--brand-accent-strong);background:var(--brand-accent-strong)}.demo-panel,.demo-alerts{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-card);background:var(--brand-paper);min-width:0;padding:clamp(.85rem,1.5vw,1.2rem)}.panel-heading{justify-content:space-between;align-items:start;gap:.8rem;margin-bottom:.85rem;display:flex}.panel-heading h2,.scenario-card h2,.settings-card h2{margin:0;font-size:1.05rem}.panel-heading .screen-kicker{margin-bottom:.2rem}.sample-badge{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-pill);background:var(--brand-paper-raised);min-height:26px;color:var(--brand-ink-muted);white-space:nowrap;flex:none;align-items:center;padding:.25rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.demo-alerts{background:color-mix(in srgb, var(--brand-accent-tint) 38%, var(--brand-paper))}.action-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.action-card{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-control);background:var(--brand-paper);justify-content:space-between;align-items:center;gap:.8rem;min-width:0;padding:.8rem;display:flex}.action-card-copy{gap:.2rem;min-width:0;display:grid}.action-card-copy strong{font-size:.9rem}.action-card-copy p{color:var(--brand-ink-muted);margin:0;font-size:.76rem;line-height:1.45}.status-label{color:var(--brand-warning);font-size:.7rem;font-weight:700}.action-card button{flex:none;min-height:38px;padding:.3rem .65rem;font-size:.75rem}.demo-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.demo-kpi{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-control);background:var(--brand-paper);gap:.2rem;min-width:0;padding:.85rem;display:grid}.demo-kpi span{color:var(--brand-ink-muted);font-size:.76rem;font-weight:700}.demo-kpi strong{overflow-wrap:anywhere;font:700 clamp(1.05rem, 1.7vw, 1.55rem)/1.2 var(--brand-font-mono);font-variant-numeric:tabular-nums}.demo-kpi small{color:var(--brand-ink-muted);font-size:.7rem;line-height:1.4}.demo-chart{width:100%;min-width:0;height:260px}.chart-summary,.data-note{color:var(--brand-ink-muted);margin:0;font-size:.75rem;line-height:1.55}.data-note{padding:.25rem .1rem}.demo-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.demo-table-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.demo-table{border-collapse:collapse;min-width:480px;font-size:.81rem}.demo-table th,.demo-table td{border-bottom:1px solid var(--brand-rule);text-align:left;white-space:nowrap;padding:.58rem .62rem}.demo-table thead th{color:var(--brand-ink-muted);font-size:.7rem}.demo-table tbody th{font-weight:600}.demo-table tbody tr:last-child th,.demo-table tbody tr:last-child td{border-bottom:0}.demo-table .num{font-family:var(--brand-font-mono);font-variant-numeric:tabular-nums;text-align:right}.demo-table input{text-align:right;width:6.2rem;min-width:5.5rem;min-height:38px;padding:0 .4rem}.inventory-table .below-par th{color:var(--brand-warning)}.text-button{color:var(--brand-accent-strong);text-underline-offset:.2em;background:0 0;border:0;font-size:.8rem;font-weight:700;text-decoration:underline}.text-button:hover{color:var(--brand-ink);background:0 0}.demo-inline-status{border-left:3px solid var(--brand-success);background:var(--brand-success-tint);padding:.7rem .85rem;font-size:.84rem}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.scenario-card{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-card);background:var(--brand-paper);gap:.75rem;min-width:0;padding:1rem;display:grid}.scenario-card.is-adopted{border-color:var(--brand-success);box-shadow:inset 0 0 0 1px var(--brand-success)}.scenario-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.scenario-card>p{color:var(--brand-ink-muted);margin:0;font-size:.82rem}.scenario-card dl,.settings-card dl{gap:.35rem;margin:0;display:grid}.scenario-card dl div,.settings-card dl div{justify-content:space-between;gap:.6rem;display:flex}.scenario-card dt,.settings-card dt{color:var(--brand-ink-muted);font-size:.77rem}.scenario-card dd,.settings-card dd{font:600 .78rem/1.4 var(--brand-font-mono);font-variant-numeric:tabular-nums;text-align:right;margin:0}.schedule-mini{border-block:1px solid var(--brand-rule);gap:.3rem;padding-block:.5rem;display:grid}.schedule-mini div{color:var(--brand-ink-muted);grid-template-columns:1.5rem minmax(0,1fr) minmax(0,1fr);gap:.3rem;font-size:.68rem;display:grid}.schedule-mini strong{color:var(--brand-ink)}.scenario-card>button{width:100%}.inventory-panel{gap:.65rem;display:grid}.inventory-panel>.demo-panel{border:0;padding:0}.draft-total{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.draft-total>span{color:var(--brand-ink-muted);margin-right:auto;font-size:.8rem}.draft-total>strong{font:700 1.15rem var(--brand-font-mono);font-variant-numeric:tabular-nums}.empty-note{color:var(--brand-ink-muted);font-size:.84rem}.record-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.record-list li{background:var(--brand-paper-raised);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.55rem;font-size:.78rem;display:flex}.record-list strong{font-family:var(--brand-font-mono)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.settings-card{align-content:start;gap:.75rem;display:grid}.settings-card h2{margin-top:.3rem}.settings-card>p{color:var(--brand-ink-muted);font-size:.82rem}.demo-footer{border-top:1px solid var(--brand-rule);color:var(--brand-ink-muted);justify-content:space-between;gap:1rem;margin-top:1.6rem;padding-top:.8rem;font-size:.7rem;display:flex}.demo-footer a{color:var(--brand-accent-strong);font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-nav-scrim{display:none}.shift-plan-panel{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem 1rem;display:grid}.shift-plan-copy h2{margin:0 0 .35rem;font-size:1rem}.shift-plan-copy p,.shift-plan-description{color:var(--brand-ink-muted);margin:0;font-size:.8rem;line-height:1.6}.shift-plan-options{flex-wrap:wrap;gap:.4rem;display:flex}.shift-plan-options button{white-space:nowrap;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .8rem;font-size:.8rem;display:flex}.shift-plan-options button.selected{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--brand-on-primary)}.shift-plan-options button span{border-bottom:1px solid;font-size:.68rem}.shift-plan-description{grid-column:1/-1}.shift-adopt-actions{border-top:1px solid var(--brand-rule);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem 1rem;padding-top:.75rem;display:flex}.shift-adopt-actions button{white-space:nowrap;min-height:44px;font-size:.8rem}.shift-adopt-actions span{color:var(--brand-ink-muted);flex:220px;font-size:.76rem}.shift-month-nav{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.9rem;display:flex}.shift-month-nav h2{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1rem,2vw,1.3rem)}.shift-month-nav button{white-space:nowrap;min-height:44px;padding:.45rem .7rem;font-size:.78rem}.shift-month-summary{color:var(--brand-ink-muted);flex-wrap:wrap;gap:.5rem 1.5rem;padding-bottom:.85rem;font-size:.78rem;display:flex}.shift-month-summary strong{color:var(--brand-ink);font-family:var(--brand-font-mono);margin-left:.2rem}.shift-calendar{border:1px solid var(--brand-rule);background:var(--brand-rule);border-radius:var(--brand-radius-control);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:1px;display:grid}.shift-weekday{background:var(--brand-paper);color:var(--brand-ink-muted);text-align:center;padding:.45rem 0;font-size:.75rem;font-weight:700}.shift-calendar-blank{background:var(--brand-paper-raised);min-height:74px}.shift-calendar-day{background:var(--brand-paper);min-width:0;min-height:74px;color:var(--brand-ink);text-align:left;border:0;border-radius:0;flex-direction:column;justify-content:space-between;align-items:start;gap:.3rem;padding:.6rem;display:flex;position:relative}.shift-calendar-day strong{font:700 .95rem/1.2 var(--brand-font-mono)}.shift-calendar-day>span:not(.shift-anchor-dot){color:var(--brand-ink-muted);font:500 .75rem/1.3 var(--brand-font-mono)}.shift-calendar-day .shift-day-unit{font-family:var(--brand-font-body);margin-left:.15rem;font-size:.65rem}.shift-calendar-day.is-selected{z-index:1;background:var(--brand-accent-tint);color:var(--brand-accent-strong);box-shadow:inset 0 0 0 2px var(--brand-accent-strong)}.shift-calendar-day.is-selected>span:not(.shift-anchor-dot){color:var(--brand-accent-strong)}.shift-weekday.is-sunday,.shift-calendar-day.is-sunday strong{color:var(--brand-danger)}.shift-weekday.is-saturday,.shift-calendar-day.is-saturday strong{color:var(--brand-info)}.shift-anchor-dot{background:var(--brand-accent-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:.55rem;right:.45rem}.shift-calendar-day:focus-visible,.shift-gantt-scroll:focus-visible,.shift-plan-options button:focus-visible,.shift-month-nav button:focus-visible{z-index:2;outline:3px solid var(--brand-focus);outline-offset:2px;position:relative}.shift-calendar-day:active{box-shadow:inset 0 0 0 2px var(--brand-ink)}@media (hover:hover){.shift-calendar-day:hover{background:var(--brand-paper-soft);color:var(--brand-ink)}.shift-calendar-day.is-selected:hover{background:var(--brand-accent-tint);color:var(--brand-accent-strong)}}.shift-day-summary{color:var(--brand-ink-muted);margin:.5rem 0 0;font-size:.8rem}.shift-day-panel{scroll-margin-top:76px}.shift-gantt-legend{color:var(--brand-ink-muted);flex-wrap:wrap;gap:1rem;margin-bottom:.65rem;font-size:.72rem;display:flex}.shift-gantt-legend>span{align-items:center;gap:.35rem;display:inline-flex}.shift-gantt-legend>span:before{content:"";border-radius:2px;width:1rem;height:.6rem}.shift-gantt-legend .hall:before{background:var(--brand-success)}.shift-gantt-legend .kitchen:before{background:var(--brand-info)}.shift-gantt-legend .break:before{border:1px solid var(--brand-rule-strong);background:repeating-linear-gradient(135deg, var(--brand-paper) 0 3px, var(--brand-rule) 3px 5px)}.shift-scroll-hint{color:var(--brand-ink-muted);margin:0 0 .5rem;font-size:.72rem}.shift-gantt-scroll{overscroll-behavior-inline:contain;border:1px solid var(--brand-rule);border-radius:var(--brand-radius-control);max-width:100%;overflow-x:auto}.shift-gantt{min-width:960px}.shift-gantt-row{border-bottom:1px solid var(--brand-rule);grid-template-columns:156px minmax(0,1fr);min-height:56px;display:grid}.shift-gantt-row:last-child{border-bottom:0}.shift-staff-cell{z-index:3;border-right:1px solid var(--brand-rule);background:var(--brand-paper);color:var(--brand-ink);flex-direction:column;justify-content:center;gap:.2rem;padding:.55rem .75rem;font-size:.77rem;display:flex;position:sticky;left:0}.shift-staff-cell strong{font-size:.8rem}.shift-staff-cell span{color:var(--brand-ink-muted);font-size:.67rem}.shift-gantt-heading{min-height:38px}.shift-gantt-heading .shift-staff-cell{background:var(--brand-paper-raised);font-size:.7rem;font-weight:700}.shift-hour-heading,.shift-hour-coverage{background:var(--brand-paper-raised);color:var(--brand-ink-muted);font:500 .65rem/1.2 var(--brand-font-mono);grid-template-columns:repeat(14,minmax(0,1fr));align-items:center;display:grid;position:relative}.shift-hour-heading>span{padding-left:.3rem}.shift-hour-heading .shift-end-label{padding:0;font-size:.55rem;position:absolute;top:.1rem;right:.2rem}.shift-time-cell{background:repeating-linear-gradient(to right, var(--brand-paper) 0, var(--brand-paper) calc(100% / 14 - 1px), var(--brand-rule) calc(100% / 14 - 1px), var(--brand-rule) calc(100% / 14));min-width:0;position:relative}.shift-time-bar,.shift-break-bar{height:30px;position:absolute;top:50%;transform:translateY(-50%)}.shift-time-bar{color:var(--brand-on-primary);font:600 .7rem/1 var(--brand-font-mono);border-radius:4px;align-items:center;padding:0 .55rem;display:flex}.shift-time-bar.hall{background:var(--brand-success)}.shift-time-bar.kitchen{background:var(--brand-info)}.shift-break-bar{z-index:1;border-inline:1px solid var(--brand-rule-strong);background:repeating-linear-gradient(135deg, var(--brand-paper) 0 3px, var(--brand-rule) 3px 5px);color:var(--brand-ink);place-items:center;font-size:.65rem;display:grid}.shift-gantt-coverage{min-height:38px}.shift-gantt-coverage .shift-staff-cell{background:var(--brand-paper-raised);font-size:.7rem;font-weight:700}.shift-hour-coverage span{border-right:1px solid var(--brand-rule);text-align:center;padding:.5rem 0}@media (width<=760px){.shift-day-panel{scroll-margin-top:130px}.shift-plan-panel{grid-template-columns:minmax(0,1fr)}.shift-calendar-day,.shift-calendar-blank{min-height:62px}.shift-calendar-day{padding:.45rem .3rem}}@media (width<=420px){.shift-calendar-panel{padding:.6rem}.shift-calendar-day,.shift-calendar-blank{min-height:58px}.shift-calendar-day{padding:.4rem .2rem}.shift-calendar-day strong{font-size:.83rem}.shift-calendar-day>span:not(.shift-anchor-dot){font-size:.65rem}.shift-calendar-day .shift-day-unit{margin-left:0;font-size:.55rem}.shift-anchor-dot{width:4px;height:4px;top:.3rem;right:.2rem}.shift-month-nav button{padding-inline:.4rem;font-size:.7rem}.shift-month-summary{gap:.35rem .75rem;font-size:.7rem}.shift-plan-options button{padding-inline:.65rem;font-size:.75rem}.shift-gantt-row{grid-template-columns:116px minmax(0,1fr)}.shift-staff-cell{padding-inline:.5rem}}@media (width<=1050px){.demo-app{grid-template-columns:208px minmax(0,1fr)}.demo-topbar,.demo-page{padding-inline:.85rem}.screen-heading{flex-direction:column;align-items:start}}@media (width<=760px){.demo-app{display:block}.demo-rail{width:min(290px,100vw - 3rem);height:100dvh;transition:transform .18s var(--brand-ease-out);box-shadow:none;position:fixed;top:0;left:0;transform:translate(-105%)}.demo-rail.open{transform:translate(0);box-shadow:0 .75rem 2rem #28251f29}.demo-nav-scrim{z-index:25;background:#28251f52;border:0;border-radius:0;width:100%;height:100%;display:block;position:fixed;inset:0}.demo-topbar{flex-wrap:wrap}.demo-menu-button{align-items:center;display:inline-flex}.demo-breadcrumb{flex-wrap:wrap;flex:1}.demo-top-actions{justify-content:flex-end;width:100%}.demo-banner{padding-inline:.85rem}.demo-live-message{margin-inline:.85rem}.action-cards,.demo-two-columns,.scenario-grid{grid-template-columns:minmax(0,1fr)}.demo-kpis,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.demo-page{padding:.85rem .65rem 1.5rem}.screen-filters{flex-wrap:wrap;width:100%}.demo-select-label{flex:100%}.demo-select-label select,.demo-period{width:100%}.demo-period button{flex:1}.demo-top-actions{flex-wrap:wrap}.demo-top-actions button,.demo-top-actions a{flex:1;justify-content:center}.action-card{flex-direction:column;align-items:start}.action-card button{width:100%}.settings-grid{grid-template-columns:minmax(0,1fr)}.demo-kpis{gap:.4rem}.demo-kpi{padding:.65rem}.demo-kpi strong{font-size:1rem}.demo-chart{height:230px}.demo-footer{flex-direction:column}.draft-total{justify-content:stretch}.draft-total>button{width:100%}}@media (prefers-reduced-motion:reduce){.demo-rail{transition-duration:1ms}.demo-rail.open{box-shadow:none}}.shot-zoom{z-index:3;min-height:var(--brand-control-height);border:1px solid var(--brand-rule-strong);border-radius:var(--brand-radius-pill);background:var(--brand-paper);color:var(--brand-ink);cursor:zoom-in;padding:.55rem .85rem;font-size:.78rem;font-weight:700;position:absolute;top:.65rem;right:.65rem}.shot-zoom:hover{border-color:var(--brand-accent-strong)}.shot-zoom:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}.shot-zoom:active{transform:translateY(1px)}#screen-preview{border:1px solid var(--brand-rule-strong);border-radius:var(--brand-radius-card);background:var(--brand-paper);width:min(1100px,100vw - 2rem);max-width:none;max-height:min(92dvh,960px);color:var(--brand-ink);padding:0;overflow:hidden;box-shadow:0 1.5rem 4rem #28251f33}#screen-preview::backdrop{background:#28251f8c}.preview-dialog-inner{flex-direction:column;max-height:min(92dvh,960px);display:flex}.preview-dialog-header,.preview-dialog-footer{background:var(--brand-paper);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.preview-dialog-header{border-bottom:1px solid var(--brand-rule)}.preview-dialog-header p{color:var(--brand-ink-muted);margin:0 0 .2rem;font-size:.75rem}.preview-dialog-header h2{font:700 1.15rem/1.3 var(--brand-font-display);margin:0}.preview-close{min-height:var(--brand-control-height);border:1px solid var(--brand-rule-strong);border-radius:var(--brand-radius-pill);background:var(--brand-paper);color:var(--brand-ink)}.preview-close:focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}.preview-dialog-content{overscroll-behavior:contain;min-height:0;padding:1.25rem;overflow:auto}.preview-dialog-content .screen-heading{grid-template-columns:minmax(0,1fr)}.preview-dialog-content .screen-filters{display:none}.preview-dialog-content .demo-screen{max-width:100%}.preview-dialog-footer{border-top:1px solid var(--brand-rule);align-items:center}.preview-dialog-footer>span{color:var(--brand-ink-muted);font-size:.8rem}.preview-dialog-footer .brand-primary{flex:none}@media (width<=560px){#screen-preview{border-radius:.8rem;width:calc(100vw - 1rem);max-height:96dvh}.preview-dialog-inner{max-height:96dvh}.preview-dialog-header,.preview-dialog-footer{padding:.75rem}.preview-dialog-footer{flex-direction:column;align-items:stretch}.preview-dialog-footer .brand-primary{width:100%}.preview-dialog-content{padding:.75rem}}@media (prefers-reduced-motion:reduce){.shot-zoom{transition:none}}.live-demo-callout{border:1px solid var(--brand-rule);border-radius:var(--brand-radius-card);background:var(--brand-paper-raised);text-align:center;place-items:center;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.live-demo-callout p{max-width:55ch;color:var(--brand-ink-muted);margin:0}.live-demo-callout h3{color:var(--brand-ink);font:700 clamp(1.2rem,2.5vw,1.7rem)/1.35 var(--brand-font-display);margin:0}.live-demo-callout .brand-primary{min-height:var(--brand-control-height)}.shot-open{cursor:zoom-in;position:relative}.shot-open .shot-art{min-height:210px}.shot-open:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}