.split-layout{display:flex;width:100%;height:100vh}.split-layout__viewer{flex:1;min-width:0;height:100%;background-color:#fff}.split-layout__controls{width:320px;min-width:300px;height:100%;background-color:#16213e;border-left:1px solid #0f3460;overflow-y:auto;padding:20px;color:#e5e5e5}@media (max-width: 768px){.split-layout{flex-direction:column}.split-layout__viewer{height:50vh}.split-layout__controls{width:100%;height:50vh}}.app-layout{position:relative;width:100%;height:100vh;background-color:#fff}.app-layout__logo{position:fixed;top:0;left:0;right:0;z-index:20;pointer-events:none}.app-layout__logo>*{pointer-events:auto}.app-layout__main{width:100%;height:100vh;overflow:hidden}.app-layout__viewer-only{width:100%;height:100%}.app-layout__presets{position:fixed;bottom:24px;left:0;right:0;z-index:10;pointer-events:none}.app-layout__presets>*{pointer-events:auto}@media (max-width: 768px){.app-layout__presets{bottom:16px}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:10}.loading-overlay__spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay__message{margin-top:16px;color:#000;font-size:.875rem}.model-viewer{width:100%;height:100%;position:relative}.model-viewer canvas{display:block}.preset-button{display:flex;align-items:center;justify-content:center;padding:12px 24px;min-width:100px;height:44px;background-color:#f5f5f5;border:none;border-radius:22px;color:#000;cursor:pointer;transition:background-color .2s,color .2s;font-family:Nekst Mono,monospace;font-size:.875rem;font-weight:400;text-align:center;flex-shrink:0;white-space:nowrap}.preset-button:hover{background-color:#e0e0e0}.preset-button--active{background-color:#333;color:#fff}.preset-button--active:hover{background-color:#444}.preset-panel{background-color:transparent;padding:12px 20px;margin:0;color:#000;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.preset-panel__title{display:none}.preset-panel__grid{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;min-width:min-content;padding-right:20px}.preset-panel::-webkit-scrollbar{height:8px}.preset-panel::-webkit-scrollbar-track{background:transparent}.preset-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.preset-panel::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.preset-panel__grid{justify-content:flex-start}}.preset-preview{display:flex;justify-content:center;margin-bottom:8px}.preset-preview__circle{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;transition:transform .2s,box-shadow .2s}.preset-preview__circle:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}.logo{position:fixed;top:24px;left:0;right:0;z-index:20;padding:12px;pointer-events:none;display:flex;justify-content:center;align-items:center}.logo__text{font-family:Nekst Mono,monospace;font-size:1.25rem;font-weight:700;color:#000;text-align:center;margin:0;padding:0}@media (max-width: 768px){.logo{top:16px}.logo__text{font-size:1rem}}@font-face{font-family:Nekst Mono;src:url(/fonts/nekstmono-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nekst Mono;src:url(/fonts/nekstmono-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Nekst Mono,monospace;background-color:#fff;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}