*{box-sizing:border-box} :root{color-scheme:dark;font-family:Arial,sans-serif;background:#0d1217;color:#e7edf2}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #384550;background:#222d35;color:#e7edf2;border-radius:7px;padding:10px 15px;font-size:14px}button:hover{background:#32424c}button:disabled{opacity:.55;cursor:wait}button.primary{background:#c3ff55;color:#15210c;border-color:#c3ff55;font-weight:700}header{height:88px;padding:18px 32px;border-bottom:1px solid #2d373f;display:flex;justify-content:space-between;align-items:center;background:#151c22}.brand{display:flex;align-items:center;gap:13px}.mark{font:42px monospace;color:#c3ff55;width:43px;height:49px;text-align:center;border:1px solid #55653c;border-radius:10px}.brand strong{display:block;font-size:17px;letter-spacing:.12em}.brand span{display:block;color:#8b9bA8;font:12px monospace;letter-spacing:.15em;margin-top:5px}nav{display:flex;gap:8px}main{display:grid;grid-template-columns:minmax(540px,1fr) minmax(370px,470px);gap:32px;max-width:1540px;margin:auto;padding:28px 32px}.editor{min-width:0}.sectiontitle,.codehead,.previewhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:23px;margin:0}h2{font-size:15px;margin:0}#mode{font:12px monospace;color:#899ba7;letter-spacing:.07em}.metagrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;color:#a4b3bd;margin-bottom:16px}input:not([type=checkbox]):not([type=range]),textarea{display:block;width:100%;margin-top:8px;background:#12191f;border:1px solid #34434e;border-radius:7px;color:#eef2f4;padding:12px;font:15px monospace}input:focus,textarea:focus{outline:2px solid #789b42;outline-offset:1px}textarea{resize:vertical;min-height:310px;line-height:1.65;white-space:pre;tab-size:4;overflow:auto}.codehead{margin:24px 0 12px}.codehead span{color:#83959f;font:12px monospace}.codegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bad,.good{float:right;font:11px monospace;letter-spacing:.07em}.bad{color:#f27b83}.good{color:#c3ff55}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.controls label{display:flex;align-items:center;gap:12px}.controls input{max-width:86px!important;margin:0!important}.subtle{background:transparent;color:#aebbc5}.bugbox{display:flex;align-items:center;gap:18px;border:1px solid #35414b;border-radius:11px;background:#192229;padding:16px}.bugbox img{width:88px;height:88px;object-fit:contain;background:radial-gradient(#334229,transparent);border-radius:8px}.bugbox p,.note{font-size:14px;line-height:1.6;color:#8fa1ad}.bugbox p{margin:7px 0 12px}.note{margin:17px 0}#status{font-size:14px;color:#c3ff55;min-height:26px}#status.error{color:#ff959c}#downloads a{color:#c3ff55;display:inline-block;padding:10px 14px;border:1px solid #4c643b;border-radius:7px;margin:6px 8px 6px 0}.previewarea{background:#171f26;border:1px solid #35414b;border-radius:13px;padding:18px;text-align:center}.previewhead{margin-bottom:14px}.previewhead label{font-size:12px;margin:0;display:flex;gap:6px;align-items:center}.previewtoggles{display:flex;gap:14px;align-items:center}.screen{margin:auto;width:min(100%,330px);box-shadow:0 15px 35px #0006;border-radius:8px;overflow:hidden}canvas{display:block;width:100%;height:auto}.playrow{display:flex;align-items:center;gap:10px;margin:18px 0 10px}.playrow input{width:100%;accent-color:#c3ff55}.playrow output{font:12px monospace;color:#aab7bf;white-space:nowrap}.phases{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.phases button{font-size:12px;padding:7px 10px}.thumbbutton{width:100%;margin:15px 0 10px;color:#d2ddE2}.previewarea small{font:12px monospace;color:#8799a5}dialog{max-width:480px;background:#1c272f;border:1px solid #536570;border-radius:12px;padding:25px;color:#e4ebef}dialog::backdrop{background:#000a}dialog p{font-size:15px;line-height:1.7}dialog h2{font-size:22px}.bugactions{display:flex;gap:8px;flex-wrap:wrap}select{display:block;width:100%;margin-top:8px;background:#12191f;border:1px solid #34434e;border-radius:7px;color:#eef2f4;padding:12px;font:15px monospace}#aigen{max-width:580px;width:calc(100% - 40px)}#aigen p{font-size:14px;color:#9dadb8}#aigen label{margin-bottom:14px}#aigen textarea{min-height:0;font:13px monospace;line-height:1.55;white-space:pre-wrap}.aigrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aigrid .check{display:flex;align-items:center;gap:8px;align-self:center;margin-top:18px}.aigrid .check input{width:auto;margin:0}.airesult{display:flex;align-items:center;gap:14px;min-height:70px}#aithumb{width:70px;height:70px;object-fit:contain;background:radial-gradient(#334229,transparent);border-radius:8px;flex:none}#aistatus{font-size:14px;line-height:1.6;color:#c3ff55}#aistatus.error{color:#ff959c}#episodes{max-width:560px;width:calc(100% - 40px)}#episodelist{max-height:320px;overflow:auto;margin:4px 0 12px}.episoderow{display:block;width:100%;text-align:left;margin-bottom:8px;padding:12px 14px;line-height:1.5}.episoderow b{font:15px monospace;color:#c3ff55;letter-spacing:.04em}.episoderow span{float:right;font:12px monospace;color:#8b9ba6}.episoderow em{display:block;font-style:normal;font-size:13px;color:#a9b7c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episoderow.nobug b::after{content:" · no bug PNG";font-size:12px;color:#e0a45e;letter-spacing:0}#episodestatus{font-size:14px;line-height:1.6;color:#c3ff55;min-height:22px}#episodestatus.error{color:#ff959c}.musicrow{margin:16px 0 4px;font-size:14px;color:#a4b3bd}.musicrow b{color:#c3ff55;font:13px monospace}#musicdlg{max-width:560px;width:calc(100% - 40px)}#tracklist{max-height:300px;overflow:auto;margin:4px 0 12px}.trackrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin-bottom:8px;padding:11px 13px}.trackrow.on{border-color:#7ba03f;background:#243020}.trackrow .dot{width:11px;height:11px;border-radius:50%;border:1px solid #6b7a85;flex:none}.trackrow.on .dot{background:#c3ff55;border-color:#c3ff55}.trackrow .name{flex:1;font:14px monospace;color:#dbe4ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackrow .size{font:12px monospace;color:#8b9ba6}.trackdrop{border:none;background:transparent;color:#8b9ba6;padding:4px 8px;font-size:15px;border-radius:6px}.trackdrop:hover{background:#3a2a2c;color:#ff959c}#musicstatus{font-size:14px;line-height:1.6;color:#c3ff55;min-height:22px}#musicstatus.error{color:#ff959c}.steps{margin:14px 0;padding-left:22px;font-size:14px;line-height:1.85;color:#aebbc5}.steps b{color:#d6e2ea}#offline{max-width:560px;width:calc(100% - 40px)}#offline .note{font-size:13px;margin:14px 0}#releasebox{font-size:14px;line-height:1.7;color:#a9b7c1;border:1px solid #35414b;border-radius:9px;background:#12191f;padding:13px 15px;min-height:52px}#releasebox a{color:#c3ff55;display:inline-block;margin-right:14px}#releasebox b{color:#e7edf2;font:13px monospace}#releasebox.error{color:#ff959c}.dialogrow{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}button:focus-visible{outline:2px solid #c3ff55;outline-offset:3px}@media(max-width:1050px){main{grid-template-columns:1fr;max-width:760px}.previewarea{order:-1}.screen{max-width:270px}header{height:auto;gap:20px;flex-wrap:wrap;padding:18px}main{padding:20px}.codegrid{grid-template-columns:1fr}textarea{min-height:230px}}@media(max-width:450px){.aigrid{grid-template-columns:1fr}.aigrid .check{margin-top:0}nav{width:100%;justify-content:space-between}nav button{padding:9px 11px}.metagrid{grid-template-columns:1fr}.sectiontitle{gap:10px;flex-wrap:wrap}.codehead{align-items:flex-start;gap:12px}.controls{flex-wrap:wrap}.previewhead{gap:10px;flex-wrap:wrap}}