:root{--hud-primary: #0f172a;--hud-secondary: #1e293b;--hud-accent: #334155;--hud-surface: #475569;--hud-highlight: #3b82f6;--hud-highlight-hover: #2563eb;--hud-success: #10b981;--hud-warning: #f59e0b;--hud-error: #ef4444;--hud-text-primary: #f8fafc;--hud-text-secondary: #cbd5e1;--hud-text-muted: #94a3b8;--hud-text-accent: #3b82f6;--hud-glass-bg: rgba(15, 23, 42, .95);--hud-glass-bg-light: rgba(30, 41, 59, .85);--hud-glass-bg-subtle: rgba(51, 65, 85, .3);--hud-glass-border: rgba(203, 213, 225, .1);--hud-glass-border-active: rgba(59, 130, 246, .4);--hud-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--hud-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--hud-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--hud-shadow-xl: 0 12px 32px rgba(0, 0, 0, .25);--hud-shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--hud-blur: blur(16px);--hud-spacing-xs: 6px;--hud-spacing-sm: 10px;--hud-spacing-md: 16px;--hud-spacing-lg: 20px;--hud-spacing-xl: 28px;--hud-spacing-2xl: 36px;--hud-radius-xs: 4px;--hud-radius-sm: 8px;--hud-radius-md: 12px;--hud-radius-lg: 16px;--hud-radius-xl: 20px;--hud-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hud-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--hud-font-size-xs: 11px;--hud-font-size-sm: 13px;--hud-font-size-md: 14px;--hud-font-size-lg: 16px;--hud-font-size-xl: 18px;--hud-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--hud-transition: all .2s cubic-bezier(.4, 0, .2, 1);--hud-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.mode-toolbar{position:relative;z-index:1000}.hud-toolbar{display:flex;align-items:center;gap:var(--hud-spacing-md);padding:var(--hud-spacing-md) var(--hud-spacing-lg);background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-xl);box-shadow:var(--hud-shadow-lg);transition:var(--hud-transition);position:relative;overflow:hidden;z-index:1002}.hud-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hud-glass-border-active),transparent);opacity:.5}.hud-toolbar:hover{border-color:var(--hud-glass-border-active);box-shadow:var(--hud-shadow-xl),var(--hud-shadow-glow);transform:translateY(-1px)}.hud-toolbar-group{display:flex;align-items:center;gap:var(--hud-spacing-sm);padding:var(--hud-spacing-xs) var(--hud-spacing-sm);background:var(--hud-glass-bg-subtle);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-md);transition:var(--hud-transition);position:relative}.hud-toolbar-group:after{content:"";position:absolute;top:50%;right:-8px;width:1px;height:60%;background:var(--hud-glass-border);transform:translateY(-50%)}.hud-toolbar-group:last-child:after{display:none}.hud-toolbar-group:hover{background:#3b82f60d;border-color:var(--hud-glass-border-active)}.hud-button{position:relative;background:linear-gradient(135deg,var(--hud-secondary),var(--hud-accent));border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-md);color:var(--hud-text-primary);padding:var(--hud-spacing-sm) var(--hud-spacing-md);font-size:var(--hud-font-size-sm);font-weight:500;font-family:var(--hud-font-family);cursor:pointer;transition:var(--hud-transition);display:inline-flex;align-items:center;gap:var(--hud-spacing-sm);text-decoration:none;-webkit-user-select:none;user-select:none;overflow:hidden;min-height:36px}.hud-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--hud-transition-slow)}.hud-button:hover:before{left:100%}.hud-button:hover{background:linear-gradient(135deg,var(--hud-accent),var(--hud-surface));border-color:var(--hud-highlight);transform:translateY(-2px);box-shadow:var(--hud-shadow-md),0 4px 12px #3b82f633;color:var(--hud-text-primary)}.hud-button:active{transform:translateY(-1px);box-shadow:var(--hud-shadow-sm)}.hud-button.active{background:linear-gradient(135deg,var(--hud-highlight),var(--hud-highlight-hover));border-color:var(--hud-highlight);color:#fff;box-shadow:var(--hud-shadow-glow),var(--hud-shadow-md);transform:translateY(-1px)}.hud-button.active:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--hud-highlight),transparent,var(--hud-highlight-hover));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hud-button.disabled,.hud-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.hud-button.disabled:hover,.hud-button:disabled:hover{transform:none;box-shadow:none;background:linear-gradient(135deg,var(--hud-secondary),var(--hud-accent))}.hud-icon{font-size:var(--hud-font-size-md);display:flex;align-items:center;justify-content:center;width:18px;height:18px;transition:var(--hud-transition)}.hud-icon.small{font-size:var(--hud-font-size-sm);width:14px;height:14px}.hud-icon.large{font-size:var(--hud-font-size-lg);width:22px;height:22px}.hud-status{display:inline-flex;align-items:center;gap:var(--hud-spacing-xs);padding:var(--hud-spacing-sm) var(--hud-spacing-md);border-radius:var(--hud-radius-md);font-size:var(--hud-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:var(--hud-transition);border:1px solid transparent}.hud-status.info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--hud-highlight);border-color:#3b82f633}.hud-status.warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:var(--hud-warning);border-color:#f59e0b33;animation:gentlePulse 2s infinite}.hud-status.active{background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--hud-success);border-color:#10b98133}.hud-status.error{background:linear-gradient(135deg,#ef444426,#ef44440d);color:var(--hud-error);border-color:#ef444433;animation:gentleBlink 1.5s infinite}.hud-toolbar-advanced{margin-top:var(--hud-spacing-md);padding:var(--hud-spacing-lg);background:var(--hud-glass-bg);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-lg);box-shadow:var(--hud-shadow-lg);-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);animation:slideInUp .3s ease-out;position:relative;overflow:hidden;z-index:1003}.hud-toolbar-advanced:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--hud-highlight),var(--hud-highlight-hover),var(--hud-highlight));opacity:.6}.hud-toolbar-advanced .hud-label{font-size:var(--hud-font-size-sm);color:var(--hud-text-accent);font-weight:600;margin-bottom:var(--hud-spacing-md);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:var(--hud-spacing-sm)}.hud-toolbar-advanced .hud-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hud-glass-border-active),transparent)}.hud-checkbox{display:flex;align-items:center;gap:var(--hud-spacing-sm);font-size:var(--hud-font-size-sm);color:var(--hud-text-secondary);cursor:pointer;transition:var(--hud-transition);padding:var(--hud-spacing-xs) var(--hud-spacing-sm);border-radius:var(--hud-radius-sm);border:1px solid transparent;position:relative}.hud-checkbox:hover{color:var(--hud-text-primary);background:var(--hud-glass-bg-subtle);border-color:var(--hud-glass-border)}.hud-checkbox input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid var(--hud-glass-border);border-radius:var(--hud-radius-xs);background:var(--hud-glass-bg-light);cursor:pointer;transition:var(--hud-transition);position:relative;flex-shrink:0}.hud-checkbox input[type=checkbox]:hover{border-color:var(--hud-highlight);box-shadow:0 0 8px #3b82f633}.hud-checkbox input[type=checkbox]:checked{background:var(--hud-highlight);border-color:var(--hud-highlight);box-shadow:0 0 12px #3b82f64d}.hud-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes gentleBlink{0%,70%{opacity:1}85%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.hud-toolbar{flex-wrap:wrap;gap:var(--hud-spacing-sm);padding:var(--hud-spacing-sm) var(--hud-spacing-md)}.hud-toolbar-group{gap:var(--hud-spacing-xs)}}@media (max-width: 768px){.hud-toolbar{flex-direction:column;gap:var(--hud-spacing-sm);padding:var(--hud-spacing-md)}.hud-toolbar-group{width:100%;justify-content:center}.hud-button{min-height:40px;padding:var(--hud-spacing-sm) var(--hud-spacing-lg)}}.hud-button:focus-visible,.hud-checkbox input:focus-visible{outline:2px solid var(--hud-highlight);outline-offset:2px}.hud-button.loading{position:relative;pointer-events:none}.hud-button.loading:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.hud-panel{background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-lg);box-shadow:var(--hud-shadow-lg);color:var(--hud-text-primary);font-family:var(--hud-font-family);transition:var(--hud-transition);overflow:hidden;position:relative;z-index:1001;animation:panelSlideIn .3s ease-out}.hud-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hud-glass-border-active),transparent);opacity:.6}.hud-panel:hover{border-color:var(--hud-glass-border-active);box-shadow:var(--hud-shadow-xl),var(--hud-shadow-glow);transform:translateY(-2px)}.hud-title{font-size:var(--hud-font-size-lg);font-weight:600;color:var(--hud-text-primary);margin:0;padding:var(--hud-spacing-md) var(--hud-spacing-lg);background:linear-gradient(135deg,var(--hud-accent),var(--hud-secondary));border-bottom:1px solid var(--hud-glass-border);display:flex;align-items:center;gap:var(--hud-spacing-sm);position:relative}.hud-title:after{content:"";position:absolute;bottom:0;left:var(--hud-spacing-lg);right:var(--hud-spacing-lg);height:1px;background:linear-gradient(90deg,transparent,var(--hud-highlight),transparent);opacity:.5}.hud-title-icon{font-size:var(--hud-font-size-md);color:var(--hud-highlight);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hud-content{padding:var(--hud-spacing-lg)}.hud-item{display:flex;justify-content:space-between;align-items:center;padding:var(--hud-spacing-sm) 0;border-bottom:1px solid rgba(203,213,225,.08);transition:var(--hud-transition)}.hud-item:last-child{border-bottom:none}.hud-item:hover{background:var(--hud-glass-bg-subtle);margin:0 calc(-1 * var(--hud-spacing-sm));padding-left:var(--hud-spacing-sm);padding-right:var(--hud-spacing-sm);border-radius:var(--hud-radius-sm)}.hud-label{font-size:var(--hud-font-size-sm);color:var(--hud-text-secondary);font-weight:500;display:flex;align-items:center;gap:var(--hud-spacing-xs)}.hud-value{font-size:var(--hud-font-size-sm);color:var(--hud-text-primary);font-weight:600;font-family:var(--hud-font-mono);background:var(--hud-glass-bg-subtle);padding:var(--hud-spacing-xs) var(--hud-spacing-sm);border-radius:var(--hud-radius-xs);border:1px solid var(--hud-glass-border)}.hud-input{background:var(--hud-glass-bg-light);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-sm);color:var(--hud-text-primary);padding:var(--hud-spacing-sm) var(--hud-spacing-md);font-size:var(--hud-font-size-sm);font-family:var(--hud-font-family);transition:var(--hud-transition);width:100%;outline:none}.hud-input:focus{border-color:var(--hud-highlight);box-shadow:0 0 0 3px #3b82f61a;background:var(--hud-glass-bg)}.hud-input::placeholder{color:var(--hud-text-muted)}.measurement-hud .hud-panel,.snapping-hud .hud-panel{min-width:300px;max-width:350px}.inspector-panel .hud-panel{min-width:280px;max-width:320px}.performance-hud .hud-panel{min-width:200px;max-width:250px;padding:var(--hud-spacing-sm)}.performance-hud .hud-content{display:flex;flex-direction:column;gap:var(--hud-spacing-xs);padding:var(--hud-spacing-sm)}.performance-hud .hud-status{font-size:var(--hud-font-size-xs);font-family:var(--hud-font-mono);padding:var(--hud-spacing-xs) var(--hud-spacing-sm);border-radius:var(--hud-radius-xs);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);display:flex;justify-content:space-between;align-items:center}.performance-hud .hud-status .hud-label{color:var(--hud-text-muted);font-size:var(--hud-font-size-xs)}.performance-hud .hud-status .hud-value{color:var(--hud-highlight);font-weight:700;background:none;padding:0;border:none}.measurement-hud .hud-panel{background:var(--hud-glass-bg)}.measurement-hud .hud-title{background:linear-gradient(135deg,var(--hud-highlight),var(--hud-highlight-hover))}.measurement-hud .hud-value{color:var(--hud-highlight);font-size:var(--hud-font-size-md);font-weight:700}.inspector-panel .hud-panel{background:var(--hud-glass-bg)}.inspector-panel .hud-title{background:linear-gradient(135deg,var(--hud-success),#059669)}.inspector-panel .hud-content{max-height:400px;overflow-y:auto}.inspector-panel .hud-content::-webkit-scrollbar{width:6px}.inspector-panel .hud-content::-webkit-scrollbar-track{background:var(--hud-glass-bg-subtle);border-radius:var(--hud-radius-xs)}.inspector-panel .hud-content::-webkit-scrollbar-thumb{background:var(--hud-glass-border-active);border-radius:var(--hud-radius-xs)}.inspector-panel .hud-content::-webkit-scrollbar-thumb:hover{background:var(--hud-highlight)}.snapping-hud .hud-panel{background:var(--hud-glass-bg)}.snapping-hud .hud-title{background:linear-gradient(135deg,var(--hud-warning),#d97706)}.hud-panel.slide-in-left{animation:slideInLeft .3s ease-out}.hud-panel.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hud-text-center{text-align:center}.hud-text-right{text-align:right}.hud-text-left{text-align:left}.hud-mb-xs{margin-bottom:var(--hud-spacing-xs)}.hud-mb-sm{margin-bottom:var(--hud-spacing-sm)}.hud-mb-md{margin-bottom:var(--hud-spacing-md)}.hud-mb-lg{margin-bottom:var(--hud-spacing-lg)}.hud-mb-xl{margin-bottom:var(--hud-spacing-xl)}.hud-mt-xs{margin-top:var(--hud-spacing-xs)}.hud-mt-sm{margin-top:var(--hud-spacing-sm)}.hud-mt-md{margin-top:var(--hud-spacing-md)}.hud-mt-lg{margin-top:var(--hud-spacing-lg)}.hud-mt-xl{margin-top:var(--hud-spacing-xl)}.hud-ml-xs{margin-left:var(--hud-spacing-xs)}.hud-ml-sm{margin-left:var(--hud-spacing-sm)}.hud-ml-md{margin-left:var(--hud-spacing-md)}.hud-ml-lg{margin-left:var(--hud-spacing-lg)}.hud-mr-xs{margin-right:var(--hud-spacing-xs)}.hud-mr-sm{margin-right:var(--hud-spacing-sm)}.hud-mr-md{margin-right:var(--hud-spacing-md)}.hud-mr-lg{margin-right:var(--hud-spacing-lg)}.hud-p-xs{padding:var(--hud-spacing-xs)}.hud-p-sm{padding:var(--hud-spacing-sm)}.hud-p-md{padding:var(--hud-spacing-md)}.hud-p-lg{padding:var(--hud-spacing-lg)}.hud-px-xs{padding-left:var(--hud-spacing-xs);padding-right:var(--hud-spacing-xs)}.hud-px-sm{padding-left:var(--hud-spacing-sm);padding-right:var(--hud-spacing-sm)}.hud-px-md{padding-left:var(--hud-spacing-md);padding-right:var(--hud-spacing-md)}.hud-px-lg{padding-left:var(--hud-spacing-lg);padding-right:var(--hud-spacing-lg)}.hud-py-xs{padding-top:var(--hud-spacing-xs);padding-bottom:var(--hud-spacing-xs)}.hud-py-sm{padding-top:var(--hud-spacing-sm);padding-bottom:var(--hud-spacing-sm)}.hud-py-md{padding-top:var(--hud-spacing-md);padding-bottom:var(--hud-spacing-md)}.hud-py-lg{padding-top:var(--hud-spacing-lg);padding-bottom:var(--hud-spacing-lg)}.hud-flex{display:flex}.hud-inline-flex{display:inline-flex}.hud-block{display:block}.hud-inline-block{display:inline-block}.hud-hidden{display:none}.hud-flex-col{flex-direction:column}.hud-flex-row{flex-direction:row}.hud-items-center{align-items:center}.hud-items-start{align-items:flex-start}.hud-items-end{align-items:flex-end}.hud-justify-center{justify-content:center}.hud-justify-between{justify-content:space-between}.hud-justify-start{justify-content:flex-start}.hud-justify-end{justify-content:flex-end}.hud-gap-xs{gap:var(--hud-spacing-xs)}.hud-gap-sm{gap:var(--hud-spacing-sm)}.hud-gap-md{gap:var(--hud-spacing-md)}.hud-gap-lg{gap:var(--hud-spacing-lg)}.hud-w-full{width:100%}.hud-h-full{height:100%}.hud-w-auto{width:auto}.hud-h-auto{height:auto}.hud-relative{position:relative}.hud-absolute{position:absolute}.hud-fixed{position:fixed}.hud-z-10{z-index:10}.hud-z-20{z-index:20}.hud-z-30{z-index:30}.hud-z-40{z-index:40}.hud-z-50{z-index:50}.hud-opacity-0{opacity:0}.hud-opacity-25{opacity:.25}.hud-opacity-50{opacity:.5}.hud-opacity-75{opacity:.75}.hud-opacity-100{opacity:1}.hud-border{border:1px solid var(--hud-glass-border)}.hud-border-t{border-top:1px solid var(--hud-glass-border)}.hud-border-b{border-bottom:1px solid var(--hud-glass-border)}.hud-border-l{border-left:1px solid var(--hud-glass-border)}.hud-border-r{border-right:1px solid var(--hud-glass-border)}.hud-border-highlight{border-color:var(--hud-highlight)}.hud-border-success{border-color:var(--hud-success)}.hud-border-warning{border-color:var(--hud-warning)}.hud-border-error{border-color:var(--hud-error)}.hud-bg-glass{background:var(--hud-glass-bg)}.hud-bg-glass-light{background:var(--hud-glass-bg-light)}.hud-bg-glass-subtle{background:var(--hud-glass-bg-subtle)}.hud-text-primary{color:var(--hud-text-primary)}.hud-text-secondary{color:var(--hud-text-secondary)}.hud-text-muted{color:var(--hud-text-muted)}.hud-text-accent{color:var(--hud-text-accent)}.hud-text-success{color:var(--hud-success)}.hud-text-warning{color:var(--hud-warning)}.hud-text-error{color:var(--hud-error)}.hud-font-normal{font-weight:400}.hud-font-medium{font-weight:500}.hud-font-semibold{font-weight:600}.hud-font-bold{font-weight:700}.hud-text-xs{font-size:var(--hud-font-size-xs)}.hud-text-sm{font-size:var(--hud-font-size-sm)}.hud-text-md{font-size:var(--hud-font-size-md)}.hud-text-lg{font-size:var(--hud-font-size-lg)}.hud-text-xl{font-size:var(--hud-font-size-xl)}@media (max-width: 1024px){.hud-panel{margin:var(--hud-spacing-sm);max-width:calc(100vw - var(--hud-spacing-lg))}.measurement-hud .hud-panel,.snapping-hud .hud-panel,.inspector-panel .hud-panel{min-width:250px;max-width:300px}}@media (max-width: 768px){.performance-hud .hud-panel{min-width:160px;padding:var(--hud-spacing-xs)}.hud-panel{margin:var(--hud-spacing-xs)}.hud-content{padding:var(--hud-spacing-md)}.hud-title{padding:var(--hud-spacing-sm) var(--hud-spacing-md);font-size:var(--hud-font-size-md)}}@media (prefers-color-scheme: dark){:root{--hud-glass-bg: rgba(15, 23, 42, .98);--hud-glass-bg-light: rgba(30, 41, 59, .9)}}@media print{.hud-panel,.hud-toolbar,.mode-toolbar{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{position:relative;width:100vw;height:100vh}.ui-overlay{position:absolute;inset:0;z-index:1000;pointer-events:none;padding:20px}.ui-overlay>*{pointer-events:auto}.hud-container{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:20px;pointer-events:none}.hud-container>*{pointer-events:auto}.bottom-left-hud,.bottom-right-hud{align-self:flex-end}.top-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);max-width:90vw;overflow-x:auto}.inspector-panel{position:absolute;top:20px;right:20px;max-width:300px}.performance-hud-position{position:absolute;bottom:20px;right:20px}canvas{display:block;outline:none}.performance-monitor{position:fixed;bottom:20px;left:20px;background:#000000e6;color:#fff;padding:15px;border-radius:8px;font-family:Courier New,monospace;font-size:12px;min-width:300px;z-index:100000000;border:1px solid #333;box-shadow:0 4px 12px #00000080}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px}.performance-header h3{margin:0;font-size:14px;color:#fff}.performance-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.performance-header button:hover{color:#f44}.performance-stats,.stat-group{margin-bottom:10px}.stat-group h4{margin:0 0 5px;font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.stat{display:flex;justify-content:space-between;margin-bottom:2px;font-size:11px}.stat span:first-child{color:#aaa}.stat span:last-child{font-weight:700}.performance-controls{display:flex;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid #333}.performance-controls button{background:#333;border:1px solid #555;color:#fff;padding:4px 8px;font-size:10px;border-radius:4px;cursor:pointer;transition:background .2s}.performance-controls button:hover{background:#555}@media (max-width: 768px){.ui-overlay{padding:10px}.hud-container{bottom:10px;left:10px;right:10px;gap:10px;flex-direction:column}.top-toolbar{top:10px;max-width:calc(100vw - 20px)}.inspector-panel{top:10px;right:10px;max-width:calc(100vw - 20px)}}@media (max-width: 768px){.performance-monitor{top:10px;right:10px;left:10px;min-width:auto;font-size:10px}.performance-monitor .stat{font-size:10px}.performance-controls{flex-direction:column}.performance-controls button{font-size:9px;padding:3px 6px}}