@font-face{font-family:Library;src:url('assets/fonts/RobotoVariable.ttf');font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ffffff;color:#111111;font:15px/1.5 Library,Helvetica,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a.button{border:1px solid #dddddd;background:#ffffff;color:#790000;cursor:pointer;border-radius:12px;padding:11px 17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button.primary,a.primary{background:#a00000;color:white;border-color:#a00000}button:hover,a.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #a00000;outline-offset:3px}.wrap{max-width:1440px;padding:30px 38px 72px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px}.brand{text-decoration:none;font-size:19px;font-weight:620}.brand span{color:#a00000}nav,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}h1{font-size:clamp(30px,5vw,56px);font-weight:580;line-height:1.08;letter-spacing:0;margin:0 0 18px}h2{font-size:25px;font-weight:580;margin:0 0 15px}h3{font-size:16px;margin:0 0 10px;font-weight:600}p{max-width:760px;color:#555555;margin:0 0 22px}.hero{display:grid;grid-template-columns:.8fr 1.45fr;gap:48px;align-items:center;margin:25px 0 48px}.screen{aspect-ratio:16/9;background:#790000;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #42000022}video{display:block;width:100%;height:100%;object-fit:contain}.meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 2px 0;color:#555555;font-size:13px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:38px 0 20px}.section-top h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}figure{margin:0}.tile{aspect-ratio:16/9;background:#ffffff;border-radius:14px;overflow:hidden}.tile video{cursor:pointer}.meta a{text-decoration:none}.downloads{margin-top:44px;border-top:1px solid #dddddd;padding-top:26px}.note{font-size:13px;margin-top:25px;color:#666666}.editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:28px;align-items:start}.preview-col{position:sticky;top:24px}.preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#7d0a26;box-shadow:0 15px 50px #42000022}.preview iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform-origin:0 0}.timeline{display:flex;align-items:center;gap:12px;margin-top:15px}.timeline input{flex:1;accent-color:#a00000}.panel{background:#ffffff;border:1px solid #dddddd;border-radius:15px;padding:20px;margin-bottom:16px}label{display:block;margin:0 0 16px;font-size:13px;color:#555555}label:last-child{margin-bottom:0}input[type=text],textarea,select{display:block;width:100%;padding:10px 12px;margin-top:5px;border:1px solid #dddddd;background:#fff;color:#111111;border-radius:9px}textarea{resize:vertical;min-height:55px;line-height:1.4}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.palette label{margin:0}.palette input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #dfb5bc;border-radius:9px;padding:4px;cursor:pointer}details summary{cursor:pointer;font-size:16px;font-weight:580}details[open] summary{margin-bottom:16px}.image-slot{border-top:1px solid #eeeeee;padding:12px 0;display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center}.image-slot img{width:72px;height:60px;object-fit:cover;background:#ffffff;border-radius:7px}.image-slot label{margin:0}.image-slot input{display:block;max-width:100%;font-size:11px;margin-top:5px}#status{white-space:pre-wrap;font-size:13px;line-height:1.5;margin-top:14px}.status-good{color:#335842}.status-bad{color:#a00000}.save-row{display:flex;gap:10px;flex-wrap:wrap}.guide{max-width:850px}.guide h1{font-size:44px}.guide h2{margin-top:34px}.guide li{margin:10px 0}.guide code{background:#f4f4f4;border-radius:4px;padding:2px 5px;font-size:13px}.guide pre{overflow:auto;padding:16px;background:#f4f4f4;border-radius:10px}.guide pre code{padding:0}.guide p{color:#444444}.locked{font-size:13px;color:#555555;margin-top:16px}footer{margin-top:42px;border-top:1px solid #dddddd;padding-top:19px;font-size:12px;color:#666666}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:24px}.hero p{max-width:640px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor{grid-template-columns:1fr}.preview-col{position:static}}@media(max-width:600px){.wrap{padding:22px 18px 45px}header{align-items:start;margin-bottom:26px;flex-direction:column}nav{font-size:13px}.hero{margin-top:10px}.grid{grid-template-columns:1fr;gap:22px}.actions .button{font-size:13px}.section-top{align-items:start;flex-direction:column}.palette{grid-template-columns:repeat(3,1fr)}.guide h1{font-size:34px}}
.screen,.tile{position:relative}.video-cover{position:absolute;inset:0;border:0;padding:0;margin:0;width:100%;height:100%;border-radius:inherit;display:block;background:#790000;overflow:hidden}.video-cover[hidden]{display:none}.video-cover img{display:block;width:100%;height:100%;object-fit:cover}.video-cover span{position:absolute;left:16px;bottom:15px;background:#ffffffed;color:#790000;border:1px solid #ffffffa0;border-radius:25px;padding:8px 15px;font-size:13px;box-shadow:0 3px 14px #31000030}.video-cover:hover{filter:none}.video-cover:hover span{background:white}