.webui-device{background:#111827;border-radius:28px;padding:6px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 16px 50px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);width:100%;max-width:680px;margin:0 auto;position:relative}.webui-screen{background:#1a1a2e;border-radius:22px;overflow:hidden;position:relative}.webui-topbar{background:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.webui-topbar h1{color:#E91E63;font-size:13px;font-weight:700;flex-shrink:0}.webui-topbar-btns{display:flex;gap:4px;flex-wrap:wrap}.webui-topbar-btns button{padding:3px 7px;border:none;border-radius:4px;font-size:8.5px;cursor:default;font-family:inherit}.btn-debug{background:#4CAF50;color:#fff}.btn-logs{background:#2196F3;color:#fff}.btn-about{background:#9C27B0;color:#fff}.btn-save{background:#FF9800;color:#fff}.btn-exit{background:#f44336;color:#fff}.webui-body{display:flex;min-height:320px}.webui-sidebar{width:90px;background:#fff;padding:8px 4px;flex-shrink:0}.webui-sidebar ul{list-style:none;padding:0;margin:0}.webui-sidebar li{padding:6px 8px;margin:1px 0;border-radius:6px;font-size:10px;cursor:default;transition:background .2s,color .2s;color:#555;text-align:center}.webui-sidebar li.active{background:#E91E63;color:#fff}.webui-sidebar li:not(.active):hover{background:#fce4ec}.webui-content{flex:1;background:#f5f5f5;padding:8px;overflow-y:auto;max-height:300px}.webui-panel{background:#fff;border-radius:8px;padding:10px;margin-bottom:8px}.webui-panel-title{font-size:11px;font-weight:700;color:#333;margin-bottom:8px;padding-bottom:5px;border-bottom:2px solid #e91e63}.webui-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.webui-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.webui-param-row{display:flex;align-items:center;margin:4px 0;gap:4px}.webui-param-label{width:28px;font-size:9px;color:#555;flex-shrink:0}.webui-param-val{width:40px;font-size:9px;color:#333;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.webui-param-slider{flex:1;accent-color:#E91E63;height:4px;cursor:default}.webui-param-input{width:46px;padding:2px 3px;border:1px solid #ddd;border-radius:4px;font-size:9px;text-align:right;background:#fff;color:#333}.webui-section-title{font-size:10px;font-weight:700;color:#333;margin:8px 0 6px;padding-bottom:3px;border-bottom:1px solid #e91e63}.webui-switch-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.webui-switch-label{font-size:10px;color:#444}.webui-switch{position:relative;width:32px;height:16px;flex-shrink:0}.webui-switch input{opacity:0;width:0;height:0}.webui-slider{position:absolute;cursor:default;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.3s;border-radius:16px}.webui-slider:before{position:absolute;content:"";height:11px;width:11px;left:2.5px;bottom:2.5px;background:#fff;transition:.3s;border-radius:50%}.webui-switch input:checked+.webui-slider{background:#E91E63}.webui-switch input:checked+.webui-slider:before{transform:translateX(16px)}.webui-btn-group{display:flex;gap:6px;margin-top:8px}.webui-btn{padding:5px 12px;border:none;border-radius:5px;font-size:10px;cursor:default;font-family:inherit;font-weight:600}.webui-btn-primary{background:#4CAF50;color:#fff}.webui-btn-danger{background:#f44336;color:#fff}.webui-btn-secondary{background:#E91E63;color:#fff}.webui-hotkey-row{display:flex;align-items:center;gap:6px;margin:4px 0}.webui-hotkey-label{width:40px;font-size:9px;color:#555}.webui-hotkey-value{flex:1;padding:4px 6px;border:1px solid #ddd;border-radius:5px;background:#f5f5f5;font-size:9px;color:#333;min-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webui-hotkey-btn{padding:4px 8px;border:none;border-radius:5px;font-size:9px;cursor:default;background:#E91E63;color:#fff;font-family:inherit;flex-shrink:0}.webui-aim-wrap{display:flex;align-items:flex-start;gap:10px}.webui-aim-panel{background:#fff;border-radius:8px;padding:8px;width:100px;flex-shrink:0}.webui-aim-title{font-size:10px;font-weight:700;color:#333;margin-bottom:5px;padding-bottom:4px;border-bottom:2px solid #e91e63;text-align:center}.webui-aim-dot{animation:aim-pulse 2s ease-in-out infinite}.webui-statusbar{background:#fff;padding:6px 12px;display:flex;gap:14px;font-size:10px;border-top:1px solid rgba(0,0,0,.05);flex-wrap:wrap}.webui-status-item{display:flex;align-items:center;gap:4px;color:#555}.webui-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.webui-status-dot.green{background:#4CAF50;animation:status-pulse 2s ease-in-out infinite}.webui-status-dot.red{background:#f44336}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(76,175,80,0)}}@keyframes aim-pulse{0%,to{r:6;opacity:1}50%{r:8;opacity:.7}}.webui-select{padding:5px;margin:3px 0}.webui-input,.webui-select{width:100%;border:1px solid #ddd;border-radius:5px;font-size:10px;background:#fff;color:#333;font-family:inherit}.webui-input{padding:4px 6px;margin:2px 0}.webui-form-label{display:block;font-size:9px;color:#666;margin-bottom:2px}.webui-form-group{margin:5px 0}.webui-help{background:#f0f7ff;border-radius:6px;padding:8px;font-size:9px;line-height:1.6;color:#555;border:1px solid #d0e3f7}