body{background:#f4f7fb}.screen-editor{border:0;border-left:4px solid #1769aa}.screen-editor .card-header{background:#fff}.screen-number{font-size:.78rem;letter-spacing:.08em;color:#64748b;font-weight:700}.project-search{border-color:#b9c8da}.project-list{max-height:310px;overflow:auto;border:1px solid #dce3ec;border-radius:.4rem;background:#fafcff}.project-option{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .8rem;margin:0;border-bottom:1px solid #edf1f6;cursor:pointer}.project-option[hidden]{display:none}.project-option:last-child{border-bottom:0}.project-option:hover{background:#eef6ff}.project-option input{margin-top:.3rem}.project-option span{line-height:1.25}.project-option small{display:block;color:#758397;margin-top:.15rem}.screen-actions{display:flex;gap:.35rem}.sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.96);border:1px solid #dce3ec;border-radius:.5rem;box-shadow:0 -4px 18px rgba(26,48,73,.08)}.fixed-screen{border:2px dashed #91acd0}.empty-config{padding:2.5rem;text-align:center;border:2px dashed #ccd6e2;border-radius:.5rem;background:#fff}.channel-editor{border-left:4px solid #35a0aa}.channel-centers{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.channel-centers>label:first-child{flex-basis:100%}.channel-center-option,.screen-center-option{display:inline-flex;align-items:center;gap:.35rem;margin:0 .8rem .4rem 0;padding:.4rem .65rem;border:1px solid #d7e1eb;border-radius:.4rem;background:#f8fbfd;cursor:pointer}.screen-center-option{font-size:.88rem}@media(max-width:600px){.screen-actions{margin-top:.75rem}.sticky-actions{margin:0 -.5rem}}
body{background:var(--soft);color:var(--text)}.screen-editor{border:0;border-left:4px solid #3d9de0}.screen-editor .card-header{background:var(--panel);color:var(--text)}.screen-number{font-size:.78rem;letter-spacing:.08em;color:var(--muted);font-weight:700}.project-search{border-color:var(--line)}.project-list{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:.4rem;background:#0b1d30}.project-option{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .8rem;margin:0;border-bottom:1px solid var(--line);cursor:pointer;color:var(--text)}.project-option[hidden]{display:none}.project-option:last-child{border-bottom:0}.project-option:hover{background:#183550}.project-option input{margin-top:.3rem}.project-option span{line-height:1.25}.project-option small{display:block;color:var(--muted);margin-top:.15rem}.screen-actions{display:flex;gap:.35rem}.sticky-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(16,36,58,.97);border:1px solid var(--line);border-radius:.5rem;box-shadow:0 -4px 18px rgba(0,0,0,.24)}.fixed-screen{border:2px dashed #5684ad}.empty-config{padding:2.5rem;text-align:center;border:2px dashed var(--line);border-radius:.5rem;background:var(--panel)}.channel-editor{border-left:4px solid #35a0aa}.channel-centers{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.channel-centers>label:first-child{flex-basis:100%}.channel-center-option,.screen-center-option{display:inline-flex;align-items:center;gap:.35rem;margin:0 .8rem .4rem 0;padding:.4rem .65rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel-soft);color:var(--text);cursor:pointer}.screen-center-option{font-size:.88rem}.input-group-text{background:#1b3650;color:var(--muted);border-color:var(--line)}.btn-light{background:#edf4fa;border-color:#edf4fa;color:#17324a}.custom-control-label:before{background:#0b1d30;border-color:var(--line)}
:root[data-theme="light"] body{background:#f4f7fb;color:#243447}:root[data-theme="light"] .screen-editor .card-header{background:#fff;color:#243447}:root[data-theme="light"] .screen-number{color:#64748b}:root[data-theme="light"] .project-search{border-color:#b9c8da}:root[data-theme="light"] .project-list{border-color:#dce3ec;background:#fafcff}:root[data-theme="light"] .project-option{border-color:#edf1f6;color:#243447}:root[data-theme="light"] .project-option:hover{background:#eef6ff}:root[data-theme="light"] .project-option small{color:#758397}:root[data-theme="light"] .sticky-actions{background:rgba(255,255,255,.96);border-color:#dce3ec;box-shadow:0 -4px 18px rgba(26,48,73,.08)}:root[data-theme="light"] .empty-config{border-color:#ccd6e2;background:#fff}:root[data-theme="light"] .channel-center-option,:root[data-theme="light"] .screen-center-option{border-color:#d7e1eb;background:#f8fbfd;color:#243447}:root[data-theme="light"] .input-group-text{background:#e9ecef;color:#495057;border-color:#ced4da}:root[data-theme="light"] .custom-control-label:before{background:#fff;border-color:#adb5bd}
@media(max-width:600px){.screen-actions{margin-top:.75rem}.sticky-actions{margin:0 -.5rem}}