.spy-container{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 8px 32px var(--shadow-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.spy-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--shadow-color)}.code-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;position:relative;overflow:hidden}.code-area{background:var(--bg-tertiary);border:none;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;padding:1.5rem;resize:none;width:100%;min-height:200px;border-radius:.75rem;outline:none;transition:all .3s ease}.code-area:focus{box-shadow:0 0 0 2px var(--accent-primary)}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.copy-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:white;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.copy-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--accent-primary-rgb),.3)}.copy-button.copied{background:#10b981;transform:scale(1.05)}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-button:hover{background:var(--accent-primary);color:white;transform:translateY(-2px)}.tab-container{display:flex;gap:.5rem;margin-bottom:1.5rem;border-radius:.75rem;background:var(--bg-secondary);padding:.25rem}.tab-button{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button.active{background:var(--accent-primary);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.tab-button:hover:not(.active){color:var(--accent-primary);background:var(--bg-tertiary)}.instructions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.instruction-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border-left:4px solid var(--accent-primary);transition:all .3s ease}.instruction-step:hover{transform:translateX(4px);box-shadow:0 4px 12px var(--shadow-color)}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--accent-primary);color:white;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.step-content h4{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert-warning{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#f59e0b}.alert-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}@media (max-width:768px){.action-buttons{flex-direction:column}.copy-button,.download-button{width:100%;justify-content:center}.tab-container{flex-direction:column;gap:.25rem}.tab-button{width:100%}.code-area{font-size:12px;min-height:150px;padding:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.copy-button.copied:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slide .6s ease-in-out}@keyframes slide{0%{left:-100%}to{left:100%}}