:root{color-scheme:light;--bg:#f5f6f8;--panel:#ffffff;--line:#e4e7ec;--text:#111827;--muted:#667085;--subtle:#f9fafb;--danger:#b42318}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{max-width:1180px;margin:0 auto;padding:36px 20px 80px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.header h1{font-size:28px;margin:0 0 6px;letter-spacing:-.03em}.header p{margin:0;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.loginCard{width:min(440px,calc(100vw - 40px));margin:12vh auto 0;padding:28px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;color:#475467;font-weight:600}.input,.select{width:100%;height:42px;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;background:white;color:#101828;outline:none}.input:focus,.select:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.13)}.button{height:40px;border:1px solid #101828;border-radius:9px;padding:0 14px;background:#101828;color:white;font-weight:650}.button.secondary{background:white;color:#344054;border-color:#d0d5dd}.button.danger{background:white;color:var(--danger);border-color:#fecdca}.button:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;gap:20px;align-items:start}.sidebar{padding:12px;position:-webkit-sticky;position:sticky;top:18px}.sidebarTitle{align-items:center;padding:8px 8px 12px}.deviceItem,.sidebarTitle{display:flex;justify-content:space-between}.deviceItem{width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:10px;gap:10px}.deviceItem:hover{background:#f9fafb}.deviceItem.active{background:#f2f4f7}.deviceName{font-weight:650;margin-bottom:5px}.muted{color:var(--muted);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#98a2b3;flex:none}.dot.online{background:#12b76a;box-shadow:0 0 0 3px #ecfdf3}.empty{text-align:center;color:var(--muted);padding:54px 24px}.mainPanel{padding:24px;min-width:0}.sectionHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.sectionHeader h2{margin:0 0 5px;font-size:21px}.metaRow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}.displayUrl{margin:14px 0 22px;background:#f9fafb;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.settingsRow{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:12px;gap:12px;align-items:end;margin-bottom:24px}.uploadBox{border:1.5px dashed #cfd4dc;border-radius:12px;padding:22px;background:#fcfcfd;margin-bottom:20px}.uploadTop{display:flex;justify-content:space-between;align-items:center;gap:16px}.uploadHint{font-size:13px;color:var(--muted);margin-top:6px}.fileInput{max-width:100%}.slideList{display:flex;flex-direction:column;gap:10px}.slide{display:grid;grid-template-columns:110px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:white}.thumb{width:110px;aspect-ratio:16/9;object-fit:cover;background:#101010;border-radius:8px}.slideName{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.slideControls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.duration{width:75px;padding:0 8px}.duration,.iconButton{height:34px;border:1px solid #d0d5dd;border-radius:8px}.iconButton{min-width:34px;background:white;color:#344054}.iconButton:disabled{opacity:.35}.error{border:1px solid #fecdca;background:#fef3f2;color:#b42318;border-radius:9px}.error,.success{margin:12px 0;padding:10px 12px;font-size:13px}.success{border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:9px}.separator{height:1px;background:var(--line);margin:22px 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#f2f4f7;color:#475467;font-size:12px}.signageRoot{position:fixed;inset:0;overflow:hidden;background:#000;-moz-user-select:none;user-select:none;-webkit-user-select:none}.signageImage{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .24s linear}.signageImage.active{opacity:1}.signageEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#777;background:#000;font-size:18px}@media (max-width:820px){.grid{grid-template-columns:1fr}.sidebar{position:static}.settingsRow{grid-template-columns:1fr}.slide{grid-template-columns:86px minmax(0,1fr)}.thumb{width:86px}.slide>:last-child{grid-column:1/-1;justify-self:end}}