.demo{user-select:none;border-radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.3;position:relative;overflow:hidden}.demo.compact{pointer-events:none;border-radius:10px;height:100%;font-size:9px}.demo.compact>*{height:100%;min-height:0}.demo *{box-sizing:border-box}.demo button{font:inherit;cursor:pointer}.demo .toast{color:#fff;white-space:nowrap;z-index:5;background:#111;border-radius:999px;padding:.5em 1em;font-size:.9em;animation:.2s ease-out demo-pop;position:absolute;bottom:1em;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}@keyframes demo-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.demo .hint{opacity:.6;text-align:center;padding:.4em;font-size:.8em}.pd{color:#adbac7;background:#0d1117;flex-direction:column;min-height:18em;display:flex}.pd .top{background:#161b22;border-bottom:1px solid #30363d;align-items:center;gap:.8em;padding:.55em .9em;display:flex}.pd .brand{letter-spacing:.12em;color:#fff;background:#21262d;border:1px solid #3d444d;border-radius:.3em;padding:.2em .55em;font-family:Montserrat,Impact,sans-serif;font-size:.85em;font-weight:900}.pd .date{text-align:center;color:#dee2e6;flex:1;font-weight:700}.pd .clock{font-variant-numeric:tabular-nums;color:#8b949e;font-size:.9em}.pd .tabs{background:#161b22;border-bottom:1px solid #30363d;grid-template-columns:repeat(3,1fr);display:grid}.pd .tabs button{color:var(--accent,#2ea043);letter-spacing:.06em;background:0 0;border:0;padding:.55em 0;font-size:1em;font-weight:800}.pd .tabs button.on{background:var(--accent,#2ea043);color:#fff}.pd .row{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#30363d transparent;flex:1;gap:.6em;padding:.7em .9em .5em;display:flex;overflow-x:auto}.pd .row::-webkit-scrollbar{height:.45em}.pd .row::-webkit-scrollbar-thumb{background:#30363d;border-radius:999px}.pd .preset{scroll-snap-align:start;background:#161b22;border:1px solid #30363d;border-radius:.55em;flex-direction:column;flex:none;width:12.4em;display:flex;overflow:hidden}.pd .preset .hdr{text-align:center;white-space:nowrap;color:#dee2e6;letter-spacing:.03em;padding:.4em .3em;font-size:.9em;font-weight:800}.pd .preset .lbl{box-sizing:border-box;color:#111;text-align:left;background:#fff;border:0;border-radius:.3em;flex-direction:column;flex:1;align-self:stretch;gap:.12em;width:calc(100% - .9em);margin:0 .45em;padding:.4em .45em .5em;display:flex;box-shadow:0 2px 6px #00000073}.pd .preset .lbl:active{transform:translateY(1px)}.pd .strip .cells{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.pd .strip .cells span{color:#fff;text-align:center;box-sizing:border-box;padding:.28em 0;font-family:Courier New,monospace;font-size:.62em;font-weight:700;line-height:1}.pd .strip .cells span.boxed{box-shadow:inset 0 0 0 .2em #000,inset 0 0 0 .3em #fff}.pd .strip .nums{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.pd .strip .nums span{text-align:center;color:#333;font-family:Courier New,monospace;font-size:.55em;line-height:1.4}.pd .strip .nums span.on{color:#000;font-weight:900}.pd .preset .line{white-space:nowrap;justify-content:space-between;align-items:baseline;margin-top:.15em;display:flex}.pd .preset .day{color:#111;font-size:.92em;font-weight:800}.pd .preset .code{color:#57606a;font-size:.8em;font-weight:700}.pd .preset .big{letter-spacing:-.02em;color:#111;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25em;font-weight:900}.pd .preset .btns{grid-template-columns:1fr 1.2fr;gap:.35em;padding:.45em;display:grid}.pd .preset .btns button{color:#dee2e6;background:#21262d;border:1px solid #30363d;border-radius:.4em;padding:.35em 0;font-size:.85em;font-weight:700}.pd .preset .btns .go{background:var(--accent,#2ea043);border-color:var(--accent,#2ea043);color:#fff}.pd .preset .btns button:active{filter:brightness(.9)}.pd .foot{color:#6e7681;justify-content:space-between;align-items:center;padding:.35em .9em .55em;font-size:.75em;display:flex}.pd .printer{align-items:center;gap:.35em;display:flex}.pd .led{background:#2ea043;border-radius:50%;width:.55em;height:.55em;box-shadow:0 0 .4em #2ea043}.demo .toast.busy{background:#1f6feb}.demo .toast.ok{background:#238636}.compact .pd{min-height:0}.compact .pd .row{padding:.5em .6em .4em;overflow:hidden}.compact .pd .top{display:none}.hd{color:#fff;background:#000;min-height:18em;padding:.7em}.hd .top{justify-content:space-between;align-items:center;gap:.5em;margin-bottom:.6em;display:flex}.hd .week{background:#1c1c1e;border-radius:.6em;align-items:center;gap:.5em;padding:.4em .7em;font-weight:600;display:flex}.hd .live{color:#ff2d4a;letter-spacing:.08em;background:#e3183733;border-radius:999px;padding:.15em .5em;font-size:.7em;font-weight:800}.hd .pub{color:#fff;background:#1f9d55;border:0;border-radius:.6em;padding:.5em .9em;font-weight:700}.hd .pub.done{color:#ebebf599;background:#2c2c2e}.hd table{border-collapse:collapse;background:#1c1c1e;border-radius:.6em;width:100%;overflow:hidden}.hd th{letter-spacing:.08em;color:#ebebf599;text-align:center;border-bottom:1px solid #545458a6;padding:.5em .3em;font-size:.7em}.hd th:first-child,.hd td:first-child{text-align:left;padding-left:.7em}.hd th.today{color:#ff2d4a}.hd td{text-align:center;border-bottom:1px solid #54545866;padding:.45em .2em;font-size:.9em}.hd td.name{white-space:nowrap;font-weight:600}.hd td.cell{cursor:pointer}.hd td.cell:hover{background:#2c2c2e}.hd td.off{color:#f0a020;font-weight:700}.hd td.empty{color:#ebebf54d}.hd td.total{font-weight:700}.hd tr.grp td{letter-spacing:.1em;text-align:left;padding:.4em .7em;font-size:.68em;font-weight:800}.hd tr.mgr td{color:#a78bfa;background:#17162a}.hd tr.ins td{color:#34d399;background:#0f1f18}.hd tr.drv td{color:#fb923c;background:#2a1a10}.hd .foot{color:#ebebf599;justify-content:space-between;padding:.5em .2em 0;font-size:.75em;display:flex}.hd .ot{color:#f0a020}.compact .hd{min-height:0}.dd{color:#111827;background:#eef0f3;grid-template-columns:1.15fr .85fr;gap:.6em;min-height:18em;padding:.6em;display:grid}.dd .col{flex-direction:column;gap:.6em;min-height:0;display:flex}.dd .panel{background:#fff;border-radius:10px;flex-direction:column;gap:.45em;padding:.55em;display:flex;box-shadow:0 1px 2px #00000014,0 2px 8px #0000000f}.dd .panel.proofing{background:#fff5f5;border:2px solid #dc2626;flex:1}.dd h4{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;justify-content:space-between;margin:0;font-size:.72em;display:flex}.dd h4 .red{color:#dc2626}.dd .stacks{grid-template-columns:repeat(3,1fr);gap:.4em;display:grid}.dd .chip{text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;gap:.15em;padding:.4em;display:flex}.dd .chip .sz{font-size:1.1em;font-weight:800}.dd .chip .m{color:#6b7280;font-size:.72em}.dd .chip.LG{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.dd .chip.MD{color:#b45309;background:#fef3c7;border-color:#fde68a}.dd .chip.SM{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.dd .chip:hover{filter:brightness(.97)}.dd .proof{flex-direction:column;gap:.35em;display:flex}.dd .pr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:.5em;padding:.35em .5em;display:grid}.dd .pr .sz{font-weight:800}.dd .gauge{background:#e5e7eb;border-radius:999px;height:.65em;overflow:hidden}.dd .gauge i{background:#2563eb;height:100%;transition:width .1s linear;display:block}.dd .pr.ready{background:#dcfce7;border-color:#86efac}.dd .pr.ready .gauge i{background:#16a34a}.dd .pr button{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:3.6em;padding:.25em .55em;font-size:.8em}.dd .pr.ready button{color:#fff;background:#16a34a;border-color:#16a34a;font-weight:700}.dd .alarm{color:#fff;background:#dc2626;border-radius:8px;justify-content:space-between;align-items:center;padding:.4em .7em;font-weight:700;animation:1s steps(2,end) infinite demo-blink;display:flex}@keyframes demo-blink{50%{background:#b91c1c}}.dd .targets{gap:.35em;display:flex}.dd .tg{color:#92400e;text-align:center;background:#fef3c7;border-radius:8px;flex-direction:column;flex:1;padding:.3em .2em;font-size:.78em;display:flex}.dd .tg b{font-size:1.05em}.dd .tg.ok{color:#166534;background:#dcfce7}.dd .sugg{color:#78350f;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;padding:.4em .55em;font-size:.8em}.dd .sugg.ok{color:#14532d;background:#f0fdf4;border-color:#16a34a}.dd .sugg.info{color:#7f1d1d;background:#fef2f2;border-color:#dc2626}.dd .deliv{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.3em;padding:.4em .5em;display:flex}.dd .deliv .dl{justify-content:space-between;align-items:center;font-size:.85em;display:flex}.dd .deliv .lines{flex-wrap:wrap;gap:.3em;display:flex}.dd .pill{color:#374151;background:#f3f4f6;border-radius:999px;padding:.15em .45em;font-size:.7em;font-weight:700}.dd .pill.LG{color:#1d4ed8}.dd .pill.MD{color:#b45309}.dd .pill.SM{color:#15803d}.dd .pill.ok{color:#166534;background:#dcfce7}.dd .rcv{color:#fff;background:#2563eb;border:0;border-radius:6px;padding:.3em .7em;font-size:.85em;font-weight:700}.dd .empty{color:#9ca3af;text-align:center;padding:1em .5em;font-size:.85em}.compact .dd{min-height:0}.compact .dd .hint,.compact .dd .sugg.info{display:none}.od{color:#0f2540;background:#ece5d6;min-height:18em;padding:.6em;position:relative}.od .hdr{border-bottom:2px solid #d9d0be;justify-content:space-between;align-items:baseline;margin-bottom:.6em;padding-bottom:.3em;display:flex}.od .hdr b{color:#006491;letter-spacing:.02em;font-family:Montserrat,Impact,sans-serif;font-size:1.2em;font-weight:800}.od .hdr span{color:#74869b;letter-spacing:.1em;font-size:.7em}.od .hdr span b{color:#fff;background:#006491;border-radius:.2em;margin-right:.4em;padding:.1em .4em;font-size:1em}.od .wall{grid-template-columns:repeat(2,1fr);gap:.6em;display:grid}.od .card{text-align:left;background:#fffdf8;border:2px solid #0000;border-radius:.4em;padding:0;overflow:hidden;box-shadow:0 .3em .8em #1e1e1433}.od .card.hl{border-color:#e31837}.od .card .t{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#006491;padding:.35em .5em;font-family:Montserrat,Impact,sans-serif;font-weight:800}.od .card .sub{text-transform:uppercase;grid-template-columns:1fr auto;font-size:.65em;font-weight:700;display:grid}.od .card .sub i{color:#fff;background:#2f8fc4;padding:.2em .5em;font-style:normal}.od .card .sub b{color:#fff;background:#e31837;padding:.2em .6em}.od .card table{border-collapse:collapse;width:100%}.od .card td{text-transform:uppercase;border-top:1px solid #d9d0be;padding:.25em .5em;font-size:.8em;font-weight:700}.od .card td:last-child{text-align:right;color:#0b63c4;font-size:.95em}.od .prog{background:#d9d0be;border-radius:999px;height:.3em;position:absolute;bottom:.35em;left:.6em;right:.6em;overflow:hidden}.od .prog i{background:#006491;height:100%;transition:width .25s linear;display:block}.od .zoom{background:#ece5d6f5;justify-content:center;align-items:center;padding:1.2em;display:flex;position:absolute;inset:0}.od .zoom .card{width:100%;max-width:22em;font-size:1.25em}.od .zoom .close{color:#74869b;font-size:.75em;position:absolute;top:.6em;right:.8em}.od .sample{color:#74869b;letter-spacing:.05em;font-size:.62em;position:absolute;bottom:.9em;right:.7em}.compact .od{min-height:0}.compact .od .wall{grid-template-columns:repeat(2,1fr)}.sd{color:#1d3540;background:#faf4ea;grid-template-columns:1.4fr 1fr;min-height:18em;display:grid}.sd svg{cursor:crosshair;width:100%;height:100%;display:block}.sd .side{background:#fbf7ef;border-left:1px solid #e8ddcc;flex-direction:column;gap:.5em;padding:.7em;display:flex}.sd .side h4{letter-spacing:.1em;text-transform:uppercase;color:#5f7681;margin:0;font-size:.7em}.sd .stat{background:#fff;border:1px solid #e8ddcc;border-radius:8px;padding:.5em .6em}.sd .stat .k{color:#5f7681;font-size:.7em}.sd .stat .v{color:#1e4e5f;font-size:1.3em;font-weight:800}.sd .split{border-bottom:1px dashed #e8ddcc;justify-content:space-between;padding:.2em 0;font-size:.85em;display:flex}.sd .split b{color:#a02c3e}.sd .tip{color:#5f7681;margin-top:auto;font-size:.78em}.sd .legend{color:#5f7681;gap:.8em;font-size:.7em;display:flex}.sd .legend i{vertical-align:middle;border-radius:50%;width:.8em;height:.8em;margin-right:.3em;display:inline-block}.compact .sd{min-height:0}.hd .tabs{background:#1c1c1e;border-radius:.6em;gap:.2em;padding:.2em;display:flex}.hd .tabs button{color:#ebebf599;background:0 0;border:0;border-radius:.5em;padding:.35em .8em;font-weight:600}.hd .tabs button.on{color:#fff;background:#3a3a3c}.hd td.cell.mon{color:#fff}.hd .day{background:#1c1c1e;border-radius:.6em;overflow:hidden}.hd .drow{border-bottom:1px solid #54545866;grid-template-columns:7.5em 1fr;min-height:2.8em;display:grid}.hd .drow.head{background:#232325;border-bottom:1px solid #545458a6;min-height:1.7em}.hd .dname{border-right:1px solid #54545866;flex-direction:column;justify-content:center;padding:.35em .6em;font-size:.85em;font-weight:600;line-height:1.2;display:flex}.hd .dname small{color:#ebebf599;font-size:.8em;font-weight:500}.hd .hours{position:relative}.hd .hours span{color:#ebebf580;font-size:.62em;position:absolute;top:.35em;transform:translate(-50%)}.hd .track{cursor:crosshair;touch-action:none;background-image:repeating-linear-gradient(90deg,#54545866 0 1px,#0000 1px 7.14286%);position:relative}.hd .shift{color:#111;white-space:nowrap;cursor:default;border-radius:.5em;align-items:center;padding:0 .7em;font-size:.78em;font-weight:700;display:flex;position:absolute;top:.35em;bottom:.35em;overflow:hidden;box-shadow:0 1px 3px #0006}.hd .shift .h{cursor:ew-resize;width:.8em;position:absolute;top:0;bottom:0}.hd .shift .h.l{left:0}.hd .shift .h.r{right:0}.hd .shift .h:hover{background:#00000026}.hd .shift .x{color:#111;background:#00000040;border:0;border-radius:50%;width:1.4em;height:1.4em;margin-left:auto;margin-right:.4em;padding:0;font-size:.95em;line-height:1;display:none}.hd .shift:hover .x{display:inline-block}.hd .preview{pointer-events:none;background:#ffffff26;border:1px solid #ffffff59;border-radius:.5em;position:absolute;top:.35em;bottom:.35em}.hd .tipbox{color:#fff;pointer-events:none;white-space:nowrap;z-index:3;background:#3a3a3c;border-radius:.4em;padding:.2em .55em;font-size:.68em;font-weight:600;position:absolute;top:-1.7em;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.hd .cov{border-top:1px solid #545458a6;grid-template-columns:7.5em 1fr;min-height:3.6em;display:grid}.hd .cov .lbl{letter-spacing:.12em;color:#ebebf580;border-right:1px solid #54545866;padding:.8em .9em;font-size:.62em;font-weight:800}.hd .cov .cols{grid-template-columns:repeat(14,1fr);display:grid}.hd .cov .col{flex-direction:column;align-items:flex-start;gap:.15em;padding:.4em 0 .4em .15em;display:flex}.hd .cov .dot{color:#111;border-radius:50%;justify-content:center;align-items:center;width:1.3em;height:1.3em;font-size:.62em;font-weight:800;display:flex}.compact .od{padding:.5em .5em .9em}.compact .od .hdr{margin-bottom:.4em;padding-bottom:.2em}.compact .od .wall{gap:.4em}.compact .od .card td{padding:.16em .5em}@media (width<=480px){.demo:not(.compact){font-size:11px}}.compact .pd{font-size:11px}.compact .pd .row{align-items:center;gap:.7em;padding:.8em .7em}.compact .pd .preset{width:14.5em}.compact .pd .preset .hdr{padding:.5em .3em .35em;font-size:1em}.compact .pd .preset .lbl{flex:none;padding:.45em .5em .55em}.compact .pd .strip .cells span{padding:.32em 0;font-size:.72em}.compact .pd .strip .nums span{font-size:.62em}.compact .pd .preset .day{font-size:1.05em}.compact .pd .preset .big{font-size:1.35em}.compact .pd .preset .btns{gap:.45em;padding:.55em .5em .6em}.compact .pd .preset .btns button{padding:.5em 0;font-size:1em}.compact .pd .foot{font-size:.8em}.compact .od .card tr:nth-child(n+4){display:none}.compact .od .card .t{padding:.3em .5em}.compact .od .prog{bottom:.3em}