html,body{background:radial-gradient(at 50% 38%,#5b4535,#3b2b20 62%,#221811);height:100%;margin:0;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}canvas{aspect-ratio:16/9;border-radius:2px;max-width:100vw;max-height:100vh;box-shadow:0 22px 60px #0000008c,0 3px 8px #00000059}@font-face{font-family:Schoolbell Dev;src:url(./Schoolbell-Regular-B0Op7rKS.ttf) format("truetype");font-display:swap}@font-face{font-family:Yozai Dev;src:url(./Yozai-subset-Dileq9yS.ttf) format("truetype");font-display:swap}.dev-entry{--dev-ink: #22263a;--dev-dim: #8a8781;--dev-red: #c0392b;--dev-paper: #fafbfc;--dev-line: #e9ecf0;position:fixed;left:14px;bottom:14px;z-index:99999;color:var(--dev-ink);font-family:Schoolbell Dev,Yozai Dev,Kaiti SC,STKaiti,KaiTi,PingFang SC,cursive;pointer-events:none}.dev-tab,.dev-panel{pointer-events:auto}.dev-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 8px;color:var(--dev-ink);font:inherit;font-size:15px;letter-spacing:.4px;background:var(--dev-paper);border:1.6px solid var(--dev-ink);border-radius:2px 2px 7px;box-shadow:2px 3px #22263a38;cursor:pointer;transform:rotate(-.6deg);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.dev-tab:before{width:7px;height:7px;content:"";background:var(--dev-red);border-radius:50%;box-shadow:0 0 0 2px #c0392b24}.dev-tab:hover{background:#fff;box-shadow:3px 5px #22263a38;transform:rotate(.4deg) translateY(-1px)}.dev-tab:active{box-shadow:1px 2px #22263a38;transform:translateY(1px) scale(.97)}.dev-panel{position:absolute;bottom:calc(100% + 10px);left:0;width:min(390px,calc(100vw - 28px));max-height:min(72vh,620px);padding:14px 16px 12px 40px;overflow-y:auto;font-size:14px;line-height:1.45;background:linear-gradient(90deg,transparent 29px,rgba(192,57,43,.28) 29px,rgba(192,57,43,.28) 30px,transparent 30px),repeating-linear-gradient(180deg,var(--dev-paper) 0 25px,var(--dev-line) 25px 26px);border:1.6px solid var(--dev-ink);border-radius:3px;box-shadow:5px 7px #00000047;transform:rotate(-.25deg);scrollbar-color:#b9c2cc transparent;scrollbar-width:thin}.dev-panel[hidden]{display:none}.dev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:3px}.dev-title{margin:0;font-size:22px;letter-spacing:.5px}.dev-stamp{display:inline-block;padding:1px 6px;margin-left:6px;color:var(--dev-red);font-size:11px;letter-spacing:1px;vertical-align:3px;border:1.4px solid var(--dev-red);transform:rotate(-4deg)}.dev-close{padding:0 4px;color:var(--dev-dim);font:inherit;font-size:22px;line-height:1;background:none;border:none;cursor:pointer}.dev-close:hover{color:var(--dev-red)}.dev-hint{margin:2px 0 10px;color:var(--dev-dim);font-size:12px}.dev-section{margin:10px 0 12px}.dev-section h3{padding-bottom:3px;margin:0 0 7px;font-size:15px;border-bottom:1.2px dashed rgba(34,38,58,.32)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dev-btn{padding:5px 8px;color:var(--dev-ink);font:inherit;font-size:13px;text-align:left;background:#ffffff8c;border:1.3px solid rgba(34,38,58,.55);border-radius:2px;cursor:pointer;transition:transform .1s ease,background .1s ease,box-shadow .1s ease}.dev-btn small{display:block;margin-top:1px;color:var(--dev-dim);font-size:10.5px}.dev-btn:hover{background:#fff;box-shadow:1px 2px #22263a29;transform:translateY(-1px) rotate(-.4deg)}.dev-btn:active{box-shadow:none;transform:translateY(1px) scale(.98)}.dev-btn.primary{color:var(--dev-red);border-color:var(--dev-red)}.dev-row{display:flex;align-items:center;gap:8px;margin:5px 0}.dev-row label{flex:0 0 58px;color:var(--dev-dim);font-size:12.5px}.dev-check{display:flex;align-items:center;gap:6px;margin:7px 0;font-size:13px}.dev-panel select{flex:1;min-width:0;padding:3px 6px;color:var(--dev-ink);font:inherit;font-size:13px;background:#fffdf8;border:1.3px solid rgba(34,38,58,.55);border-radius:2px}.dev-panel select:focus,.dev-panel input:focus,.dev-btn:focus-visible,.dev-tab:focus-visible,.dev-close:focus-visible{outline:2px solid rgba(192,57,43,.38);outline-offset:1px}.dev-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dev-actions .dev-btn{flex:1 1 auto;text-align:center}.dev-preview{display:block;padding:6px 8px;margin-top:8px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:#ffffff9e;border:1px dashed rgba(34,38,58,.3)}.dev-foot{margin:10px 0 0;color:var(--dev-dim);font-size:11.5px}.dev-foot code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}