/* Studio identity: signal traces, instrument labels and restrained copper lighting. */
.auth-card{position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;top:0;right:0;width:150px;height:100px;pointer-events:none;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Cpath d='M0 50h30l5-15 7 40 8-60 8 70 8-50 7 30 7-15h70' fill='none' stroke='%23ff986d' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}.brand strong{letter-spacing:.08em}.brand small{letter-spacing:.4em}.brand-mark{border-radius:12px;background:linear-gradient(145deg,#ffad77,#ff632e)}.page-head h1{font-weight:650}.cue-timer,[data-room-clock]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.page-head .eyebrow:before{content:'';display:inline-block;width:16px;height:2px;background:currentColor;vertical-align:middle;margin-right:9px}
dialog.modal-backdrop{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;place-items:stretch end;background:transparent;backdrop-filter:none;overflow:hidden}dialog.modal-backdrop::backdrop{background:#05080b85;backdrop-filter:blur(3px)}.modal-backdrop .modal{width:min(560px,100vw);height:100dvh;max-height:100dvh;border-radius:24px 0 0 24px;border-width:0 0 0 1px;padding:28px;box-shadow:-24px 0 80px #0006}.modal-head{position:sticky;top:-28px;background:#181e28;z-index:2;padding:16px 0;margin-top:-12px}.modal .field input,.modal .field select{font-size:14px;min-height:46px}.modal .field label{font-size:12px}.modal .form-actions{position:sticky;bottom:-28px;background:#181e28;padding:18px 0;z-index:2}.modal .primary-button{width:auto;min-width:110px;height:auto;min-height:44px;white-space:normal;padding:10px 15px}.modal input:user-invalid{border-color:#ff8b95}.field-error,.form-error{color:#ff9da6;font-size:12px;line-height:1.6}.form-error{padding:12px;background:#ff8b9510;border:1px solid #ff8b9540;border-radius:10px}
.presence-strip{margin:12px 34px 0;display:flex;align-items:center;gap:7px;min-height:28px;font-size:11px;color:#aab5c5;flex-wrap:wrap}.presence-caption{font-size:10px;margin-right:5px}.presence-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #72d4a577;background:#1c3a31;color:#a4eac9;font-size:9px;box-shadow:0 0 0 3px #10151d}.presence-names{margin-left:5px;color:#c1ccdb}
.command-palette{width:min(600px,calc(100% - 24px));padding:16px;border:1px solid #ffac7750;border-radius:20px;background:#171e29;color:#eef2f8;box-shadow:0 30px 100px #0009;margin:12vh auto auto;max-height:75dvh;overflow:auto}.command-palette::backdrop{background:#05080bbd;backdrop-filter:blur(6px)}.command-head{display:flex;gap:10px;align-items:center}.command-head input{min-width:0;flex:1;border:0;background:transparent;font-size:17px;color:#f0f3f8;min-height:48px;outline-offset:0}.command-results{display:grid;gap:5px;margin-top:14px;max-height:48dvh;overflow:auto}.command-results button{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:#202936;color:#e5ecf6;min-height:60px}.command-results small{grid-column:1;color:#a5b5c9}.command-results b{grid-column:2;grid-row:1/3;align-self:center;color:#ffa875}.command-results button:hover,.command-results button:focus-visible{background:#ff976f15;border-color:#ff976f66;outline-offset:-2px}.command-palette>p{font-size:11px;color:#98a7bb}.studio-empty{padding:24px;text-align:center;border:1px dashed #495366;border-radius:14px;color:#bec9d9}.studio-empty p{font-size:12px;color:#9caac0}
.studio-undo{position:fixed;z-index:45;bottom:24px;left:calc(50% + 80px);transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ffb18c77;border-radius:14px;background:#25202b;box-shadow:0 10px 40px #0008;font-size:12px;max-width:calc(100% - 24px)}.studio-undo button{background:transparent;border:0;color:#ffbd9d;font-size:13px;min-height:36px;cursor:pointer}.is-dragging{opacity:.45}.drop-ready{outline:2px dashed #ffb18c!important;outline-offset:-4px;background-color:#ff976f15!important}.staff-drop-sites{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px 0}.staff-drop-sites>div{flex:1;min-width:150px;border:1px dashed #58667a;border-radius:12px;padding:12px}.staff-drop-sites strong{font-size:12px}.staff-drop-sites small{display:block;color:#a2afc2;font-size:10px;margin-top:6px}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}
.room-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.room-tools>span{font-size:11px;letter-spacing:.08em;color:#afbed1}.room-tools time{color:#ffbf9b;font-size:18px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-site{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid #344052}.room-site strong{grid-column:1/-1;font-size:18px}.room-site small{color:#a8b7cd}.room-site button{grid-column:2;grid-row:1/4;align-self:center}.studio-focus .sidebar,.studio-focus .topbar,.studio-focus .project-overview,.studio-focus .presence-strip,.studio-focus .mobile-dock{display:none}.studio-focus .app-shell{display:block}.studio-focus .main{padding:0}.studio-focus #controlroomView{padding:24px;margin:0;min-height:100dvh}.studio-focus #controlroomView .page-head{margin-bottom:20px}.studio-focus .rundown-hero{min-height:280px}.studio-focus .cue-timer{font-size:clamp(50px,8vw,100px)}
.studio-loading{margin:28px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;color:#a8b7cd}.studio-loading span{grid-column:1/-1}.studio-loading div{height:150px;border-radius:18px;background:linear-gradient(110deg,#192330 10%,#2b3545 35%,#192330 60%);background-size:220% 100%}.save-state[data-sync=saving] i{background:#efc979;box-shadow:0 0 8px #efc97988}.save-state[data-sync=offline]{color:#efc979}.save-state[data-sync=offline] i{background:#efc979}
@keyframes studio-skeleton{to{background-position:-220% 0}}@keyframes studio-highlight{from{background:#66d7a044;box-shadow:0 0 16px #66d7a033}to{background:transparent;box-shadow:none}}@keyframes studio-drawer{from{transform:translateX(30px);opacity:.3}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .studio-loading div{animation:studio-skeleton 1.7s linear infinite}html:not([data-motion=off]) .fresh-update{animation:studio-highlight 2s ease-out}html:not([data-motion=off]) .modal-backdrop:not([hidden]) .modal{animation:studio-drawer .25s ease-out}}
@media(max-width:700px){.room-grid{grid-template-columns:1fr}.presence-strip{margin:10px 16px 0}.presence-names{display:none}.presence-caption{font-size:9px}.presence-avatar{width:22px;height:22px}.command-trigger{min-width:40px}.topbar-actions{gap:5px}#notifyButton{display:none}.studio-undo{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:max-content}.studio-loading{margin:20px 16px;grid-template-columns:1fr}.studio-loading div{height:100px}.studio-focus #controlroomView{padding:16px}.room-site button{max-width:120px;white-space:normal;min-height:44px}.staff-drop-sites{display:none}dialog.modal-backdrop{place-items:end stretch}.modal-backdrop .modal{width:100%;height:auto;max-height:92dvh;border-radius:24px 24px 0 0;padding:22px 18px max(22px,env(safe-area-inset-bottom))}.modal-head{top:-22px}.modal .form-actions{bottom:-22px;flex-wrap:wrap}.command-palette{margin-top:8vh}.command-head input{font-size:16px}}