*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#162337;font:16px/1.45 system-ui,sans-serif}header{background:#182638;color:white;padding:9px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}header a{color:white}.brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;text-decoration:none}.brand img{display:block;width:42px;height:42px;object-fit:contain}.brand small{font-size:.7rem;color:#bce1ed}main{max-width:1180px;margin:18px auto;padding:0 18px}.notice{background:#fff4d8;padding:12px 15px;border-radius:12px}#notice:not(:empty){background:#e6f3ff;border-radius:8px;padding:10px 12px}section,details{margin:14px 0}#sign-in,#content{background:white;padding:18px;border:1px solid #d8e1eb;border-radius:14px}.sign-in-logo{float:right;width:180px;height:240px;object-fit:contain;margin:0 0 18px 28px}#sign-in:after{content:"";display:block;clear:both}form{display:grid;gap:10px;max-width:640px;margin:14px 0}label{display:grid;gap:4px;font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:9px;border:1px solid #a8b9cc;border-radius:7px}textarea{min-height:76px}button{background:#245b8a;color:white;border:0;border-radius:8px;padding:9px 13px;cursor:pointer}button:disabled{opacity:.55}.top{display:flex;justify-content:space-between;align-items:center}.top h2,.top p{margin:.2rem 0}nav{display:flex;gap:7px;flex-wrap:wrap}nav button[aria-current=page]{background:#0d745c}.card{border:1px solid #d8e1eb;border-radius:9px;padding:10px 12px;margin:8px 0}.muted{color:#506178}summary{cursor:pointer;font-weight:700}h3{margin-bottom:5px}.job-summary{color:#506178;margin:.25rem 0}.job-detail{margin-top:10px;border-top:1px solid #d8e1eb;padding-top:10px}.rapid-task{background:#f4faf7;border:1px solid #b9ddcf;border-radius:10px;padding:12px;max-width:none;grid-template-columns:minmax(220px,1fr) minmax(300px,2fr) auto;align-items:end}.rapid-task h4{grid-column:1/-1;margin:0}.rapid-task textarea{min-height:43px}.task-list{display:grid;gap:7px}.task-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(145px,auto);gap:9px;align-items:start;border:1px solid #d8e1eb;border-radius:9px;padding:9px}.task-row.completed{background:#edf8f2}.task-row.completed>.task-copy>strong,.task-row.completed>.task-copy>small{text-decoration:line-through;color:#506178}.task-check{display:flex;grid-template-columns:none;align-items:center;margin-top:5px}.task-check input{width:auto}.task-copy strong{display:block}.task-copy small{display:block;color:#506178;white-space:pre-wrap}.task-status{padding:7px}.task-editor{margin:5px 0}.task-editor summary{font-size:.9rem;color:#245b8a}.task-editor form{max-width:none;margin:8px 0}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.history-panel{border:1px solid #d8e1eb;border-radius:9px;padding:10px}.history-panel h4{margin-top:0}@media(max-width:700px){header{padding:9px 14px}.brand{font-size:1.15rem}.brand img{width:38px;height:38px}.sign-in-logo{float:none;display:block;width:120px;height:160px;margin:0 auto 14px}.top{gap:12px}.rapid-task{grid-template-columns:1fr}.rapid-task h4{grid-column:auto}.task-row{grid-template-columns:auto minmax(0,1fr)}.task-status{grid-column:2}.history-grid{grid-template-columns:1fr}}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-heading h3,.page-heading p{margin:4px 0}.crumb{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#506178}.crumb button{background:transparent;color:#245b8a;padding:3px 0;text-decoration:underline}.job-nav{border-block:1px solid #d8e1eb;padding:10px 0;margin:16px 0}.job-nav button{background:#eaf1f7;color:#162337}.job-nav button[aria-current=page]{background:#182638;color:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}.shortcut-grid button{text-align:left;background:white;color:#162337;border:1px solid #b9c8d5;padding:17px}.shortcut-grid button:hover,.job-card button:hover{background:#0d745c;color:white}.badge{display:inline-block;background:#e5edf5;border-radius:999px;padding:4px 10px;font-size:.82rem}.job-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px}.job-card h4,.job-card p{margin:.2rem 0}.job-card small{color:#506178}.site-row{display:flex;align-items:end;gap:10px;max-width:none}.site-row label{flex:1}.actions{display:flex;flex-wrap:wrap;gap:10px}#batch-form{max-width:760px}#batch-result{color:#0d745c}.task-row{margin:10px 0}@media(max-width:700px){.job-card,.site-row{align-items:stretch;flex-direction:column}.job-card button{align-self:flex-start}.job-nav{gap:5px}.job-nav button{flex:1 1 auto}}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-grid img{display:block;width:100%;max-height:250px;object-fit:contain}.media-grid figure{margin:0}.media-grid figcaption{font-size:.85rem;color:#506178}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.metric-grid .card{margin:0}.metric-grid h4{margin:.1rem 0 .6rem}.metric-grid strong{font-size:1.1rem}.metric-grid small{color:#506178}
.duration-form{display:flex;max-width:520px;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #d8e1eb;padding:8px 0;margin:0}.duration-form button{justify-self:end}
.music-upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px) auto;gap:10px;align-items:center;border:1px solid #d8e1eb;border-radius:9px;padding:9px}.music-upload-row small{display:block;color:#506178;overflow-wrap:anywhere}.music-upload-row progress{width:100%;height:16px}.music-upload-row button{padding:7px 11px}@media(max-width:700px){.music-upload-row{grid-template-columns:1fr}.music-upload-row button{justify-self:start}}
.music-card{display:grid;gap:9px}.music-card audio{width:min(100%,640px)}.music-card small{color:#506178;overflow-wrap:anywhere}.music-card details{margin:0}.music-card form{max-width:760px}.music-lyrics{max-width:760px;margin-top:8px;padding:12px;background:#f5f8fc;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.app-footer{max-width:1180px;margin:34px auto 0;padding:22px 18px;border-top:1px solid #d8e1eb;display:flex;justify-content:space-between;gap:20px;color:#506178;font-size:.88rem}.app-footer nav{display:flex;gap:14px}.app-footer a{color:#245b8a}@media(max-width:700px){.app-footer{align-items:flex-start;flex-direction:column}.app-footer nav{gap:10px;flex-wrap:wrap}}

.control-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:10px;align-items:end}.control-summary{margin:14px 0}.control-summary .card{display:grid;gap:3px}.control-summary strong{font-size:1.45rem}.control-summary small{text-transform:capitalize}.control-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.control-title h4{margin:.2rem 0}.control-tag{display:inline-block;background:#e6eef8;border-radius:999px;padding:4px 8px;margin:2px;font-size:.78rem;text-transform:capitalize}.check-grid{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.check-state{border-radius:7px;padding:5px 8px;background:#f1f4f7;font-size:.82rem;text-transform:capitalize}.check-state.verified{background:#dff5e9;color:#155d43}.check-state.partial{background:#fff0c7;color:#6b4b00}.check-state.pending{background:#fbe5e5;color:#7b2929}.check-state.not_applicable{background:#edf0f4;color:#506178}.control-card code{overflow-wrap:anywhere}@media(max-width:900px){.control-filters{grid-template-columns:1fr 1fr}.control-title{flex-direction:column}}@media(max-width:600px){.control-filters{grid-template-columns:1fr}}
.control-priority-group{margin:26px 0 38px}.control-priority-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:17px 18px;border-left:7px solid #2aa889;border-radius:10px;background:#182638;color:#fff;box-shadow:0 3px 9px rgba(23,40,62,.18)}.control-priority-copy{min-width:0}.control-priority-heading h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 6px;color:#fff;line-height:1.2}.control-priority-word{font-size:1.22rem;font-weight:850;letter-spacing:.08em;color:#72e0c5}.control-priority-separator{color:#b9c9d9;font-weight:700}.control-priority-caption{font-size:1.05rem;font-weight:700;color:#fff}.control-priority-heading p{margin:0;color:#d6e2ec;line-height:1.45}.control-priority-count{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 11px;border:1px solid #8296aa;border-radius:999px;background:#fff;color:#182638;font-size:.82rem;font-weight:750;white-space:nowrap}.control-priority-group.priority-now .control-priority-heading{border-left-color:#16a47f}.control-priority-group.priority-next .control-priority-heading{border-left-color:#4da3df}.control-priority-group.priority-next .control-priority-word{color:#8dcdf8}.control-priority-group.priority-later .control-priority-heading{border-left-color:#ff7a1a}.control-priority-group.priority-later .control-priority-word{color:#ffb276}@media(max-width:600px){.control-priority-heading{align-items:flex-start;padding:14px}.control-priority-count{min-width:0}.control-priority-heading h3{gap:6px}.control-priority-word{font-size:1.1rem}.control-priority-caption{font-size:1rem}}
.field-timer{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#182638;color:#fff;border-left:7px solid #f97316;border-radius:12px;padding:16px 18px;margin:16px 0}.field-timer.idle{border-left-color:#8ca0b5}.field-timer p{margin:3px 0;color:#d6e2ec}.field-job-grid{display:grid;gap:10px}.field-job{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px}.field-job h4,.field-job p{margin:6px 0}.field-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}.summary-strip span{display:grid;background:#edf4fa;border:1px solid #d0dde9;border-radius:9px;padding:10px;color:#506178}.summary-strip strong{color:#162337;font-size:1.08rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.split-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.split-forms form{max-width:none;margin:0}.note-card p{white-space:pre-wrap}.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center}.inline-check input{width:auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.media-grid figure{margin:0}.media-grid img{width:100%;height:170px;object-fit:cover;border-radius:6px}@media(max-width:700px){.field-job,.field-timer{align-items:stretch;flex-direction:column}.field-actions{justify-content:stretch}.field-actions button{flex:1}.form-grid,.split-forms{grid-template-columns:1fr}.job-nav{position:sticky;top:0;z-index:5;background:#f5f8fc;padding:8px 0}.shortcut-grid{grid-template-columns:1fr 1fr}.summary-strip{grid-template-columns:1fr 1fr}}

.timer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.timer-actions button{min-height:54px;text-align:left;font-weight:700}.active-timer{border-left:6px solid #f28c28}.active-timer h4{margin-top:0}.timer-break{background:#fff0c7;border-radius:8px;padding:10px}.active-timer details{margin-top:14px}.active-timer form{margin-top:10px}@media(max-width:600px){.timer-actions{grid-template-columns:1fr}.timer-actions button{min-height:58px;font-size:1rem}}
.work-control-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#182638;color:#fff;border-radius:12px;padding:14px 16px;margin:12px 0 18px;box-shadow:0 4px 16px #1020302b}.work-control-bar>div{display:grid;flex:1;min-width:210px}.work-control-bar strong{color:#7ee7c5;letter-spacing:.08em}.work-control-bar small{color:#c7d6e6}.work-control-bar button{min-height:48px;font-weight:750}.work-control-bar.idle strong{color:#fff}.task-row{grid-template-columns:minmax(0,1fr)}.task-controls{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.task-controls button{min-height:50px;font-weight:750}.task-play{background:#0d745c}.task-pause{background:#c47700}.task-stop{background:#a52b35}.task-switch,.task-switch-finish{background:#245b8a}.task-finished{display:inline-block;background:#dff3e9;color:#075c47;border-radius:999px;padding:7px 12px;font-weight:700}.form-feedback:not(:empty){background:#e8f6ef;color:#075c47;border-radius:8px;padding:9px}@media(max-width:700px){.work-control-bar{align-items:stretch}.work-control-bar button,.task-controls button{flex:1 1 45%;font-size:1rem}.task-controls{display:grid;grid-template-columns:1fr 1fr}}
.status-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#182638;color:#fff;border-radius:10px}.status-actions strong{margin-right:auto}.timeline-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #e0e7ee}.timeline-row:last-child{border:0}.timeline-row p{margin:2px 0;white-space:pre-wrap}.timeline-row small{color:#506178}.timeline-type{align-self:start;text-align:center;background:#e8f1f8;border-radius:999px;padding:4px 7px;font-size:.78rem;font-weight:700}.invoice-sheet{border:2px solid #182638;border-radius:10px;padding:18px;background:#fff}.invoice-sheet table{width:100%;border-collapse:collapse}.invoice-sheet th,.invoice-sheet td{padding:11px;border-bottom:1px solid #d8e1eb;text-align:left}.invoice-sheet td:last-child{text-align:right;white-space:nowrap}@media(max-width:600px){.timeline-row{grid-template-columns:1fr}.timeline-type{justify-self:start}.invoice-sheet{padding:10px}.invoice-sheet th,.invoice-sheet td{padding:7px;font-size:.88rem}}@media print{header,.top,nav,.app-footer,#notice,.shortcut-grid,.status-actions,form,button{display:none!important}body,main,#content{background:#fff!important;margin:0!important;padding:0!important;border:0!important}.invoice-sheet,.card{break-inside:avoid}}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.8fr);gap:20px;align-items:start}.studio-layout form{max-width:none;margin:0}.studio-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:10px 0 18px}.studio-photo{position:relative;border:2px solid #d8e1eb;border-radius:10px;padding:7px;background:#fff}.studio-photo:has(input[type=checkbox]:checked){border-color:#0d745c;background:#edf8f3}.studio-photo>input[type=checkbox]{position:absolute;top:12px;left:12px;width:22px;height:22px;z-index:2}.studio-photo img{display:block;width:100%;height:120px;object-fit:cover;border-radius:6px}.studio-photo span{font-size:.82rem;color:#506178;text-transform:capitalize}.studio-photo input:last-child{font-size:.84rem;padding:6px}.studio-preview-panel{position:sticky;top:14px;background:#182638;color:#fff;border-radius:12px;padding:15px}.studio-preview-panel h4{margin-top:0}.studio-preview-panel .muted{color:#d6e2ec}.studio-preview{position:relative;margin:10px auto 14px;background:#07101c;border:1px solid #506178;overflow:hidden;display:grid;place-items:center}.studio-preview.portrait{width:min(100%,260px);aspect-ratio:9/16}.studio-preview.square{width:min(100%,330px);aspect-ratio:1}.studio-preview.landscape{width:100%;aspect-ratio:16/9}.studio-preview figure{position:absolute;inset:0;margin:0}.studio-preview img{width:100%;height:100%;object-fit:cover}.studio-preview figcaption{position:absolute;inset:auto 0 0;padding:24px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-weight:700}.studio-preview>p{padding:20px;text-align:center}.studio-project{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-project p{margin:.3rem 0;color:#506178}@media(max-width:820px){.studio-layout{grid-template-columns:1fr}.studio-preview-panel{position:static}.studio-project{align-items:stretch;flex-direction:column}.studio-project button{align-self:start}}
.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.connection-card{border:1px solid #cad7e3;border-left:6px solid #0d745c;border-radius:10px;padding:15px;background:#fff}.connection-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.connection-card p{margin:.55rem 0 0;color:#506178}.connection-state{border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.connection-state.ready{background:#dff5e9;color:#155d43}.connection-state.blocked{background:#fbe5e5;color:#7b2929}.communications-compose{border:2px solid #182638;border-radius:12px;padding:16px;background:#f8fbfe}.communications-compose form{max-width:none}.message-history{border-left:5px solid #8296aa}.message-history.accepted{border-left-color:#16a47f}.message-history.failed{border-left-color:#c54747}.message-history.unknown{border-left-color:#e39a21}@media(max-width:700px){.connection-grid{grid-template-columns:1fr}}