:root{--os-bg-darkest:#000;--os-bg-dark:#000;--os-bg-medium:#000;--os-bg-light:#000;--os-glass-base:#000000e6;--os-glass-hover:#000000d9;--os-glass-active:#000c;--os-glass-border:#ffffff1a;--os-glass-border-hover:#ffffff2e;--os-backdrop-blur:blur(20px);--os-card-bg:#0009;--os-card-bg-hover:#000000b3;--os-card-bg-active:#000c;--os-modal-bg:#000000fa;--os-input-bg:#00000080;--os-input-bg-hover:#0009;--os-input-bg-focus:#000000b3;--os-accent-primary:#3ea6ff;--os-accent-blue:#3ea6ff;--os-accent-orange:#f28500;--os-accent-green:#22c55e;--os-accent-red:#dc2626;--os-accent-purple:#a855f7;--os-accent-yellow:#facc15;--os-accent-cyan:#06b6d4;--os-blue-bg:#3ea6ff1a;--os-blue-border:#3ea6ff4d;--os-green-bg:#22c55e1a;--os-green-border:#22c55e4d;--os-red-bg:#ef44441a;--os-red-border:#ef44444d;--os-orange-bg:#f973161a;--os-orange-border:#f973164d;--os-purple-bg:#a855f71a;--os-purple-border:#a855f74d;--os-cyan-bg:#06b6d41a;--os-cyan-border:#06b6d44d;--os-glow-primary:none;--os-glow-orange:none;--os-glow-green:none;--os-glow-red:none;--os-text-primary:#ededed;--os-text-secondary:#a1a1aa;--os-text-tertiary:#6b7280;--os-text-disabled:#4b5563;--os-text-muted:#374151;--os-text-placeholder:#9ca3af;--os-text-placeholder-dark:#444;--os-radius-sm:4px;--os-radius-md:8px;--os-radius-lg:12px;--os-radius-full:9999px;--os-font-sans:"Inter",system-ui,-apple-system,sans-serif;--os-font-mono:"JetBrains Mono","Fira Code","Monaco",monospace}.shoot-os-app{font-family:var(--os-font-sans);background-color:var(--app-bg);color:var(--os-text-primary);-webkit-font-smoothing:antialiased}.os-panel{background:var(--os-glass-base);-webkit-backdrop-filter:var(--os-backdrop-blur);backdrop-filter:var(--os-backdrop-blur);border:none;flex-direction:column;height:100%;display:flex}.os-panel-header{letter-spacing:.8px;text-transform:uppercase;height:40px;color:var(--os-text-secondary);text-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;font-weight:700;display:flex}.os-section{border-radius:var(--os-radius-md);background:0 0;border:none;margin-bottom:8px;transition:none;overflow:hidden}.os-section:hover{border-color:var(--os-glass-border-hover)}.os-section-header{letter-spacing:.5px;height:32px;color:var(--os-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.os-section-header:hover{color:var(--os-text-primary);background:#ffffff08}.os-section-body{background:#0000001a;padding:12px}.os-input,.os-select,.os-textarea{width:100%;color:var(--os-text-primary);border-radius:var(--os-radius-sm);font-family:var(--os-font-mono);box-shadow:none;background:0 0;border:none;font-size:11px;transition:all .2s cubic-bezier(.4,0,.2,1)}.os-input:hover,.os-select:hover,.os-textarea:hover{border-color:var(--os-glass-border-hover);background:#0006}.os-input:focus,.os-select:focus,.os-textarea:focus{background:var(--floor-color-gray-whisper);box-shadow:none;border:none;outline:none}.os-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;height:28px;padding:0 24px 0 8px}.os-textarea{min-height:60px;padding:8px;line-height:1.5}.os-btn{border-radius:var(--os-radius-md);letter-spacing:.5px;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.os-btn-primary{color:var(--os-accent-primary);text-shadow:0 0 10px #3ea6ff80;background:#3ea6ff1a;border-color:#3ea6ff4d}.os-btn-primary:hover{opacity:.9}.os-btn-accent{background:var(--os-accent-orange);color:#000;font-weight:700}.os-btn-accent:hover{filter:brightness(1.1)}.os-btn-secondary{border-color:var(--os-glass-border);color:var(--os-text-secondary);background:#ffffff0d}.os-btn-secondary:hover{color:var(--os-text-primary);background:#ffffff1a}.os-layer{border:1px solid #0000;border-bottom-color:var(--os-glass-border);background:#ffffff05;height:48px;margin-bottom:0;padding:0 8px;transition:all .2s}.os-layer:hover{background:#ffffff0d}.os-layer.selected{background:#3ea6ff1a;border:1px solid #3ea6ff4d;box-shadow:inset 0 0 20px #3ea6ff0d}.os-layer-thumb{border-radius:var(--os-radius-sm);width:36px;height:36px;box-shadow:0 2px 4px #00000080}.os-scrollbar::-webkit-scrollbar{width:6px;height:6px}.os-scrollbar::-webkit-scrollbar-track{background:0 0}.os-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.os-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.os-divider{background:linear-gradient(90deg,transparent,var(--os-glass-border),transparent);height:1px;margin:12px 0}.os-label{color:var(--os-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:9px;font-weight:700}@keyframes spinBorder{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}