:root{font-family:Segoe UI,Arial,sans-serif;color:#18302d;background:#f3f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:#fff;border-bottom:1px solid #dce4dd}.brand{display:flex;gap:12px;align-items:center;font-size:32px;font-weight:800;color:#286348}.brand>span{font-size:18px;letter-spacing:2px}.sub{display:block;font-size:10px;letter-spacing:3px;margin-top:3px;color:#647970}.badge,.count{font-size:11px;letter-spacing:1px;background:#eaf1e9;color:#365b43;padding:8px 12px;border-radius:20px}main{max-width:1300px;margin:auto;padding:48px 5% 20px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:26px}h1{font-size:36px;letter-spacing:-1px;margin:8px 0 14px}h2{font-size:23px;margin:6px 0 10px}p{line-height:1.6;color:#62736b}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0;color:#517c60}.display{min-width:250px;padding:22px;background:#e6eee4;border-radius:12px;font-weight:600}.display small,.display strong{display:block;margin-top:12px;font-size:12px;color:#526b59}.dot{display:inline-block;width:8px;height:8px;background:#7c9380;border-radius:50%;margin-right:8px}#notice{min-height:42px;padding:10px 14px;border:1px solid #dae3d8;background:#fff;border-radius:8px;font-size:13px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid #dde5dc;border-radius:14px;padding:26px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.upload-label{display:block;font-weight:600;padding:18px;background:#f5f7f2;border:1px dashed #b6c6b4;border-radius:8px;margin:16px 0 12px}.upload-label small{display:block;font-weight:400;color:#758272;font-size:12px;margin-top:6px}input[type=file]{display:block;width:100%;margin:12px 0 16px;font-size:12px}button{background:#286348;color:white;border:0;padding:11px 16px;border-radius:7px;font-weight:600;cursor:pointer}button:hover{background:#1c4a34}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf0e7;color:#365844}.secondary:hover{background:#dce6d7}.library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.asset{border:1px solid #e0e6dd;border-radius:9px;overflow:hidden;min-width:0}.asset img,.asset video{width:100%;height:110px;object-fit:contain;background:#172b26}.asset-info{padding:12px}.asset strong{display:block;font-size:13px;overflow-wrap:anywhere;margin-bottom:8px}.asset small{display:block;font-size:10px;color:#758272;margin-bottom:10px}.asset button{font-size:11px;padding:8px 12px}.helper{font-size:12px}ol{list-style:none;padding:0;min-height:120px}li{background:#f5f7f2;padding:14px;border-radius:8px;margin-bottom:10px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between}.row strong{font-size:13px;overflow-wrap:anywhere}.duration{display:flex;gap:8px;align-items:center;font-size:11px;margin:12px 0}.duration input{width:85px;padding:7px;border:1px solid #c8d4c5;border-radius:5px}.tools{display:flex;gap:6px}.tools button{padding:5px 9px;font-size:11px}.actions{display:flex;gap:10px;border-top:1px solid #e3e9df;padding-top:18px}.published{margin-top:24px}#published{font-size:13px;line-height:1.8;color:#526b59}footer{font-size:11px;color:#84907f;padding:24px 0}.empty{font-size:13px;color:#82907c;padding:20px 0}@media(max-width:800px){.columns{grid-template-columns:1fr}.intro{display:block}.display{margin-top:20px}h1{font-size:28px}.panel{padding:20px}.badge{font-size:9px}}
[hidden]{display:none!important}.header-actions{display:flex;gap:12px;align-items:center}.auth-panel{max-width:480px;margin:40px auto}.auth-panel label,.pair-form label{display:block;font-size:13px;font-weight:600;margin:16px 0}.auth-panel input,.pair-form input{display:block;width:100%;margin-top:8px;border:1px solid #c8d4c5;border-radius:6px;padding:12px;font:inherit}.pair-form{display:flex;gap:16px;align-items:center}.pair-form label{flex:1}.pair-form button{margin-top:20px}#pairing-code:not(:empty){background:#eaf1e9;padding:18px;border-radius:8px;margin:16px 0;font-size:14px;line-height:1.8}#pairing-code code{display:block;font-size:20px;font-weight:700;letter-spacing:2px}.device-row{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #e0e6dd;padding:16px 0}.device-row small{display:block;color:#758272;margin-top:6px}.device-row strong{overflow-wrap:anywhere}@media(max-width:600px){.pair-form{display:block}.header-actions{gap:4px}.device-row{gap:8px}}
.playlist-manager{padding:16px;background:#f5f7f2;border-radius:8px;margin:16px 0}.playlist-manager label,.assignment-controls label{display:block;font-size:12px;font-weight:600}.playlist-manager input,.playlist-manager select,.assignment-controls select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #c8d4c5;border-radius:6px;background:white;color:#18302d;font:inherit}.playlist-name-row,#new-playlist-form{display:flex;gap:10px;align-items:end;margin-top:14px}.playlist-name-row label,#new-playlist-form label{flex:1}.assignment-controls{min-width:210px}.assignment-controls button{margin-top:8px}.device-row{flex-wrap:wrap}.device-row>div:first-child{flex:1;min-width:180px}@media(max-width:600px){.playlist-name-row,#new-playlist-form{display:block}.playlist-manager button{margin-top:8px}.assignment-controls{width:100%}}
main{max-width:1600px}.columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.library{grid-template-columns:1fr;gap:10px}.asset{display:flex;align-items:stretch}.asset img,.asset video{width:130px;min-width:130px;height:110px;margin:12px;border-radius:6px}.asset-info{flex:1;min-width:0}.media-actions{display:flex;gap:8px;margin-top:10px}.media-usage{font-size:12px;color:#526b59;margin-top:6px}.media-usage summary{cursor:pointer}.media-usage p{font-size:11px;margin:5px 0}.library-toolbar{border-top:1px solid #e0e6dd;margin-top:24px;padding-top:18px}.library-toolbar label{display:block;font-size:12px;font-weight:600;min-width:0}.library-toolbar input,.library-toolbar select{display:block;width:100%;margin-top:6px;border:1px solid #c8d4c5;border-radius:6px;padding:10px;background:white;color:#18302d;font:inherit}.library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.library-pagination,.upload-actions{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:16px}.library-pagination{justify-content:space-between}.upload-actions span{color:#62736b}#upload-results:empty{display:none}#upload-results{min-height:0;max-height:180px;overflow:auto;font-size:12px;margin-top:16px}#upload-results li{padding:8px;overflow-wrap:anywhere}.upload-failed{color:#9d3028;background:#fff0ed}.upload-success{color:#286348}#retry-uploads{margin-bottom:8px}@media(max-width:1000px){.columns{grid-template-columns:1fr}}@media(max-width:500px){.library-filters{grid-template-columns:1fr}.asset img,.asset video{width:85px;min-width:85px;height:85px;margin:8px}.asset-info{padding:10px}.upload-actions{flex-wrap:wrap}}
.download-package{display:inline-block;background:#286348;color:white;padding:10px 16px;border-radius:7px;text-decoration:none;font-weight:600;margin-bottom:8px}.download-package:hover{background:#1c4a34}.download-package:focus-visible{outline:3px solid #86ad93;outline-offset:3px}
.player-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:14px 0 0}.player-facts div{min-width:0}.player-facts dt{font-size:10px;color:#758272;font-weight:600;letter-spacing:.3px}.player-facts dd{margin:4px 0 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.status-note{padding:9px 12px;background:#f3f6ef;border-radius:6px;font-size:11px;margin:12px 0}.player-details{font-size:12px;color:#526b59}.player-details summary{cursor:pointer}.player-details p{font-size:11px}.device-row>div:first-child{min-width:260px}@media(max-width:650px){.player-facts{grid-template-columns:1fr}.device-row>div:first-child{min-width:0;width:100%}}