:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020611;color:#ebf6ffeb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#020611}button,input,select,textarea{font:inherit}button{cursor:pointer}.demo-shell{position:relative;width:100%;height:100%;overflow:hidden}.scene-content{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.015);filter:blur(12px);pointer-events:none;transition:opacity .82s cubic-bezier(.2,.8,.2,1),transform .92s cubic-bezier(.16,1,.3,1),filter .92s cubic-bezier(.16,1,.3,1)}.scene-content.is-visible{opacity:1;transform:none;filter:none;pointer-events:auto}.orb-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.orb-stage canvas{display:block;width:100%!important;height:100%!important}.scene-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.scene-preloader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(1,3,10,.985) 0%,rgba(2,6,17,.995) 100%);opacity:1;visibility:visible;transition:opacity .72s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}.scene-preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .72s cubic-bezier(.2,.8,.2,1),visibility 0s linear .72s}.scene-preloader__status{display:flex;justify-content:flex-end;width:min(720px,calc(100vw - 48px));margin:0 auto 10px}.scene-preloader__percent{color:#94cfffeb;font-size:14px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}.scene-preloader__bar{position:relative;overflow:hidden;width:min(720px,calc(100vw - 48px));height:3px;margin:0 auto;border-radius:999px;background:rgba(123,171,231,.1)}.scene-preloader__bar span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:left center;background:linear-gradient(90deg,rgba(82,157,255,.88),rgba(139,217,255,.98));transition:transform .18s ease-out}.demo-panel,.tuning-panel,.demo-note{border:1px solid var(--ui-border-soft, rgba(155, 203, 255, .16));background:var(--ui-panel-bg, rgba(2, 7, 18, .62));box-shadow:var(--ui-shadow, 0 22px 60px rgba(0, 0, 0, .34));-webkit-backdrop-filter:blur(var(--ui-blur, 18px));backdrop-filter:blur(var(--ui-blur, 18px))}.demo-panel{position:absolute;left:18px;top:18px;z-index:4;width:min(420px,calc(100vw - 420px));max-width:calc(100vw - 36px);padding:14px;border-radius:20px}.demo-panel.is-runtime-panel{width:auto;min-width:min(320px,calc(100vw - 36px))}.demo-panel h1,.tuning-panel h2{margin:0 0 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f0f8ffe6}.demo-panel p,.tuning-panel__header p{margin:0;color:#bcd3efbd;font-size:12px;line-height:1.5}.state-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.state-button,.mic-retry,.tuning-button{border:1px solid rgba(151,202,255,.28);border-radius:999px;background:rgba(10,22,45,.74);color:#e6f2ffd6;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:lowercase;transition:border-color .16s ease,background .16s ease,color .16s ease}.state-button.is-active{border-color:#a9e2ffd1;background:rgba(82,157,255,.26);color:#fff}.slider-row{display:grid;grid-template-columns:72px minmax(0,1fr) 38px;gap:10px;align-items:center;color:#ddeeffc7;font-size:12px}.slider-row input{width:100%;accent-color:#8bd9ff}.slider-row input:disabled{opacity:.88;cursor:default}.mic-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid rgba(142,196,255,.18);border-radius:14px;background:rgba(6,15,31,.72);color:#d6eaffc7;font-size:12px;line-height:1.4}.mic-status.is-active{border-color:#7ed6ff57;background:rgba(8,24,43,.78);color:#e2f5ffe0}.mic-status.is-requesting{border-color:#87bbff47}.mic-status.is-denied,.mic-status.is-missing,.mic-status.is-error,.mic-status.is-unsupported{border-color:#ffb19752;background:rgba(34,14,13,.72);color:#ffddd2d6}.tuning-panel{position:absolute;right:18px;top:18px;bottom:18px;z-index:4;width:min(370px,calc(100vw - 36px));display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:22px}.tuning-panel__header{display:flex;flex-direction:column;gap:12px}.tuning-actions{display:flex;gap:8px}.tuning-button{flex:1 1 0}.tuning-button.is-primary{border-color:#a9e2ffd1;background:rgba(82,157,255,.26);color:#fff}.tuning-button.is-secondary{background:rgba(7,15,31,.62)}.tuning-sections{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}.tuning-section{border:1px solid rgba(129,175,233,.18);border-radius:16px;background:rgba(2,8,20,.54)}.tuning-section+.tuning-section{margin-top:10px}.tuning-section summary{list-style:none;padding:12px 14px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e1f0ffd6}.tuning-section summary::-webkit-details-marker{display:none}.tuning-section__body{padding:0 14px 14px}.control-row{display:block}.control-row+.control-row{margin-top:12px}.control-row__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#dbecffd6;font-size:12px}.control-row__header output{color:#94cfffdb;font-variant-numeric:tabular-nums}.control-range,.control-select,.params-export__textarea{width:100%}.control-range{accent-color:#8bd9ff}.control-select{border:1px solid rgba(122,174,233,.22);border-radius:12px;background:rgba(7,17,32,.9);color:#e8f3ffe0;padding:9px 10px}.control-color,.control-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(122,174,233,.18);border-radius:12px;background:rgba(7,17,32,.78);padding:9px 10px}.control-color code,.control-toggle span{color:#ddeeffd1;font-size:12px}.control-color__picker{width:34px;height:24px;border:0;padding:0;background:transparent}.control-toggle input{width:16px;height:16px;margin:0;accent-color:#8bd9ff}.preset-grid{display:grid;gap:12px;margin-top:14px}.preset-card{border:1px solid rgba(122,174,233,.14);border-radius:14px;background:rgba(7,17,32,.5);padding:12px}.preset-card__header{margin-bottom:10px;color:#e1f0ffdb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.camera-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.camera-status{color:#aacdf0b3;font-size:12px;text-transform:lowercase}.camera-status.is-copied{color:#a3ebd0e6}.camera-status.is-error{color:#ffc0aae6}.params-export{border:1px solid rgba(129,175,233,.18);border-radius:16px;background:rgba(2,8,20,.54);padding:12px}.params-export__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#e1f0ffdb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.params-export__status{color:#aacdf0b3}.params-export__status.is-copied{color:#a3ebd0e6}.params-export__status.is-error{color:#ffc0aae6}.params-export__textarea{min-height:180px;resize:vertical;border:1px solid rgba(122,174,233,.16);border-radius:12px;background:rgba(7,17,32,.92);color:#e0efffdb;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}.demo-note{position:absolute;left:18px;bottom:18px;z-index:3;max-width:min(420px,calc(100vw - 420px));padding:12px 14px;border-radius:18px;background:var(--ui-note-bg, rgba(1, 5, 13, .52));color:#c9def5ad;font-size:12px;line-height:1.5}@media (max-width: 1180px){.demo-panel{width:min(360px,calc(100vw - 380px))}.demo-note{max-width:min(360px,calc(100vw - 380px))}}@media (max-width: 900px){.demo-panel{left:12px;top:12px;width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.tuning-panel{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:52vh;padding:12px}.demo-note{display:none}}