:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#13243f;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:.68rem .9rem;color:#fff;background:#12376b;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #62bde8;outline-offset:2px}.button-secondary{color:#18365f;background:#e7eef7}.danger{color:#8f2130;background:#fde8e9}label{display:grid;gap:.4rem;font-size:.78rem;font-weight:750;color:#44566f}input,select{min-width:0;border:1px solid #c7d3e1;border-radius:8px;background:#fff;padding:.68rem .72rem;color:#13243f}h1,h2,h3,h4,p{margin-top:0}small{display:block;color:#697a90;margin-top:.25rem}.eyebrow{margin-bottom:.35rem;color:#337ba5;font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.muted{color:#64758b}.auth-shell,.center-state{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at 20% 10%,#e0f3f7,transparent 35%),#f3f6fa}.auth-card{width:min(430px,100%);border:1px solid #dce4ed;border-radius:18px;padding:2.2rem;text-align:left;background:#fffffff0;box-shadow:0 24px 70px #17375e1f}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:1.5rem;color:#fff;background:#0d294f}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;margin-bottom:1rem;color:#0d294f;background:#7bd4d4;font:800 1.5rem Georgia,serif}.sidebar h1{font-size:1.35rem}.sidebar nav{display:grid;gap:.35rem}.sidebar nav button{text-align:left;color:#c9d8ea;background:transparent}.sidebar nav button.active{color:#102d52;background:#89dddd}.sidebar-user{margin-top:auto;padding-top:1rem;border-top:1px solid #345072}.sidebar-user .button-secondary{width:100%;margin-top:1rem}.content{padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.filters,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.8rem;margin:1.5rem 0}.table-wrap{overflow:auto;border:1px solid #d8e1eb;border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.8rem .9rem;border-bottom:1px solid #e6ebf1;text-align:left;vertical-align:top}th{position:sticky;top:0;color:#52657b;background:#f6f8fb;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f9fa}.matrix-media-preview{width:58px}.matrix-media-preview .media-thumb{aspect-ratio:1;border-radius:7px}.matrix-media-missing{display:grid;width:58px;aspect-ratio:1;place-items:center;border:1px dashed #bdc9d6;border-radius:7px;color:#8290a1;background:#f1f4f7;font-size:.7rem;font-weight:850}.pill-row,.actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}.pill{display:inline-flex;border-radius:999px;padding:.22rem .55rem;color:#476079;background:#e9eef5;font-size:.68rem;font-weight:800}.pill.good,.good-notice{color:#11634e;background:#dff5ea}.pill.warn{color:#87540a;background:#fff0ce}.notice{margin-top:1rem;border-radius:9px;padding:.8rem}.notice.error{color:#922638;background:#fde8e9}.load-more{margin-top:1rem}.drawer-backdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#06183066}.drawer{width:min(700px,100%);height:100%;overflow-y:auto;padding:2rem;background:#f7f9fc;box-shadow:-20px 0 60px #00000029}.revision-list{display:grid;gap:.8rem}.revision-card,.panel,.channel-card{border:1px solid #d8e1eb;border-radius:12px;padding:1.1rem;background:#fff}.panel{display:grid;gap:1rem;margin:1rem 0}.file-row,.status-row,.release-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e3e9ef;padding:.8rem 0}.file-row label{flex:1;max-width:560px}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.channel-card.production{border-top:4px solid #193b6d}.channel-card.preview{border-top:4px solid #42a8a8}.meter{height:9px;overflow:hidden;border-radius:99px;margin:.8rem 0;background:#e7edf4}.meter span{display:block;height:100%;background:#43aaa7}.spinner{width:34px;height:34px;border:4px solid #d7e2ec;border-top-color:#1e6b98;border-radius:50%;animation:spin .8s linear infinite}.media-library{position:relative}.media-dropzone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:112px;margin:1.5rem 0;padding:1.25rem;border:2px dashed #aebfd0;border-radius:14px;background:#ffffffb3;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.media-dropzone.dragging{border-color:#238b91;background:#e6f7f5;box-shadow:0 0 0 4px #238b911f}.media-dropzone-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#176777;background:#dff4f2;font-size:1.5rem;font-weight:850}.media-dropzone strong{display:block}.media-dropzone small{margin-top:.35rem}.media-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:.8rem;margin:1.5rem 0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1rem;padding-right:min(0px,0vw)}.media-library:has(.media-details) .media-grid{padding-right:min(360px,32vw)}.media-tile{position:relative;display:block;min-width:0;padding:.65rem;text-align:left;color:#13243f;border:1px solid #d7e0ea;background:#fff}.media-tile:hover,.media-tile.selected{border-color:#2a8e99;box-shadow:0 8px 24px #143d5f1f}.media-tile>span:not(.media-thumb){display:block;overflow:hidden;margin-top:.65rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.media-tile em{position:absolute;top:.9rem;right:.9rem;border-radius:999px;padding:.2rem .45rem;color:#17495d;background:#dff8f6f2;font-size:.65rem;font-style:normal;font-weight:850}.media-thumb{display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:8px;background:#edf2f6}.media-thumb img{width:100%;height:100%;object-fit:contain}.media-thumb-placeholder{color:#78889b;font-size:.72rem;font-weight:800}.media-details{position:fixed;z-index:10;top:0;right:0;width:min(380px,100%);height:100vh;overflow:auto;padding:1.5rem;border-left:1px solid #d5dee8;background:#f8fafc;box-shadow:-18px 0 45px #0a234121}.media-details .media-thumb{margin:3.5rem 0 1.5rem}.media-details-close{position:absolute;top:1.5rem;right:1.5rem}.media-details dl{display:grid;grid-template-columns:110px 1fr;gap:.5rem 1rem;margin:1.4rem 0;font-size:.83rem}.media-details dt{color:#66798f}.media-details dd{margin:0;overflow-wrap:anywhere;font-weight:700}.media-assignment-list{margin-top:1.5rem}.media-assignment-list>div{padding:.7rem 0;border-top:1px solid #dde5ed}.media-picker{margin:1.5rem 0;padding:1rem;border:1px solid #cfdce7;border-radius:12px;background:#eef8f8}.media-picker form{display:grid;grid-template-columns:1fr auto;gap:.5rem}.media-picker-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.media-picker-results button{min-width:0;padding:.45rem;text-align:left;color:#18334f;background:#fff;border:1px solid #d4e0e8}.media-picker-results button>span:not(.media-thumb){display:block;overflow:hidden;margin-top:.35rem;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.current-assignment{background:#fff}.current-assignment-preview{width:min(300px,100%);margin:1rem 0}.current-assignment-preview .media-thumb{aspect-ratio:auto;min-height:220px}.current-assignment .empty-state{min-height:180px}.empty-state{display:grid;min-height:300px;place-items:center;align-content:center;padding:2rem;text-align:center;border:1px dashed #c5d1de;border-radius:14px;background:#ffffff8c}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-user{display:none}.channel-grid{grid-template-columns:1fr}.media-dropzone{grid-template-columns:auto 1fr}.media-dropzone button{grid-column:1 / -1}.media-toolbar{grid-template-columns:1fr 1fr}.media-library:has(.media-details) .media-grid{padding-right:0}.media-details{top:auto;bottom:0;width:100%;height:82vh;border-top:1px solid #d5dee8}}