*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;background:#000}#ocean-canvas{display:block;width:100%;height:100%}.ui-panel{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;flex-direction:column;gap:.75rem;width:min(18rem,calc(100% - 2rem));padding:1rem;color:#fff;background:#0000008c;border-radius:.75rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem}.ui-row span{flex:0 0 auto;min-width:5rem}.ui-row input[type=range],.ui-row select{flex:1 1 auto;min-width:0}.ui-row input[type=range]{cursor:pointer}.ui-row select{padding:.25rem .4rem;border-radius:.35rem;border:none;font-size:.85rem}button{padding:.45rem .9rem;font-weight:600;color:#000;background:#fff;border:none;border-radius:.4rem;cursor:pointer}button:active{transform:translateY(1px)}.model-badge{position:absolute;right:1rem;bottom:1rem;z-index:10;padding:.35rem .75rem;font-size:.75rem;color:#fff;letter-spacing:.02em;background:#00000080;border-radius:999px;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:600px){.ui-panel{top:.5rem;left:.5rem;right:.5rem;width:auto;max-width:none;padding:.75rem;gap:.6rem;font-size:.85rem}.model-badge{right:.5rem;bottom:.5rem}}