:root{--lp-bg:#06111f;--lp-panel:#0a192a;--lp-line:#223a57;--lp-text:#edf4ff;--lp-muted:#8ea1ba;--lp-purple:#7060f5;--lp-green:#24d1a8;--lp-red:#ff496c;--lp-yellow:#f6c453}
#studio-live-program-module{padding:14px;background:radial-gradient(circle at 45% -20%,#30256f33,transparent 42%),var(--lp-bg)}
.lp-shell{max-width:1740px;margin:auto;display:grid;gap:12px;color:var(--lp-text);font:14px Inter,system-ui,sans-serif}
.lp-topbar,.lp-progress-card,.lp-stage,.lp-side>section{border:1px solid var(--lp-line);border-radius:16px;background:linear-gradient(145deg,#0c1c2f,#081624);box-shadow:0 14px 34px #0002}
.lp-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px}.lp-title{display:flex;align-items:center;gap:13px;min-width:0}.lp-title>.material-symbols-rounded{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#7160f522;color:#968aff;font-size:29px}.lp-title small{color:#897cff;font-weight:900;letter-spacing:.08em}.lp-title h1{font-size:21px;margin:2px 0}.lp-title p{margin:0;color:var(--lp-muted)}.lp-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.lp-shell button,.lp-modal button{border:1px solid #304765;background:#0c1b2e;color:#eaf2ff;border-radius:10px;min-height:40px;padding:8px 12px;font:750 13px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.lp-shell button:hover,.lp-modal button:hover{border-color:#8173ff}.lp-shell button:disabled,.lp-modal button:disabled{opacity:.42;cursor:not-allowed}.lp-shell button.primary,.lp-modal button.primary{background:linear-gradient(135deg,#5e4dec,#8069ff);border-color:#9489ff}.lp-shell button.success{background:#0d6c5c;border-color:#28d4ae}.lp-shell button.danger,.lp-modal button.danger{color:#ff94a8;border-color:#743247}
.lp-progress-card{padding:13px 15px}.lp-progress-copy{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.lp-progress-copy strong{font-size:13px}.lp-progress-copy span{color:#9a8fff;font-weight:900}.lp-progress{height:7px;border-radius:99px;background:#192e48;overflow:hidden}.lp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d5dfb,#23d2ac);transition:width .25s}.lp-phase-rail{display:flex;gap:7px;overflow-x:auto;padding:12px 1px 1px;scrollbar-width:thin}.lp-phase-rail button{flex:1 0 108px;min-width:108px;justify-content:flex-start;padding:7px 9px;background:#081725}.lp-phase-rail button i{width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--lp-color) 22%,#142840);color:var(--lp-color);display:grid;place-items:center;font-style:normal;font-weight:900}.lp-phase-rail button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-phase-rail button.running,.lp-phase-rail button.paused,.lp-phase-rail button.idle,.lp-phase-rail button.awaiting-next{border-color:var(--lp-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lp-color) 42%,transparent)}.lp-phase-rail button.completed{border-color:#237c6a;color:#79ebd2}.lp-phase-rail button.skipped{opacity:.55;text-decoration:line-through}
.lp-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:12px;min-height:0}.lp-stage{padding:14px;min-width:0}.lp-current{border:1px solid color-mix(in srgb,var(--lp-color) 58%,#263c59);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--lp-color) 13%,#0a192a),#081521);padding:16px}.lp-current-head{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:16px;align-items:center}.lp-current-head small{color:var(--lp-color);font-weight:900;letter-spacing:.08em}.lp-current-head h2{font-size:27px;margin:4px 0}.lp-current-head p{margin:0;color:#a7b7cb;font-size:14px}.lp-timer{text-align:center;border-left:1px solid color-mix(in srgb,var(--lp-color) 35%,#223a57);padding-left:16px}.lp-timer span{display:block;color:var(--lp-color);font-weight:900;font-size:12px}.lp-timer strong{display:block;font-size:42px;line-height:1.05;font-variant-numeric:tabular-nums;margin:4px 0}.lp-timer small{color:var(--lp-muted)}.lp-current-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.lp-current-meta span{display:flex;align-items:center;gap:5px;border:1px solid #2b425f;background:#081725;border-radius:9px;padding:7px 9px;color:#bfccdc;font-weight:700}.lp-current-meta i{font-size:18px;color:var(--lp-color)}.lp-current-meta .warn{border-color:#745f2c;color:#f7d36f}.lp-mechanism{border:1px solid #233b58;background:#071523;border-radius:12px;padding:11px 13px}.lp-mechanism strong{font-size:12px;color:#9d91ff;text-transform:uppercase;letter-spacing:.06em}.lp-mechanism p{margin:6px 0 0;line-height:1.55;color:#c5d1df}.lp-open-tool{width:100%;display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;text-align:left!important;margin-top:11px;background:#6d5dfb18!important;border-color:#6256c7!important}.lp-open-tool>.material-symbols-rounded:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#6d5dfb33;color:#a69dff}.lp-open-tool span:nth-child(2){min-width:0;display:block}.lp-open-tool strong,.lp-open-tool small{display:block}.lp-open-tool small{color:#8fa1ba;font-weight:500;margin-top:2px}
.lp-controls{display:grid;grid-template-columns:auto 1fr 1fr 1.2fr auto;gap:8px;margin:12px 0}.lp-controls .pause:not(.resume){background:#321624;border-color:#b53657;color:#ff9bb0}.lp-controls .resume{background:#0e6d5e;border-color:#2dd9b5}.lp-intake{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #236958;background:#0a4a4033;border-radius:13px;padding:10px 12px;margin-bottom:12px}.lp-intake[hidden]{display:none}.lp-intake>div{display:flex;align-items:center;gap:9px}.lp-intake>div>.material-symbols-rounded{color:#35ddb8}.lp-intake strong,.lp-intake small{display:block}.lp-intake small{color:#8fb3aa;margin-top:2px}.lp-intake.closed{border-color:#a43350;background:#5d142533}.lp-intake.closed>div>.material-symbols-rounded{color:#ff5a79}.lp-intake.closed button{background:#c8294d;border-color:#ff5d7b;color:#fff}.lp-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lp-role-grid article{border:1px solid #223a56;background:#081623;border-radius:12px;padding:11px}.lp-role-grid header{display:flex;align-items:center;gap:7px;color:#a89fff}.lp-role-grid header span{font-size:20px}.lp-role-grid p{margin:7px 0 0;color:#a8b8ca;line-height:1.45;font-size:13px}
.lp-side{display:grid;gap:12px;align-content:start}.lp-next-card{padding:14px}.lp-next-card header{display:flex;gap:9px;align-items:center}.lp-next-card header>.material-symbols-rounded{color:#60dcc3}.lp-next-card small,.lp-next-card strong{display:block}.lp-next-card small{color:#65d9c2;font-weight:900}.lp-next-card strong{font-size:16px;margin-top:2px}.lp-next-card p{margin:9px 0 0;color:#93a6bd;line-height:1.45}.lp-all-phases{padding:13px;max-height:calc(100vh - 320px);overflow:auto}.lp-all-phases>header{display:flex;justify-content:space-between;gap:10px;padding:2px 2px 10px}.lp-all-phases>header span{color:#958aff;font-size:12px;font-weight:900}.lp-all-phases>div{display:grid;gap:6px}.lp-all-phases button{display:grid!important;grid-template-columns:5px minmax(0,1fr) auto!important;text-align:left!important;padding:8px 9px!important;min-height:52px!important;background:#081624!important}.lp-all-phases button>i{width:4px;height:32px;background:var(--lp-color);border-radius:9px}.lp-all-phases button strong,.lp-all-phases button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-all-phases button small{color:#8295ae;font-size:11px;margin-top:3px}.lp-all-phases button>b{font-size:9px;color:#55dec2}.lp-all-phases button.completed{border-color:#246c61}.lp-all-phases button.skipped{opacity:.52}
.lp-modal-backdrop{position:fixed;inset:0;z-index:11000;background:#020711dc;display:grid;place-items:center;padding:16px;backdrop-filter:blur(7px)}.lp-modal-backdrop[hidden]{display:none!important}.lp-modal{width:min(1180px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #344d70;border-radius:18px;background:#091726;color:#edf4ff;box-shadow:0 32px 100px #000b;font:14px Inter,system-ui,sans-serif}.lp-modal>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px;border-bottom:1px solid #223a56}.lp-modal>header small{color:#8d80ff;font-weight:900;letter-spacing:.08em}.lp-modal h2{font-size:20px;margin:3px 0}.lp-modal header p{color:#8ea0b8;margin:0}.lp-modal>header>button{width:40px;padding:0}.lp-config-name{display:grid;gap:5px;padding:13px 17px;color:#9aadc4;font-size:12px}.lp-config-name input,.lp-config-row input{border:1px solid #2a4260;background:#071523;color:#edf4ff;border-radius:9px;min-height:38px;padding:7px 9px;font:650 13px Inter,sans-serif}.lp-config-head,.lp-config-row{display:grid;grid-template-columns:minmax(260px,1.7fr) 90px 145px 70px 70px 88px;gap:8px;align-items:center}.lp-config-head{padding:8px 17px;color:#8296af;font-size:11px;font-weight:900;text-transform:uppercase}.lp-config-list{overflow:auto;display:grid;gap:7px;padding:0 17px 12px}.lp-config-row{border:1px solid #203a57;border-radius:11px;padding:8px;background:#081624}.lp-config-row label{display:flex;align-items:center;gap:5px}.lp-config-row label>input[type=number]{width:100%;min-width:0}.lp-config-row label small{color:#8194ad}.lp-config-phase>input[type=checkbox]{width:17px;height:17px;min-height:0;padding:0;accent-color:#7262f5}.lp-config-phase>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--lp-color) 22%,#13263d);color:var(--lp-color);font-weight:900}.lp-config-phase>input[data-field=name]{flex:1;min-width:0}.lp-order{display:flex;gap:5px}.lp-order button{width:38px;padding:0}.lp-order .material-symbols-rounded{font-size:18px}.lp-modal>footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:13px 17px;border-top:1px solid #223a56}
@media(max-width:1180px){.lp-layout{grid-template-columns:1fr}.lp-side{grid-template-columns:1fr 1fr}.lp-all-phases{max-height:420px}.lp-current-head{grid-template-columns:minmax(0,1fr) 190px}.lp-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-controls button:first-child,.lp-controls button:last-child{grid-row:2}.lp-config-head,.lp-config-row{grid-template-columns:minmax(220px,1.5fr) 75px 125px 60px 60px 84px}}
@media(max-width:720px){#studio-live-program-module{padding:8px}.lp-topbar{align-items:flex-start;flex-direction:column;padding:12px}.lp-title{align-items:flex-start}.lp-title>.material-symbols-rounded{width:40px;height:40px;font-size:24px}.lp-title h1{font-size:18px}.lp-top-actions{width:100%}.lp-top-actions button{flex:1}.lp-current{padding:12px}.lp-current-head{grid-template-columns:1fr}.lp-timer{border-left:0;border-top:1px solid #2a405d;padding:12px 0 0}.lp-timer strong{font-size:39px}.lp-controls{grid-template-columns:1fr 1fr}.lp-controls button{grid-row:auto!important}.lp-controls #lp-complete{grid-column:1/-1}.lp-intake{align-items:stretch;flex-direction:column}.lp-intake button{width:100%}.lp-role-grid{grid-template-columns:1fr}.lp-side{grid-template-columns:1fr}.lp-all-phases{max-height:none}.lp-modal-backdrop{padding:5px}.lp-modal{max-height:96vh}.lp-config-head{display:none}.lp-config-list{padding:8px}.lp-config-row{grid-template-columns:1fr 1fr 1fr}.lp-config-phase{grid-column:1/-1}.lp-config-row label:has([data-field=stopIntakeMin]){grid-column:1/3}.lp-order{justify-content:flex-end}.lp-config-name,.lp-modal>header,.lp-modal>footer{padding:11px}.lp-modal>footer{grid-template-columns:1fr 1fr}.lp-modal>footer span{display:none}.lp-modal>footer button{width:100%}.lp-phase-rail button{flex-basis:122px}}
@media (min-width:721px) and (max-width:1366px) and (any-pointer:coarse){.lp-shell button,.lp-modal button{min-height:48px;touch-action:manipulation}.lp-phase-rail{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.lp-phase-rail button{scroll-snap-align:start}.lp-all-phases button{min-height:58px!important}}