:root{--ink:#171615;--muted:#726d68;--paper:#f6f3ef;--card:#fff;--line:#ddd7d0;--accent:#9a7e67;--accent2:#c8b7a8;--danger:#9d2c2c;--ok:#2f6e4f;--shadow:0 18px 45px rgba(30,25,20,.07)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#faf8f5 0,#f4f0eb 100%)}button,input{font:inherit}.topbar{height:82px;padding:18px clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,248,245,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{font-size:22px;font-weight:800;letter-spacing:.32em}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--accent);text-transform:uppercase;margin:.25rem 0}.top-actions{display:flex;align-items:center;gap:12px}.page{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:52px 0 80px}.hero{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.045em;margin:8px 0 18px}.maxcopy{max-width:660px;font-size:16px;line-height:1.6}.stats{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);min-width:380px}.stats div{background:var(--card);padding:20px 26px;min-width:120px}.stats strong{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400}.stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.grid-main{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(500px,1.4fr);gap:24px;align-items:start}.panel{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:2px 0}.stack{display:grid;gap:16px}.muted{color:var(--muted)}.small{font-size:12px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 16px;min-height:42px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s ease}.btn:hover{border-color:#aaa19a;transform:translateY(-1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.ghost{background:transparent}.btn.danger-outline{background:transparent;color:var(--danger);border-color:#dcbaba}.btn.wide{width:100%;margin-top:16px}.dropzone{display:flex;min-height:220px;border:1px dashed #b9afa6;background:#faf8f5;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:30px;cursor:pointer;transition:.15s}.dropzone.dragover{background:#eee6de;border-color:var(--accent)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.drop-title{font-family:Georgia,serif;font-size:26px;margin-bottom:8px}.file-names{font-size:12px;margin-top:14px;color:var(--ink);max-width:100%;word-break:break-all}.target-box{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.target-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.check{display:flex;gap:10px;align-items:center;margin:8px 0;font-size:13px}.check.big{font-weight:700}.check input{accent-color:var(--ink)}.check em{font-style:normal;color:var(--muted);font-size:11px}.screen-checks{padding-left:24px;border-left:1px solid var(--line);margin:10px 0}.screen-checks.is-disabled{opacity:.35;pointer-events:none}.playlist{display:grid;gap:10px}.video-card{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:start;border:1px solid var(--line);background:#fff;padding:16px;transition:.15s}.video-card.dragging{opacity:.45;border-style:dashed}.video-card.inactive{opacity:.58}.drag{cursor:grab;color:#9a9188;font-size:18px;line-height:1.2;padding-top:2px}.video-title-row{display:flex;gap:9px;align-items:center}.video-main strong{font-size:15px}.meta{color:var(--muted);font-size:11px;margin-top:5px;word-break:break-all}.targets{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pill{display:inline-flex;border:1px solid #d6cdc4;background:#f4eee8;padding:4px 7px;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.muted-pill{background:#eee;color:#666}.card-actions{display:flex;gap:5px;align-items:center}.card-actions form{margin:0}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:#fff;cursor:pointer}.icon-btn.danger{color:var(--danger)}.edit-details{margin-top:12px}.edit-details summary{font-size:11px;color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:12px}.inline-form{border:1px solid var(--line);padding:12px;background:#faf9f7;display:grid;gap:10px}.inline-form label,.add-screen label,.stack label{display:grid;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.inline-form input,.add-screen input,.stack input,.player-url input{width:100%;border:1px solid var(--line);background:#fff;padding:11px 12px;outline:none}.inline-form input:focus,.add-screen input:focus,.stack input:focus{border-color:var(--accent)}.save-order{display:flex;justify-content:flex-end;margin-top:18px}.empty{padding:32px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.screens-panel{margin-top:24px}.add-screen{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:22px}.screen-list{display:grid;gap:8px}.screen-row{display:grid;grid-template-columns:12px minmax(180px,.7fr) minmax(340px,1.2fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);background:#fff}.status-dot{width:9px;height:9px;border-radius:50%;background:#aaa}.status-dot.online{background:#3b8d62;box-shadow:0 0 0 4px #e4f1e9}.status-dot.offline{background:#aaa}.screen-info{display:grid;gap:3px}.screen-info>span:not(.small){font-size:12px}.player-url{display:flex;gap:7px}.player-url input{font-family:ui-monospace,Consolas,monospace;font-size:10px;background:#f7f5f2}.screen-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.screen-actions form{margin:0}.flash{padding:13px 16px;margin-bottom:18px;border:1px solid #b9d4c5;background:#eef7f1;color:#245d42}.flash.error{border-color:#e0bcbc;background:#fff2f2;color:#862626}.flash.warn{border-color:#e1cfaf;background:#fff8eb;color:#755628}.footer{text-align:center;border-top:1px solid var(--line);padding:22px;color:var(--muted);font-size:11px;letter-spacing:.06em}.login-body{display:grid;place-items:center;padding:28px}.login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:42px}.login-card h1{font-family:Georgia,serif;font-size:44px;font-weight:400;letter-spacing:-.03em;margin:28px 0 8px}.login-card code{font-family:Consolas,monospace;background:#f2eee9;padding:2px 5px}.login-card .stack{margin-top:26px}@media(max-width:1050px){.grid-main{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.stats{min-width:0;width:100%}.screen-row{grid-template-columns:12px 1fr}.player-url,.screen-actions{grid-column:2}.add-screen{grid-template-columns:1fr 1fr}.add-screen .btn{grid-column:1/-1}.edit-grid{grid-template-columns:1fr}}@media(max-width:650px){.page{width:min(100% - 20px,1500px);padding-top:28px}.topbar{padding:14px 16px}.brand{font-size:18px}.hero h1{font-size:46px}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{min-width:0;padding:14px 10px}.panel{padding:18px}.video-card{grid-template-columns:22px 1fr}.card-actions{grid-column:2;justify-content:flex-end}.player-url{display:grid}.screen-actions{justify-content:flex-start}.add-screen{grid-template-columns:1fr}.add-screen .btn{grid-column:auto}.login-card{padding:28px 22px}}