*{box-sizing:border-box}html,body{color:#e5edf5;background:#0f172a;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#scene{width:100vw;height:100vh;display:block}.settings{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ad1;border:1px solid #94a3b847;border-radius:8px;width:min(460px,100vw - 36px);max-height:calc(100vh - 36px);padding:20px;position:fixed;top:18px;right:18px;overflow-y:auto;box-shadow:0 18px 48px #00000047}.settings.hidden{display:none}.settings h1,.settings summary{margin:0;font-weight:650;line-height:1.2}.settings h1{font-size:1.6rem}.settings-category{gap:18px;margin-top:20px;display:grid}.settings-subcategory{border-left:1px solid #94a3b847;gap:16px;padding-left:14px;display:grid}.settings-category summary,.settings-subcategory summary{cursor:pointer;color:#93c5fd;text-transform:uppercase;font-size:1.18rem;list-style:none}.settings-subcategory summary{color:#bae6fd;font-size:1.05rem}.settings-category summary::-webkit-details-marker{display:none}.settings-subcategory summary::-webkit-details-marker{display:none}.settings-category summary:after,.settings-subcategory summary:after{content:"+";float:right;color:#e5edf5}.settings-category[open]>summary:after,.settings-subcategory[open]>summary:after{content:"-"}.settings label{color:#cbd5e1;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;font-size:1.12rem;display:grid}.settings input,.settings select,.settings audio{accent-color:#38bdf8;grid-column:1/-1;width:100%}.settings audio{min-height:42px}.settings select{color:#f8fafc;min-height:42px;font:inherit;background:#111827;border:1px solid #94a3b85c;border-radius:6px}.settings output{color:#cbd5e1;font-size:1.05rem}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings button{color:#f8fafc;cursor:pointer;width:100%;min-height:46px;font:inherit;background:#0ea5e9;border:1px solid #38bdf899;border-radius:6px;font-weight:650}.settings button:hover{background:#0284c7}.settings button:active{transform:translateY(1px)}.settings output{color:#f8fafc;font-variant-numeric:tabular-nums}.effect-stack{gap:8px;display:grid}.effect-stack-item{color:#e5edf5;cursor:grab;-webkit-user-select:none;user-select:none;background:#0f172adb;border:1px solid #94a3b85c;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:1.08rem;display:grid}.effect-stack-item:active{cursor:grabbing}.effect-stack-item.is-dragging{opacity:.5}.effect-stack-item.is-drop-target{background:#0ea5e92e;border-color:#38bdf8}.effect-stack-grip{color:#93c5fd;letter-spacing:1px;font-weight:700}@media (width<=640px){.settings{width:auto;inset:auto 12px 12px}}