@font-face{font-family:BloodDate;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:#100e0e;color:#f3eee5;font-family:BloodDate,Arial,sans-serif}a{color:#e9c363;text-underline-offset:4px}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #50443c;border-radius:6px;background:#26201d;color:#f3eee5;padding:12px 16px;min-height:44px}button:hover{background:#372c25}button[aria-pressed=true]{background:#edc568;color:#201810;border-color:#edc568}:focus-visible{outline:3px solid #edc568;outline-offset:4px}::selection{background:#edc568;color:#201810}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4vw;border-bottom:1px solid #3d3029;background:#171211}.brand{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#f6eee3;text-decoration:none;display:flex;align-items:center}.brand span{color:#ed4343}.brand img{width:30px;margin-right:10px}main{max-width:1500px;margin:auto;padding:32px 4vw;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.detail{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}h1{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em;margin:0 0 8px;overflow-wrap:anywhere}.detail p{margin:0;color:#bfb0a3}#part{font-size:13px;white-space:nowrap;color:#edc568}#stage{position:relative;min-height:380px;height:65vh;max-height:760px;border-radius:14px;background:#211b18;overflow:hidden;border:1px solid #45342a}canvas{width:100%;height:100%;display:block;touch-action:none}#status{position:absolute;top:18px;left:18px;right:18px;background:#171211e8;color:#efdbb4;padding:12px;border-radius:6px;text-align:center}.stage-hint{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:12px;color:#c9b8a6;pointer-events:none}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}aside{border-left:1px solid #3d3029;padding-left:28px}h2{font-size:1.7rem;line-height:1.15;margin:4px 0 16px}aside p{color:#c2b3a7;line-height:1.65;font-size:14px}.modes{display:flex;gap:6px;margin:24px 0}.modes button{flex:1;font-size:12px;padding:10px}.skin-panel{border-top:1px solid #4a392e;padding-top:20px}h3{margin:0 0 12px;font-size:1.1rem}.upload{display:flex;position:relative;align-items:center;justify-content:center;min-height:46px;border:1px solid #c9a65b;color:#efcd86;cursor:pointer;border-radius:6px;overflow:hidden}.upload:focus-within{outline:3px solid #edc568;outline-offset:3px}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.slim{display:flex;align-items:center;gap:8px;font-size:13px;margin:18px 0}.slim input{accent-color:#e9c363;width:18px;height:18px}.quiet{background:transparent;font-size:12px;width:100%}.privacy,.credits{font-size:12px!important;color:#a9998a!important}.catalog-link{display:block;text-align:center;background:#e9c363;color:#21180c;padding:14px;font-weight:700;border-radius:6px;text-decoration:none;margin-top:24px}#skin-error{color:#ffb7aa}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:1fr;padding:22px 18px;gap:28px}aside{border-left:0;border-top:1px solid #3d3029;padding:24px 0}#stage{height:54vh;min-height:320px}header{height:64px;padding:0 18px}header>a:last-child{font-size:12px}.detail{gap:10px}.brand{font-size:19px}.modes{max-width:400px}}