.heading-row .primary{text-decoration:none}.builder-name{margin-bottom:16px;padding:16px}.builder-name label{gap:6px;display:grid}.builder-name span,.builder-section small{color:var(--muted)}.builder-grid{grid-template-columns:360px 1fr;gap:16px;display:grid}.visual-preview{align-self:start;padding:16px;position:sticky;top:16px}.visual-preview h2,.builder-section h2{margin:0 0 14px;font-size:16px}.screen-preview{background:#090909;border-radius:24px;grid-template-rows:2fr 1fr;height:610px;padding:10px;transition:transform .2s;display:grid;overflow:hidden}.preview-zone{background:#eef0f3;place-items:center;display:grid;position:relative;overflow:hidden}.preview-zone>b{z-index:3;color:#fff;background:#2865eb;border-radius:4px;padding:2px 5px;position:absolute;top:5px;left:5px}.preview-zone .builder-thumb{width:100%;height:100%}.zone-a{border-radius:16px 16px 0 0}.zone-b{border-top:3px solid #2865eb;border-radius:0 0 16px 16px}.builder-controls{gap:16px;display:grid}.zone-editor,.builder-section{padding:16px}.zone-tabs{gap:8px;margin-bottom:14px;display:flex}.zone-tabs button,.rotation-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 17px;font-weight:800}.zone-tabs button.active,.rotation-options button.active{color:#fff;background:#2865eb;border-color:#2865eb}.selected-strip,.media-picker{gap:10px;padding-bottom:8px;display:flex;overflow:auto}.selected-media{border:1px solid var(--line);border-radius:10px;gap:7px;width:170px;min-width:170px;padding:8px;display:grid;position:relative}.selected-media strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.selected-media label{font-size:11px}.selected-media input{width:48px}.selected-media button{border:1px solid var(--line);background:#fff;border-radius:5px}.remove-item{z-index:4;color:#d92d20;font-size:18px;position:absolute;top:5px;right:5px}.builder-thumb{background:#eef0f3;border-radius:7px;place-items:center;height:90px;display:grid;position:relative;overflow:hidden}.builder-thumb img,.builder-thumb video{object-fit:cover;width:100%;height:100%}.zone-editor h3{font-size:14px}.media-choice{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;width:145px;min-width:145px;padding:7px}.media-choice span{white-space:nowrap;text-overflow:ellipsis;margin:6px 0;display:block;overflow:hidden}.media-choice b{color:#2865eb;font-size:11px}.empty-zone{color:var(--muted);padding:18px}.screen-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.screen-options label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:11px;display:flex}.screen-options span{display:grid}.rotation-options{flex-wrap:wrap;gap:8px;display:flex}.always-option{align-items:center;gap:8px;display:flex}.save-programming{text-transform:uppercase;width:100%;height:50px;margin-top:16px}.save-programming:disabled{opacity:.5}@media (max-width:1000px){.builder-grid{grid-template-columns:1fr}.visual-preview{position:static}.screen-preview{max-width:320px;height:500px;margin:auto}}@media (max-width:650px){.screen-options{grid-template-columns:1fr}}.screen-preview{grid-template-rows:1fr 1fr}.programming-link{color:inherit;text-decoration:none}.programming-link:hover{text-decoration:underline}.zone-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.zone-toolbar .zone-tabs{margin:0}.open-library{padding:11px 16px}.selected-strip{min-height:208px}.selected-media{background:#fff;gap:9px;width:190px;min-width:190px;padding:10px}.selected-media .builder-thumb{height:108px}.selected-media strong{font-size:13px}.duration-control{gap:5px;display:grid}.duration-control>span{color:var(--muted);font-size:11px;font-weight:700}.duration-control>div{border:1px solid var(--line);border-radius:8px;grid-template-columns:34px 1fr auto 34px;align-items:center;height:38px;display:grid;overflow:hidden}.duration-control button{height:100%;font-size:19px;font-weight:700;background:#f5f7fa!important;border:0!important;border-radius:0!important}.duration-control input{text-align:center;appearance:textfield;border:0;width:100%;min-width:0;height:100%;font-weight:800}.duration-control input::-webkit-inner-spin-button{appearance:none}.duration-control em{color:var(--muted);padding-right:5px;font-size:11px;font-style:normal}.empty-zone{text-align:center;border:1px dashed var(--line);border-radius:10px;flex:1;place-content:center;gap:5px;min-height:160px;display:grid}.empty-zone span{color:var(--muted);font-size:12px}.media-modal-backdrop{z-index:100;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-modal{background:#fff;border-radius:18px;grid-template-rows:auto auto 1fr;width:min(1050px,100%);max-height:88vh;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000047}.media-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.media-modal h2{margin:0 0 4px;font-size:20px}.media-modal header p{color:var(--muted);margin:0}.modal-close{background:#f1f3f6;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.media-filters{border-bottom:1px solid var(--line);grid-template-columns:2fr repeat(3,1fr);gap:10px;padding:16px 22px;display:grid}.media-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 22px;display:grid;overflow:auto}.modal-media-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;gap:6px;padding:9px;display:grid}.modal-media-card:hover{border-color:#2865eb;box-shadow:0 0 0 2px #2865eb1f}.modal-media-card .builder-thumb{height:125px}.modal-media-card strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-media-card span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.modal-media-card b{color:#2865eb;font-size:12px}.modal-empty{text-align:center;color:var(--muted);padding:48px}@media (max-width:800px){.media-filters{grid-template-columns:1fr 1fr}.media-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.zone-toolbar{flex-direction:column;align-items:stretch}.media-modal-backdrop{padding:8px}.media-filters{grid-template-columns:1fr}.media-modal-grid{grid-template-columns:1fr 1fr;padding:12px}.media-modal header{padding:16px}.media-filters{padding:12px}}.zone-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.zone-totals>div{border:1px solid var(--line);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.zone-totals span{color:var(--muted);font-size:11px;font-weight:700}.zone-totals strong{font-size:18px}.zone-totals>div.active{background:#eef4ff;border-color:#2865eb}.zone-totals .balanced.ok{background:#edfff4;border-color:#12a150}.zone-actions{gap:8px;display:flex}.shuffle-button:disabled{opacity:.45}.balance-panel{background:#f5f8ff;border:1px solid #cddcff;border-radius:12px;grid-template-columns:minmax(200px,1fr) minmax(220px,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.balance-panel>div{gap:3px;display:grid}.balance-panel span{color:var(--muted);font-size:11px}.balance-panel .field{height:42px}.balance-button{white-space:nowrap;color:#174fc9;border-color:#2865eb;height:42px;font-weight:800}.balance-button:disabled{opacity:.45}@media (max-width:900px){.balance-panel{grid-template-columns:1fr}.zone-toolbar{flex-direction:column;align-items:stretch}.zone-actions{justify-content:space-between}}@media (max-width:520px){.zone-totals{grid-template-columns:1fr}.zone-actions{grid-template-columns:1fr 1fr;display:grid}}.campaign-lock{z-index:2;color:#714b00;background:#fff2bd;border:1px solid #f5c542;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.campaign-duration{background:#fff9df;border:1px solid #f3d675;border-radius:8px;gap:3px;margin-top:8px;padding:8px;display:grid}.campaign-duration span{font-weight:800}.campaign-duration small{color:#806000;font-size:10px}.selected-media:has(.campaign-lock){background:#fffdf5;border-color:#f3c84b}.reorder-hint{color:var(--muted);margin:0 0 12px;font-size:12px}.reorder-controls{grid-template-columns:36px 1fr 36px;gap:5px;display:grid}.reorder-controls button{height:36px;font-size:18px}.reorder-controls button:disabled{opacity:.35}.drag-handle{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;color:#174fc9;background:#eef4ff!important}.drag-handle:active{cursor:grabbing}.drag-handle span{font-size:12px}.selected-strip .builder-thumb img,.selected-strip .builder-thumb video{pointer-events:none}