:root{--bg-color: #011627;--accent-cyan: #00f0ff;--accent-glow: rgba(0, 240, 255, .45);--panel-bg: rgba(7, 24, 44, .85);--border-color: rgba(0, 240, 255, .28);--text-main: #e2f1ff;--text-dim: #7f9eb2}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-main);position:relative}.canvas-wrap{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1;cursor:crosshair}.cursor-circle{position:fixed;width:30px;height:30px;border:2px solid var(--accent-cyan);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--accent-glow),inset 0 0 8px #00f0ff59;z-index:1000;opacity:0;transition:opacity .12s ease-out;will-change:transform,left,top}.cursor-circle:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #fff}.depth-tooltip{position:fixed;font-size:12px;font-weight:600;line-height:1.2;color:#fff;background:#031020eb;border:1px solid var(--accent-cyan);border-radius:4px;padding:4px 8px;pointer-events:none;transform:translate(-50%,-100%);margin-top:-18px;z-index:1001;opacity:0;white-space:nowrap;box-shadow:0 4px 16px #0009,0 0 10px #00f0ff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .12s ease-out;letter-spacing:.4px;will-change:transform,left,top}.depth-tooltip .depth-sub{font-size:10px;color:var(--text-dim);display:block;margin-top:1px;font-weight:400}header{position:absolute;top:16px;left:20px;right:20px;z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand-card{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:10px 18px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:3px}.brand-title{font-size:15px;font-weight:700;letter-spacing:1.2px;color:#fff;display:flex;align-items:center;gap:8px}.brand-title span.badge{background:#00f0ff2e;color:var(--accent-cyan);font-size:10px;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,240,255,.4);letter-spacing:.5px}.brand-sub{font-size:11px;color:var(--text-dim)}.toolbar{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000073}.tool-group{display:flex;align-items:center;gap:8px}.divider{width:1px;height:22px;background:var(--border-color)}label{font-size:11px;color:var(--text-dim);font-weight:500;white-space:nowrap}select,button{background:#0c2440e6;color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}select:hover,button:hover{border-color:var(--accent-cyan);box-shadow:0 0 8px #00f0ff4d}button.active{background:#00f0ff38;border-color:var(--accent-cyan);color:#fff}.btn-icon{display:inline-flex;align-items:center;gap:6px}input[type=range]{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:#fff3;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 0 6px var(--accent-cyan)}.depth-legend{position:absolute;right:20px;bottom:30px;z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:8px;width:150px}.legend-title{font-size:11px;font-weight:600;letter-spacing:.5px;color:#fff;text-transform:uppercase;text-align:center}.legend-content{display:flex;align-items:stretch;gap:10px;height:180px;position:relative}.legend-bar{width:16px;height:100%;border-radius:4px;background:linear-gradient(to bottom,#d8f5ff,#61d2f0 25%,#1e8dc7 55%,#0e427a 80%,#041029);border:1px solid rgba(255,255,255,.3);position:relative;box-shadow:inset 0 0 6px #0009}.legend-ticks{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:10px;color:var(--text-dim);font-family:monospace}.legend-ticks span{position:relative;line-height:1}.legend-ticks span:before{content:"";position:absolute;left:-6px;top:50%;width:4px;height:1px;background:var(--text-dim)}.legend-marker{position:absolute;left:-3px;width:22px;height:2px;background:#f05;box-shadow:0 0 6px #f05;transition:top .05s linear;z-index:2}.legend-marker:after{content:"";position:absolute;right:-5px;top:-3px;border-left:5px solid #ff0055;border-top:4px solid transparent;border-bottom:4px solid transparent}.model-info{position:absolute;bottom:30px;left:20px;z-index:10;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:10px 16px;box-shadow:0 8px 24px #00000073;font-size:11px;display:flex;flex-direction:column;gap:4px}.model-info .info-row{display:flex;justify-content:space-between;gap:16px}.model-info .info-val{font-family:monospace;color:var(--accent-cyan);font-weight:600}.drop-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#011627d9;border:3px dashed var(--accent-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease}.drop-overlay.active{opacity:1;pointer-events:auto}.drop-overlay h2{font-size:24px;color:var(--accent-cyan);margin-bottom:8px}.drop-overlay p{font-size:14px;color:var(--text-dim)}body{margin:0;padding:0;overflow:hidden;font-family:sans-serif}canvas{display:block}