.uni-menu{--uni-menu-bg: rgba(15, 23, 42, .95);--uni-menu-border: rgba(148, 163, 184, .1);--uni-menu-text: #e2e8f0;--uni-menu-text-muted: #94a3b8;--uni-menu-accent: #38bdf8;--uni-menu-active-bg: rgba(56, 189, 248, .15);--uni-menu-hover-bg: rgba(148, 163, 184, .1);font-family:system-ui,-apple-system,sans-serif;background:var(--uni-menu-bg);border-bottom:1px solid var(--uni-menu-border)}.uni-menu__bar{display:flex;align-items:center;gap:2px;padding:4px 8px;overflow-x:auto;scrollbar-width:none}.uni-menu__bar::-webkit-scrollbar{display:none}.uni-menu__item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--uni-menu-text);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.uni-menu__item:hover{background:var(--uni-menu-hover-bg)}.uni-menu__item.active{background:var(--uni-menu-active-bg);color:var(--uni-menu-accent)}.uni-menu__item.expanded{background:var(--uni-menu-active-bg)}.uni-menu__item .uni-menu__arrow{font-size:10px;opacity:.6;transition:transform .2s}.uni-menu__item.expanded .uni-menu__arrow{transform:rotate(180deg)}.uni-menu__icon{font-size:16px}.uni-menu__label{display:none}@media (min-width: 640px){.uni-menu__label{display:inline}}.uni-menu__submenu{overflow:hidden;max-height:0;transition:max-height .25s ease-out}.uni-menu__submenu:has(.uni-menu__submenu-row){max-height:200px}.uni-menu__submenu-row{display:flex;align-items:center;gap:2px;padding:4px 8px 8px;overflow-x:auto;scrollbar-width:none;background:#0003;border-top:1px solid var(--uni-menu-border)}.uni-menu__submenu-row::-webkit-scrollbar{display:none}.uni-menu__subitem{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0d;border:1px solid var(--uni-menu-border);border-radius:6px;color:var(--uni-menu-text);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.uni-menu__subitem:hover{background:var(--uni-menu-hover-bg);border-color:var(--uni-menu-accent)}.uni-menu__subitem.active{background:var(--uni-menu-active-bg);border-color:var(--uni-menu-accent);color:var(--uni-menu-accent)}.unideck-remote{--remote-bg: rgba(15, 23, 42, .98);--remote-border: rgba(148, 163, 184, .15);--remote-text: #e2e8f0;--remote-text-muted: #64748b;--remote-accent: #38bdf8;--remote-slot-bg: rgba(30, 41, 59, .8);--remote-slot-hover: rgba(56, 189, 248, .1);--remote-slot-active: rgba(56, 189, 248, .2);--remote-size: 260px;position:fixed;z-index:9999;width:var(--remote-size);background:var(--remote-bg);border:1px solid var(--remote-border);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;font-family:system-ui,-apple-system,sans-serif;transition:transform .25s ease,opacity .25s ease,right .3s ease;pointer-events:auto}body:not(.controls-closed) .unideck-remote.dock-right{right:340px;top:50%;transform:translateY(-50%)}body.controls-closed .unideck-remote.dock-right,.unideck-remote.dock-right{right:16px;top:50%;transform:translateY(-50%)}.unideck-remote.dock-left{left:16px;top:50%;transform:translateY(-50%)}.unideck-remote.dock-bottom{bottom:16px;left:50%;transform:translate(-50%);width:auto;max-width:90vw}.unideck-remote.dock-bottom .unideck-remote__grid{display:flex;flex-wrap:wrap;justify-content:center}.unideck-remote.dock-float{right:16px;bottom:80px;transition:transform .2s,opacity .2s,box-shadow .2s}.unideck-remote.dock-float.dragging{right:auto!important;bottom:auto!important;transition:none}body:not(.controls-closed) .unideck-remote.dock-float:not([style*=left]){right:340px}.unideck-remote.hidden{transform:translate(120%);opacity:0;pointer-events:none}.unideck-remote.dock-left.hidden{transform:translate(-120%)}.unideck-remote.dock-bottom.hidden{transform:translate(-50%) translateY(120%)}.unideck-remote.collapsed .unideck-remote__grid,.unideck-remote.collapsed .unideck-remote__footer{display:none}.unideck-remote.collapsed{width:auto;min-width:120px}.unideck-remote__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--remote-border);cursor:grab;-webkit-user-select:none;user-select:none}.unideck-remote__header:active{cursor:grabbing}.unideck-remote.dragging{opacity:.9;box-shadow:0 20px 60px #00000080;z-index:10001}.unideck-remote__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--remote-text);text-transform:uppercase;letter-spacing:.5px}.unideck-remote__back{padding:2px 6px;background:#ffffff1a;border:none;border-radius:4px;color:var(--remote-text);font-size:10px;cursor:pointer;transition:background .15s}.unideck-remote__back:hover{background:#fff3}.unideck-remote__controls{display:flex;gap:4px}.unideck-remote__btn{padding:4px 6px;background:transparent;border:none;border-radius:4px;color:var(--remote-text-muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.unideck-remote__btn:hover{background:#ffffff1a;color:var(--remote-text)}.unideck-remote__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.unideck-remote__grid.edit-mode .unideck-remote__slot{animation:edit-pulse 1.5s ease-in-out infinite}@keyframes edit-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--remote-border)}50%{box-shadow:inset 0 0 0 2px var(--remote-accent)}}.unideck-remote__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;padding:8px 4px;background:var(--remote-slot-bg);border:1px solid var(--remote-border);border-radius:8px;color:var(--remote-text);cursor:pointer;transition:all .15s}.unideck-remote__slot:hover{background:var(--remote-slot-hover);border-color:var(--remote-accent);transform:scale(1.02)}.unideck-remote__slot:active,.unideck-remote__slot.activated{background:var(--remote-slot-active);transform:scale(.95)}.unideck-remote__slot.empty{background:#1e293b66;border-style:dashed;color:var(--remote-text-muted)}.unideck-remote__slot.empty:hover{border-color:var(--remote-accent)}.unideck-remote__slot.collection{border-color:#a855f766}.unideck-remote__slot.preset{border-color:#22c55e66}.unideck-remote__shortcut{position:absolute;top:3px;left:5px;font-size:9px;font-weight:600;color:var(--remote-text-muted);opacity:.7}.unideck-remote__icon{font-size:20px;line-height:1}.unideck-remote__label{font-size:9px;font-weight:500;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unideck-remote__footer{padding:6px 10px;border-top:1px solid var(--remote-border)}.unideck-remote__hint{font-size:10px;color:var(--remote-text-muted)}.unideck-remote__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.unideck-remote__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.unideck-remote__modal-content{position:relative;width:320px;max-width:90vw;padding:20px;background:var(--remote-bg);border:1px solid var(--remote-border);border-radius:12px;box-shadow:0 16px 48px #00000080}.unideck-remote__modal-content h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--remote-text)}.unideck-remote__editor-form .form-group{margin-bottom:12px}.unideck-remote__editor-form label{display:block;margin-bottom:4px;font-size:11px;font-weight:500;color:var(--remote-text-muted);text-transform:uppercase;letter-spacing:.5px}.unideck-remote__editor-form input,.unideck-remote__editor-form select{width:100%;padding:8px 10px;background:#1e293bcc;border:1px solid var(--remote-border);border-radius:6px;color:var(--remote-text);font-size:13px}.unideck-remote__editor-form input:focus,.unideck-remote__editor-form select:focus{outline:none;border-color:var(--remote-accent)}.unideck-remote__editor-form .form-actions{display:flex;gap:8px;margin-top:16px}.unideck-remote__editor-form button{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.unideck-remote__editor-form .btn-primary{background:var(--remote-accent);color:#0f172a}.unideck-remote__editor-form .btn-primary:hover{filter:brightness(1.1)}.unideck-remote__editor-form .btn-secondary{background:#ffffff1a;color:var(--remote-text)}.unideck-remote__editor-form .btn-secondary:hover{background:#ffffff26}.unideck-remote__editor-form .btn-danger{background:#ef444433;color:#ef4444}.unideck-remote__editor-form .btn-danger:hover{background:#ef44444d}@media (max-width: 640px){.unideck-remote{--remote-size: 240px}.unideck-remote.dock-right,.unideck-remote.dock-left{top:auto;bottom:16px;transform:none}.unideck-remote__icon{font-size:18px}.unideck-remote__label{font-size:8px}}body.ui-hidden .unideck-remote,body.ui-hidden .unideck-remote-toggle{opacity:0;pointer-events:none}.unideck-remote-toggle{position:fixed;z-index:10000;width:40px;height:40px;background:var(--remote-bg, rgba(15, 23, 42, .95));border:1px solid var(--remote-border, rgba(255, 255, 255, .1));border-radius:50%;color:var(--remote-text, #e2e8f0);font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;transition:all .2s ease}.unideck-remote-toggle:hover{background:#1e293bfa;transform:scale(1.1);box-shadow:0 6px 24px #00000080}.unideck-remote-toggle.dock-right{right:16px;bottom:16px}.unideck-remote-toggle.dock-left{left:16px;bottom:16px}.unideck-remote-toggle.dock-bottom{left:50%;bottom:16px;transform:translate(-50%)}.unideck-remote-toggle.dock-bottom:hover{transform:translate(-50%) scale(1.1)}.unideck-remote-toggle.dock-float{right:16px;bottom:16px}body:not(.controls-closed) .unideck-remote-toggle.dock-right,body:not(.controls-closed) .unideck-remote-toggle.dock-float{right:340px}
