html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}:root{color-scheme:dark;--demo-bg: #05070b;--demo-panel: rgba(18, 22, 30, .9);--demo-border: rgba(255, 255, 255, .12);--demo-text: rgba(255, 255, 255, .92);--demo-muted: rgba(255, 255, 255, .68);--demo-accent: #3b82f6}.demo-root{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--demo-bg);color:var(--demo-text);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}.demo-settings-toggle{position:absolute;top:16px;right:16px;z-index:50;border-radius:10px;border:1px solid var(--demo-border);background:#141821f2;color:var(--demo-text);padding:10px 12px;cursor:pointer;box-shadow:0 10px 30px #00000059}.demo-settings-toggle:hover{background:#1c222ef2}.demo-settings{position:absolute;top:64px;right:16px;z-index:50;width:320px;max-height:calc(100vh - 10rem);overflow:auto;border-radius:14px;border:1px solid var(--demo-border);background:var(--demo-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #00000073;padding:14px}.demo-settings h3{margin:0;font-size:16px;font-weight:700}.demo-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--demo-border)}.demo-lang-toggle{border:1px solid var(--demo-border);background:#0a0c12a6;color:var(--demo-text);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.demo-lang-toggle:hover{background:#0a0c12d9}.demo-settings h4{margin:14px 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--demo-muted);padding-bottom:6px;border-bottom:1px solid var(--demo-border)}.demo-settings .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.demo-settings label{color:var(--demo-text)}.demo-settings .muted{color:var(--demo-muted);font-size:12px}.demo-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--demo-accent)}.demo-settings input[type=range]{width:100%}.demo-settings select{width:100%;border-radius:10px;border:1px solid var(--demo-border);background:#0a0c12cc;color:var(--demo-text);padding:10px}.demo-settings select:focus{outline:none;border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f62e}