@font-face{font-family:'Barlow Condensed';font-weight:500;font-display:swap;src:url('../fonts/barlow-condensed-500.woff2') format('woff2')}@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-700.woff2') format('woff2')}@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url('../fonts/barlow-400.woff2') format('woff2')}@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url('../fonts/barlow-600.woff2') format('woff2')}@font-face{font-family:'Bebas Neue';font-weight:400;font-display:swap;src:url('../fonts/bebas-neue-400.woff2') format('woff2')}@font-face{font-family:'Oswald';font-weight:500;font-display:swap;src:url('../fonts/oswald-500.woff2') format('woff2')}@font-face{font-family:'Permanent Marker';font-weight:400;font-display:swap;src:url('../fonts/permanent-marker-400.woff2') format('woff2')}@font-face{font-family:'Roboto Mono';font-weight:600;font-display:swap;src:url('../fonts/roboto-mono-600.woff2') format('woff2')}:root{--bg:#0f1115;--card:#171a20;--card-2:#1d2128;--line:#2a2f39;--text:#e9ebef;--muted:#98a1ae;--accent:#e30613;--go:#1fb866;--warn:#f0a81f;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.45 'Barlow',system-ui,'Segoe UI',Arial,sans-serif;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}[hidden]{display:none !important}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:10px 20px;background:rgba(15,17,21,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;white-space:nowrap}.brand svg{width:30px;height:30px}.brand b{font-weight:600;letter-spacing:.01em}.brand span{color:var(--muted);font-size:15px}.status{display:flex;align-items:center;gap:8px;margin-left:auto;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--muted);min-width:0}.status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--muted);transition:background-color .3s ease,box-shadow .3s ease}.status.ok i{background:var(--go);box-shadow:0 0 0 4px rgba(31,184,102,.18)}.status.local i{background:var(--warn);box-shadow:0 0 0 4px rgba(240,168,31,.16)}.status.bad i{background:var(--accent);box-shadow:0 0 0 4px rgba(227,6,19,.2)}.top-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .12s ease,opacity .2s ease,color .2s ease}.btn:hover{background:#262b34;border-color:#3a414e}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--card-2)}.btn.small{min-height:34px;padding:5px 12px;font-size:14.5px}.btn.danger:hover{border-color:var(--accent);color:#ff8d95}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{background:#f21a27;border-color:#f21a27}.btn.big{min-height:58px;font:700 26px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase}.btn.go{background:var(--go);border-color:var(--go);color:#06200f}.btn.go:hover{background:#2bd177;border-color:#2bd177}.btn.go.is-running{background:var(--warn);border-color:var(--warn);color:#2a1c00}.btn.go.is-running:hover{background:#ffbb3a;border-color:#ffbb3a}:focus-visible{outline:2px solid #6aa8ff;outline-offset:2px}.wrap{display:grid;grid-template-columns:minmax(360px,46%) 1fr;gap:22px;max-width:1500px;margin:0 auto;padding:20px;align-items:start}.live{position:sticky;top:76px;display:grid;gap:12px;min-width:0}.settings{min-width:0}.preview{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#000}.preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bgbar{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.bgbar span{margin-right:4px}.chip{padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:14px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.chip:hover{color:var(--text);border-color:#3a414e}.chip.on{background:var(--text);border-color:var(--text);color:#111}.readout{display:flex;align-items:baseline;gap:16px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}#r-time{font:700 62px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}#r-phase{color:var(--muted);font:500 22px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}.transport{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.transport #b-toggle{grid-column:span 4}.transport #b-reset{grid-column:span 2}.transport #b-minus,.transport #b-plus{grid-column:span 1;padding:8px 4px}.transport #b-skip{grid-column:span 4}.vis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vis .btn{padding:8px 6px;color:var(--muted)}.vis .btn::before{content:'';width:9px;height:9px;border-radius:50%;background:#454c59;transition:background-color .2s ease}.vis .btn.on{color:var(--text);border-color:#3a414e}.vis .btn.on::before{background:var(--go)}.tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 0 auto;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:600;transition:background-color .2s ease,color .2s ease}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--accent);color:#fff}.pane{display:none;padding-top:14px}.pane.on{display:grid;gap:14px;animation:pane-in .28s ease both}@keyframes pane-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.card>h3{margin:0 0 12px;font:700 21px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}.card p{margin:0 0 10px;color:var(--muted)}.card p:last-child{margin-bottom:0}.card ol{margin:0;padding-left:20px;color:var(--muted)}.card ol li{margin-bottom:4px}.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.note{padding:10px 14px;border-left:4px solid var(--warn);border-radius:6px;background:rgba(240,168,31,.1);color:#f4d59a}.err{min-height:0;color:#ff8d95;font-size:15px}.hint{color:var(--muted);font-size:14.5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 14px;align-items:end}.grid.wide{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.stack{display:grid;gap:12px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.f{display:grid;gap:5px;min-width:0}.fl{color:var(--muted);font-size:14px}input[type="text"],input[type="number"],select,textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#0f1216;transition:border-color .2s ease,box-shadow .2s ease}textarea{resize:vertical;min-height:96px;line-height:1.35}input:focus,select:focus,textarea:focus{outline:none;border-color:#6aa8ff;box-shadow:0 0 0 3px rgba(106,168,255,.18)}input.bad,textarea.bad{border-color:var(--accent)}select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2398a1ae' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:11px}.unit{position:relative}.unit input{padding-right:38px}.unit em{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-style:normal;font-size:14px;pointer-events:none}input[type="color"]{width:100%;height:40px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0f1216;cursor:pointer}.rg{display:flex;align-items:center;gap:10px;min-height:40px}.rg input{flex:1;min-width:0;accent-color:var(--accent)}.rg output{flex:none;width:62px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14.5px}.sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.sw input{position:absolute;opacity:0;width:0;height:0}.sw i{position:relative;flex:none;width:42px;height:24px;border-radius:12px;background:#3a414e;transition:background-color .2s ease}.sw i::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.sw input:checked + i{background:var(--go)}.sw input:checked + i::after{transform:translateX(18px)}.sw input:focus-visible + i{outline:2px solid #6aa8ff;outline-offset:2px}.sw b{font-weight:600}.seg{display:flex;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0f1216}.seg button{flex:1 0 auto;min-height:32px;padding:4px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;transition:background-color .2s ease,color .2s ease}.seg button:hover{color:var(--text)}.seg button.on{background:#343b48;color:#fff}details{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}summary{cursor:pointer;color:var(--muted);font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary::before{content:'+';display:inline-block;width:18px;color:var(--text)}details[open] summary::before{content:'–'}details .grid{margin-top:12px}fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;gap:14px;transition:opacity .25s ease}fieldset:disabled{opacity:.5}.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.logo-thumb{display:grid;place-items:center;width:84px;height:84px;border:1px dashed #3a414e;border-radius:10px;background:#0f1216;overflow:hidden}.logo-thumb img{max-width:100%;max-height:100%}.plan{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.plan span{padding:3px 9px;border-radius:6px;background:#232830;font-size:14.5px;font-variant-numeric:tabular-nums}.plan .work{box-shadow:inset 3px 0 0 var(--go)}.plan .rest{box-shadow:inset 3px 0 0 #4fc3f7}.plan .lead{box-shadow:inset 3px 0 0 var(--warn)}.plan .sum{background:transparent;color:var(--muted)}.scene{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.scene:first-child{border-top:0;padding-top:0}.scene b{flex:1;min-width:140px;font-weight:600;overflow-wrap:anywhere}.url{display:flex;gap:8px}.url input{font-family:'Roboto Mono',Consolas,monospace;font-size:14px}.qr{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px}.qr-box{width:148px;height:148px;padding:8px;border-radius:10px;background:#fff}.qr-box svg{display:block;width:100%;height:100%}table.keys{width:100%;border-collapse:collapse}table.keys td{padding:7px 0;border-top:1px solid var(--line);vertical-align:top}table.keys tr:first-child td{border-top:0}table.keys td:first-child{width:42%;padding-right:12px}kbd{display:inline-block;min-width:26px;padding:2px 7px;border:1px solid #3a414e;border-bottom-width:2px;border-radius:6px;background:#0f1216;font:600 14px 'Roboto Mono',Consolas,monospace;text-align:center}#toast{position:fixed;left:50%;bottom:26px;z-index:60;padding:10px 18px;border-radius:10px;background:#e9ebef;color:#111;font-weight:600;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}#toast.on{opacity:1;transform:translate(-50%,0)}#to-top{position:fixed;right:20px;bottom:22px;z-index:40;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--card-2);color:var(--text);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background-color .2s ease}#to-top svg{width:22px;height:22px}#to-top.on{opacity:1;transform:none;pointer-events:auto}#to-top:hover{background:#2b313b}@media (max-width:960px){.wrap{grid-template-columns:1fr;padding:14px 14px 150px;gap:16px}.live{position:static}.top{padding:8px 14px;gap:10px}.brand span,#open-overlay{display:none}.transport{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,17,21,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.transport #b-toggle{grid-column:span 4}.transport #b-skip{grid-column:span 4}#to-top{bottom:150px;right:14px}#toast{bottom:160px}#r-time{font-size:52px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}