:root{color-scheme:dark}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#06080f;color:#f5f7ff}body{overflow:hidden}.screen-root{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:.9rem;padding:.9rem;width:100%;height:100dvh}.stage-area{position:relative;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;overflow:hidden}.home-intro{width:100%;max-width:52rem;padding:0 .25rem}.home-intro h1{margin:0 0 .5rem;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;line-height:1.35}.home-intro p{margin:0 0 .45rem;font-size:.86rem;line-height:1.55;color:#c5cbef}.home-intro-note{font-size:.8rem!important;color:#9aa3d4!important}.stage-viewport{min-width:0;min-height:0;display:grid;place-items:center}.dvd-stage{position:relative;overflow:hidden;border:1px solid #2a315f;box-shadow:0 0 0 1px rgb(255 255 255/6%),0 18px 44px rgb(0 0 0/55%);background:radial-gradient(circle at 60% 20%,#1a2140 0,#06080f 45%,#030409 100%)}.dvd-logo{position:absolute;top:0;left:0;will-change:transform}.dvd-wordmark{font-size:clamp(1.2rem,2.7vw,2.3rem);font-weight:800;letter-spacing:.08em;line-height:1}.dvd-submark{font-size:clamp(.48rem,1.1vw,.9rem);letter-spacing:.31em;line-height:1}.dvd-image{width:100%;height:100%;object-fit:contain}.control-panel{position:relative;width:100%;align-self:start;max-height:calc(100dvh - 1.8rem);overflow-y:auto;border:1px solid #5f6db8;border-radius:.85rem;background:color-mix(in srgb,#0e1230 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 40px rgb(0 0 0/38%)}.mobile-panel-toggle{display:none}.panel-body{display:grid;gap:.95rem;padding:1rem}.panel-body h1{margin:0;font-size:1rem;letter-spacing:.04em}.panel-body label{display:grid;gap:.45rem;font-size:.88rem}.panel-body input,.panel-body select,.pause-button{width:100%;border:1px solid #7588f9;border-radius:.5rem;background:#121a45;color:#f5f7ff;padding:.55rem .7rem}.panel-body input[type=range]{padding:0}.pause-button{cursor:pointer;font-weight:600}.logo-upload-group{display:grid;gap:.45rem;font-size:.88rem}.file-input-hidden{display:none}.reset-button,.upload-button{width:100%;border:1px solid #7588f9;border-radius:.5rem;background:#121a45;color:#f5f7ff;padding:.55rem .7rem;cursor:pointer;font-weight:600;text-align:center}.reset-button{border-color:#f94a4a;background:#2a0e1a;color:#ff9e9e}.support-link{display:block;width:100%;border:1px solid #f5c842;border-radius:.5rem;background:#2a2510;color:#f5d76e;padding:.55rem .7rem;font-weight:600;font-size:.88rem;text-align:center;text-decoration:none;transition:background .2s}.support-link:hover{background:#3d3518}body:has(.static-page-root){overflow:auto;height:auto;min-height:100%}.static-page-root{min-height:100dvh;padding:1.25rem}.static-page{max-width:42rem;margin:0 auto;line-height:1.7}.static-page h1{margin:0 0 1rem;font-size:1.5rem}.static-page h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.static-page p,.static-page ul{margin:0 0 1rem;font-size:.95rem;color:#d8dcff}.static-page ul{padding-left:1.25rem}.static-page a{color:#a8b8ff}.static-page-back{margin-bottom:1.25rem!important}@media (max-width:768px){body{overflow:auto}.screen-root{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:.75rem;padding:.75rem;min-height:100dvh;height:auto}.stage-area{min-height:50vh}.stage-viewport{min-height:38vh}.control-panel{position:relative;width:100%;align-self:stretch}.mobile-panel-toggle{display:block;width:100%;border:none;border-bottom:1px solid #4250a0;border-radius:.85rem .85rem 0 0;background:#1b255f;color:#f5f7ff;padding:.75rem 1rem;font-weight:600}.control-panel.closed .panel-body{display:none}}