:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#f4eddf;background:#181d18}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #46503d}a{color:#edc66c}h1{font-size:clamp(28px,5vw,44px);line-height:1.35}h2{font-size:20px}p{line-height:1.65}.hint,footer{color:#b7c0ae;font-size:14px}.notice{border-left:3px solid #e9ba5d;background:#2d3529;padding:14px}section{margin:24px 0}button,input{font:inherit}button,.upload{background:#e7bc66;color:#221c10;border:0;border-radius:8px;padding:12px;cursor:pointer}button:disabled{opacity:.4;cursor:default}input[type=password]{background:#293325;color:#fff;border:1px solid #66745a;padding:12px;border-radius:8px;width:min(100%,400px);margin:8px}input[type=number]{width:70px;padding:8px}input[type=file]{max-width:100%;margin:12px 0}.bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.slide{border:1px solid #4a5542;border-radius:10px;padding:12px}.slide img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#060806}.slide p{overflow-wrap:anywhere}.slide button{margin:6px}.error{color:#ffb9a9}#status{color:#edc66c}footer{margin:36px 0}body.tv{background:#000;overflow:hidden}.tv #screen{height:100vh;width:100vw;display:grid;place-items:center}.tv #screen img{height:100%;width:100%;object-fit:contain}.tv #screen p{color:#eee;font-size:clamp(24px,4vw,64px);text-align:center}.tv #tools{position:fixed;top:12px;right:12px;background:#172017dd;padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:opacity .3s}.tv.idle #tools{opacity:0;pointer-events:none}.tv #state{font-size:12px;max-width:240px}.tv #screen img{min-height:0;min-width:0}@media(max-width:600px){header,main{padding:16px}input[type=password]{margin:8px 0}header{font-size:14px}}