:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#040608;color:#f0f6ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}canvas{display:block;width:100vw;height:100vh}.ui-panel{position:absolute;top:1.5rem;left:1.5rem;width:384px;max-height:calc(100vh - 3rem);overflow-y:auto;padding:1rem 1.25rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:#02060cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 45px #0000004d;gap:1rem;display:flex;flex-direction:column}.tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button{flex:1;padding:.5rem .75rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.15);background:#0406088c;color:inherit;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease}.tab-button.active{background:#6ea1ff40;border-color:#6ea1ff99}.tab-panels{flex:1;display:grid}.tab-panel{display:none;gap:1rem}.tab-panel.active{display:grid;gap:1rem}.tab-panel[hidden]{display:none}.panel-header h1{margin:0;font-size:1.25rem;letter-spacing:.03em;text-transform:uppercase}.panel-header p{margin:.35rem 0 0;font-size:.85rem;color:#f0f6ffa6;line-height:1.4}.panel-section{display:grid;gap:.75rem}.axis-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.axis-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.75rem}.axis-block{display:grid;gap:.5rem;align-content:start}.axis-toggle{justify-content:flex-start}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:end}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#f0f6ff99}.toggle input{width:1rem;height:1rem}.panel-section h2{margin:0;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:#f0f6ffbf}.field{display:grid;gap:.4rem}.field-label{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#f0f6ff9e}.range-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;font-size:.78rem;color:#f0f6ffb3}.range-settings label{display:grid;gap:.35rem}.range-settings span{letter-spacing:.05em;text-transform:uppercase}.range-settings input{width:100%;padding:.4rem .6rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.14);background:#04060899;color:inherit;font-size:.85rem}input[type=color]{width:100%;height:2.25rem;padding:0;border-radius:.55rem;border:1px solid rgba(255,255,255,.14);background:#04060899}.button-row{display:flex;gap:.6rem;flex-wrap:wrap}.primary-button,.secondary-button{flex:1;padding:.6rem .8rem;border-radius:.7rem;border:1px solid transparent;background:#6ea1ff33;color:inherit;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease}.secondary-button{background:#04060899;border-color:#ffffff1f}.primary-button:hover,.secondary-button:hover{border-color:#6ea1ff99;background:#6ea1ff4d}input[type=file],select{width:100%;padding:.55rem .7rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.1);background:#04060899;color:inherit;font-size:.93rem}input[type=range]{width:100%;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#ffffff2e;border-radius:999px}input[type=range]::-moz-range-track{height:6px;background:#ffffff2e;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6ea1ff;margin-top:-5px;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6ea1ff;cursor:pointer}.dropzone{padding:.65rem .8rem;border-radius:.6rem;border:1px dashed rgba(255,255,255,.2);text-align:center;font-size:.85rem;color:#f0f6ffa6}.dropzone.drag-enter{border-color:#6ea1ff;background:#6ea1ff1f}.status{font-size:.8rem;color:#f0f6ff99;min-height:1.2rem}.category-config,.layer-filters{display:grid;gap:.6rem}.category-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.5rem;align-items:center}.category-check{display:flex;align-items:center;justify-content:center}.category-label{font-size:.85rem;color:#f0f6ffd9}.category-row select{width:auto;min-width:90px}.category-row input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}input[type=color]{border:none;background:none;width:42px;height:32px;padding:0}.layer-row{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center}.layer-check{display:flex;align-items:center;justify-content:center}.layer-check input{width:1rem;height:1rem;cursor:pointer}.layer-label{font-size:.85rem;color:#f0f6ffd9}.empty-hint{font-size:.8rem;color:#f0f6ff8c}.camera-controls{position:absolute;right:1.5rem;bottom:1.5rem;display:grid;gap:.85rem;padding:.9rem 1.1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:#02060cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 45px #0000004d;width:240px}.site-footer{position:fixed;right:14px;bottom:2px;font-size:.585rem;line-height:1.1;color:#fffffff5;-webkit-text-stroke:.25px rgba(0,0,0,.75);text-shadow:0 0 3px rgba(0,0,0,.8);white-space:nowrap;letter-spacing:.08em}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover,.site-footer a:focus{text-decoration:underline}.camera-section{display:grid;gap:.5rem}.camera-section h3{margin:0;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#f0f6ffb3}.camera-buttons{display:flex;gap:.45rem;flex-wrap:wrap}.camera-button{flex:1;padding:.45rem .6rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:#04060899;color:inherit;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease}.camera-button[data-camera-view=free]{flex-basis:100%}.camera-button.active{background:#6ea1ff40;border-color:#6ea1ff80}.camera-button:hover{border-color:#6ea1ff99}