@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172620;background:#f5f6f1}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:14px;padding:24px max(5vw,24px);border-bottom:1px solid #dce2d7;background:#fff}.brand{position:relative;width:46px;height:46px;border-radius:14px;background:#164a38;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.brand span{position:absolute;top:2px;right:6px;color:#f8c462;font-size:19px}small,.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#678072}header h1{font-size:20px;margin:1px 0 0}header small{font-size:9px}.tag{margin-left:auto;border:1px solid #d7e3d6;border-radius:99px;padding:8px 13px;color:#39624b;font-size:12px}main{max-width:1300px;margin:auto;padding:42px 5vw}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.intro h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em;line-height:1.04;margin:10px 0 18px}.intro em{font-family:'Playfair Display',Georgia,serif;color:#27785a;letter-spacing:-.04em}.intro p:last-child{max-width:500px;color:#64746a;line-height:1.6}.pilot{background:#e8efe5;border-radius:18px;padding:24px;max-width:280px;display:grid;gap:10px}.pilot b{font-size:12px;color:#27785a}.pilot strong{font-size:20px}.pilot span{font-size:13px;line-height:1.5;color:#5b6e60}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h3{font-size:25px;margin:5px 0}.section-title span,.hint{color:#819085;font-size:12px}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.screen-card{background:#fff;border:1px solid #e2e8de;border-radius:18px;padding:15px;box-shadow:0 5px 18px #193d2410}.screen-preview{aspect-ratio:16/10;background:#163a2e;border-radius:10px;display:grid;place-items:center;color:#b7d0bd;overflow:hidden}.screen-preview img,.screen-preview video{width:100%;height:100%;object-fit:cover}.screen-card h4{margin:16px 0 3px}.screen-card p{font-size:12px;color:#839087;margin:0 0 14px}.screen-card select{width:100%}.screen-card a{display:block;margin-top:12px;font-size:12px;color:#23704f}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:55px}.upload{display:block;border:1px dashed #82a492;border-radius:14px;padding:20px;text-align:center;background:#eef4ed;color:#246444;font-weight:700;cursor:pointer}.upload input{display:none}.media-list,.playlist-card{margin-top:14px}.media-row{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #e1e7df;border-radius:12px;margin-bottom:8px}.thumb{width:54px;height:42px;border-radius:7px;background:#dce9dc;display:grid;place-items:center;overflow:hidden;color:#287b56}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.media-row div:nth-child(2){min-width:0;flex:1}.media-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.media-row small{letter-spacing:0;color:#829086}button,select,input{font:inherit}button{border:0;background:#18543c;color:white;border-radius:9px;padding:11px 15px;cursor:pointer;font-weight:700}button:hover{background:#287354}button:disabled{opacity:.5}select,input:not([type=file]){border:1px solid #d6e2d6;border-radius:9px;padding:10px;background:#fff;color:#183426}#new-playlist{display:flex;gap:8px}#new-playlist input{flex:1;min-width:0}.playlist-card{background:#fff;border:1px solid #e1e7df;border-radius:14px;padding:16px}.playlist-card h4{margin:0 0 4px}.playlist-card p{color:#8a978d;font-size:12px;margin:0 0 14px}.playlist-card label{display:flex;align-items:center;gap:8px;padding:5px;font-size:13px}.playlist-card input{accent-color:#27785a}.empty{color:#8a978d;font-size:13px;padding:16px;background:#fff;border-radius:12px}#notice:not(:empty){padding:12px 16px;border-radius:10px;background:#e5efe2;margin-bottom:22px;color:#235d3d}footer{border-top:1px solid #dce2d7;padding:25px 5vw;display:flex;justify-content:space-between;color:#698073;font-size:12px}@media(max-width:900px){.screen-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}}@media(max-width:600px){.intro{display:block}.pilot{margin-top:25px}.screen-grid{grid-template-columns:1fr}.tag{font-size:10px}#new-playlist{flex-direction:column}}

