.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.device-grid span{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border,#22324a);border-radius:10px;color:#91a4bb;font-size:12px}.device-grid strong{color:#f5f7fb;font-size:13px}.suite-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suite-list div{padding:18px;border:1px solid var(--border,#22324a);border-radius:12px;display:flex;flex-direction:column}.suite-list strong{font-size:28px}.suite-list span{color:#93a6bc;font-size:13px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tag{font-size:11px;border:1px solid #29425f;background:#101e31;color:#b9c8d8;border-radius:999px;padding:4px 8px}.filter-row{margin:0 0 16px}.warn-pill{border-color:#7a5a1a!important;color:#ffd67a!important}.good-pill{border-color:#245a49!important;color:#78e4b9!important}.playlist-edit-row{display:grid;grid-template-columns:minmax(260px,1fr) 110px 170px;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid #1f3045}.playlist-edit-row .check{align-self:center}.playlist-edit-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#9fb0c4}.playlist-edit-row .check{display:grid;grid-template-columns:22px 1fr auto;gap:8px;color:#f5f7fb}.playlist-edit-row .check span{color:#8295aa;font-size:11px;text-transform:uppercase}.playlist-edit-row input,.playlist-edit-row select{width:100%}.fit-help{margin-top:18px;padding:14px;border-radius:10px;background:#0b1728;border:1px solid #21344c;color:#9fb1c6;font-size:13px;line-height:1.5}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-check{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #263950;border-radius:9px;background:#0e1a2b}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:360px;overflow:auto}.check-list.compact{max-height:220px}.check-list .check{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #263950;border-radius:9px}.check-list .check span{display:flex;flex-direction:column}.check-list small{color:#8396ab}.btn-small{padding:6px 9px;font-size:12px}.layout-mini{position:relative;width:100%;aspect-ratio:16/9;background:#050c15;border:1px solid #294058;border-radius:12px;overflow:hidden;margin-bottom:14px}.layout-mini.portrait{aspect-ratio:9/16;max-height:260px;width:auto;margin-inline:auto}.layout-mini span{position:absolute;border:1px solid #5ee3c1;background:rgba(94,227,193,.12);display:flex;align-items:center;justify-content:center;color:#9bf0d9;font-size:11px}.modal-wide{width:min(1000px,94vw)!important;max-width:none!important}.modal-designer{width:min(1280px,96vw)!important;max-width:none!important;height:min(860px,94vh);display:flex;flex-direction:column}.designer-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto 1fr;gap:14px;padding:16px 20px;min-height:0;flex:1}.designer-toolbar{grid-column:1/-1;display:flex;align-items:center;gap:10px}.designer-stage-wrap{min-height:0;display:flex;align-items:center;justify-content:center;background:#050b12;border:1px solid #1d3045;border-radius:14px;padding:18px}.designer-stage{position:relative;width:min(100%,900px);aspect-ratio:16/9;background:#111a26;border:2px solid #30475f;overflow:hidden;touch-action:none}.designer-stage.portrait{height:100%;width:auto;max-height:620px;aspect-ratio:9/16}.designer-zone{position:absolute;border:2px solid #59e1bd;background:rgba(89,225,189,.13);display:flex;align-items:center;justify-content:center;color:#d7fff4;font-weight:700;cursor:move;user-select:none}.designer-zone.selected{outline:2px solid #fff;outline-offset:2px}.resize-handle{position:absolute;width:16px;height:16px;right:-1px;bottom:-1px;background:#fff;border:2px solid #59e1bd;cursor:nwse-resize}.designer-inspector{border:1px solid #21354b;border-radius:12px;padding:14px;background:#0b1625;overflow:auto}.designer-actions{padding:14px 20px;border-top:1px solid #1f3044}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}
.suite-nav-break{padding:18px 14px 7px;color:#60758c;font-size:10px;font-weight:800;letter-spacing:.12em}.suite-hero{border-bottom:1px solid #1d3045;padding-bottom:20px}.suite-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#59e1bd;font-weight:800;margin-bottom:6px}.suite-org-picker{display:flex;align-items:center;gap:8px;color:#92a5bb;font-size:12px}.suite-org-picker select{min-width:190px}.suite-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.suite-metric{padding:18px;border:1px solid #21354c;border-radius:14px;background:#0b1625;display:flex;flex-direction:column;gap:5px}.suite-metric span{color:#879bb1;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.suite-metric strong{font-size:25px;color:#f6f9fd}.suite-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;margin:16px 0}.suite-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #1c2d41}.suite-row:last-child{border-bottom:0}.suite-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.suite-row span,.suite-row small{color:#8498ae;font-size:12px}.suite-row .bad{color:#ff9e9e}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.template-grid .card{margin:0}.checklist{display:grid;gap:4px}.suite-validation{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #1d3045}.suite-validation:last-child{border-bottom:0}.suite-validation>div{display:flex;flex-direction:column;gap:4px}.suite-validation span{font-size:12px;color:#8397ad}.suite-validation select{width:100%}.panel+.panel{margin-top:16px}code{background:#091320;border:1px solid #1d3045;border-radius:5px;padding:2px 5px;color:#bfeee2}
@media(max-width:900px){.device-grid,.suite-list,.field-grid,.check-list,.suite-metrics,.suite-grid,.template-grid{grid-template-columns:1fr}.playlist-edit-row{grid-template-columns:1fr}.designer-body{grid-template-columns:1fr}.designer-inspector{display:none}.day-grid{grid-template-columns:repeat(4,1fr)}.suite-validation{grid-template-columns:1fr}.suite-org-picker{width:100%;align-items:flex-start;flex-direction:column}.suite-org-picker select{width:100%}}