html{background:#100c22}html body main{padding-top:18px;max-width:1640px}.pc3d-mode-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.pc3d-mode-nav a{border:1px solid #7b648e;border-radius:8px;padding:8px 13px;text-decoration:none;font-size:12px;background:#241a36;color:#e6d9ee}.pc3d-mode-nav a:hover{border-color:#ffcf18;color:#ffdc66}.composition-mode .scene-panel{height:750px}.composition-mode #scene{min-height:540px}.pc3d-machine-label{display:block;font-size:14px;color:#ffdc66;font-weight:600;margin:18px 0}.pc3d-machine-label select,.pc3d-save-form input,.pc3d-options select{display:block;max-width:100%;width:100%;margin-top:8px;padding:11px;border:1px solid #80658f;border-radius:8px;background:#160f27;color:#f9f0ff;font:inherit}.pc3d-save-form{border:1px solid #6c5381;border-radius:12px;padding:14px;margin:16px 0;background:#80d3bf08}.pc3d-save-form label{display:block;font-size:12px}.pc3d-save-form button{background:#ffcf18;color:#21172d;border:0;border-radius:8px;padding:11px 15px;font:inherit;font-size:13px;font-weight:650;margin-top:11px;cursor:pointer}.pc3d-options{display:block;font-size:11px;margin-bottom:10px}.pc3d-options select{font-size:11px;padding:7px}.composition-mode #pc3d-workspace[hidden]{display:none}.sample-card>img{object-fit:contain}.sample-card h3{font-size:12px;color:#a6dacc}.sample-card p{line-height:1.5}html body .credits{margin:24px auto;text-align:center;font-size:10px;line-height:1.6}#composer>h2{font-size:28px;line-height:1.2;margin-top:0}.pc3d-save-form input:focus-visible,.pc3d-machine-label select:focus-visible{outline:2px solid #80d3bf;outline-offset:3px}@media(max-width:760px){html body main{padding:14px 10px}.composition-mode .scene-panel{height:auto}.composition-mode #scene{min-height:375px;height:375px}.pc3d-mode-nav{gap:6px;margin-bottom:17px}.pc3d-mode-nav a{font-size:11px;padding:8px 9px}.sample-card>img{width:75px;height:72px}.pc3d-options select{min-height:40px}.pc3d-machine-label select{min-height:44px}.composition-mode .scene-help{padding-bottom:13px}.composition-mode .sample-limit{font-size:11px}}

@media(min-width:761px){.composition-mode .details{max-height:750px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#987aa9 #21182f}.composition-mode .scene-panel{position:sticky;top:14px}}

html body main{width:100%;max-width:none;padding-right:clamp(14px,1.6vw,32px);padding-left:clamp(14px,1.6vw,32px)}@media(max-width:760px){html body main{padding-right:10px;padding-left:10px}}