.playlist-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item button{padding:3px 7px;background:#e8efe5;color:#235d3d}.playlist-item button:hover{background:#cce0ce}

#login:not([hidden]){display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce2d7;border-radius:12px;padding:16px;margin-bottom:20px}#login input{flex:1;min-width:100px}@media(max-width:600px){#login:not([hidden]){flex-direction:column;align-items:stretch}}
.site-link{margin-left:auto;color:#205f43;font-size:13px}.account-link{color:#205f43;font-size:13px;font-weight:700}.account-link+.tag{margin-left:0}.quick-update{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#dcebe0;border:1px solid #c8dfce;border-radius:20px;padding:24px;margin-bottom:45px}.quick-update h3{font-size:24px;margin:5px 0}.quick-update p:last-child{font-size:13px;color:#526c5b;margin:0}.quick-update form{display:flex;gap:9px;flex-wrap:wrap}.quick-update select{max-width:220px}@media(max-width:800px){.quick-update{display:block}.quick-update form{margin-top:18px}.quick-update select,.quick-update button{width:100%;max-width:none}}@media(max-width:600px){header{flex-wrap:wrap}.site-link{order:4;margin-left:0}.tag{margin-left:auto}}
.delete-button{background:#f8ece9;color:#8a352a;padding:7px 10px;font-size:12px}.delete-button:hover{background:#f0d8d2}.playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.playlist-heading h4{margin:0}
.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.dashboard-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;margin:4px 0}.dashboard-heading p:last-child{color:#64746a;margin:0}.pilot-badge{background:#e8efe5;color:#246444;border-radius:99px;padding:9px 14px;font-size:12px;font-weight:700;white-space:nowrap}.quick-update{margin-bottom:38px}.work-grid{margin-top:42px}@media(max-width:600px){.dashboard-heading{align-items:start;flex-direction:column}.quick-update{padding:20px}}
.new-screen{display:flex;gap:8px;margin:0 0 18px}.new-screen input{min-width:0;width:260px}@media(max-width:600px){.new-screen{flex-direction:column}.new-screen input{width:100%}}

.playlist-card .playlist-item{display:flex;align-items:center;gap:6px;padding:5px 0;min-width:0}.playlist-card .playlist-item label{display:flex;align-items:center;gap:6px;padding:0;flex:1;min-width:0}.playlist-card .slide-seconds{width:58px;min-width:58px;padding:5px}.playlist-card .playlist-item small{letter-spacing:0;font-size:11px}

.screen-card .screen-location{font-weight:700;color:#326b4a;margin:5px 0}.screen-card button[data-edit-screen],.screen-card button[data-delete-screen]{margin:10px 8px 0 0}.screen-dialog{border:1px solid #dce2d7;border-radius:18px;padding:24px;width:min(420px,calc(100vw - 32px));box-shadow:0 24px 80px #142c2150}.screen-dialog::backdrop{background:#11291ac0}.screen-dialog form{display:grid;gap:9px}.screen-dialog h2{margin:0 0 12px}.screen-dialog label{font-size:13px;font-weight:700}.screen-dialog input{width:100%;padding:10px;border:1px solid #d6e2d6;border-radius:9px;margin-bottom:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

.brand img,.account-brand img{display:block;width:46px;height:46px;border-radius:12px;flex-shrink:0}

.screen-card .screen-link-status{display:inline-block;margin:8px 0;padding:5px 9px;border-radius:99px;background:#edf1f6;color:#223b60;font-weight:700}.upload[aria-busy="true"]{opacity:.65;cursor:wait}.upload-status{font-size:13px;overflow-wrap:anywhere;background:#fff;border:1px solid #dce2d7;border-radius:12px;padding:12px;margin:12px 0}.upload-status p{margin:0}.upload-status ul{margin:8px 0 0;padding-left:20px;color:#8a352a}

.playlist-heading h4{flex:1;min-width:0;overflow-wrap:anywhere}.rename-playlist{background:#e8efe5;color:#235d3d;padding:7px 10px;font-size:12px}.playlist-heading{flex-wrap:wrap}#rename-playlist-status:empty{display:none}#rename-playlist-status{font-size:13px;color:#8a352a;margin:0}

#quick-upload-button{background:#fff;color:#18543c;border:1px solid #a4c2ae}#quick-upload-status{flex-basis:100%;margin:0}#quick-upload-status p{font-size:13px;line-height:1.45}.quick-update>div{min-width:0}.quick-update form{min-width:0}#quick-upload-status{overflow-wrap:anywhere}

.media-tools{display:flex;gap:8px;margin-bottom:8px}.media-tools input{flex:1;min-width:0}.media-tools select{max-width:130px}.preview-media{background:#e8efe5;color:#235d3d;padding:7px 10px;font-size:12px}.media-preview-dialog{width:min(900px,calc(100vw - 24px));border:1px solid #dce2d7;border-radius:16px;padding:18px}.media-preview-dialog::backdrop{background:#101b24bd}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-heading h2{font-size:20px;overflow-wrap:anywhere}.preview-heading button{flex-shrink:0}#media-preview-body{display:grid;place-items:center;background:#111b29;border-radius:10px;overflow:hidden}#media-preview-body img,#media-preview-body video{max-width:100%;max-height:65vh;display:block}#media-preview-error{font-size:13px;color:#8a352a}#media-preview-error:empty{display:none}.customer-setup{background:#fff;border:1px solid #dce2d7;border-radius:16px;padding:20px;margin-bottom:24px}.customer-setup h3{margin:0 0 12px;font-size:20px}.customer-setup ol{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.customer-setup li{font-size:13px}.customer-setup a{color:#18543c;font-weight:700}.customer-setup .complete{color:#6b796f}@media(max-width:600px){.media-row{flex-wrap:wrap}.media-row div:nth-child(2){flex-basis:calc(100% - 70px)}.customer-setup ol{display:grid;gap:10px}.media-tools{flex-wrap:wrap}.media-tools input{min-width:150px}}

.playlist-summary{overflow-wrap:anywhere;line-height:1.6}.playlist-editor{width:min(640px,calc(100vw - 24px));max-height:90vh;border:1px solid #dce2d7;border-radius:16px;padding:22px;color:#172620}.playlist-editor::backdrop{background:#101b24bd}.playlist-editor h2{margin:0 0 10px;overflow-wrap:anywhere}.editor-item{padding:12px 0;border-bottom:1px solid #e1e7df}.editor-item>label{display:flex;align-items:center;gap:10px;font-size:14px;overflow-wrap:anywhere}.editor-item input[type=checkbox]{accent-color:#27785a;width:20px;height:20px;flex-shrink:0}.editor-item-controls{display:flex;align-items:center;gap:8px;margin:10px 0 0 30px}.editor-duration{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:13px}.editor-duration input{width:90px}.editor-item-controls>.hint{margin-right:auto}.editor-item-controls button{padding:8px 13px;background:#e8efe5;color:#235d3d}#playlist-editor-status{font-size:13px;color:#8a352a}#playlist-editor-status:empty{display:none}.playlist-editor .dialog-actions{position:sticky;bottom:-22px;background:#fff;padding:14px 0;margin-top:12px}.playlist-editor button:disabled{cursor:wait}