:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-primary: #0a0a0c;--bg-secondary: #0f0f13;--bg-tertiary: #161620;--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-glow: rgba(139, 92, 246, .4);--accent: #d946ef;--accent-glow: rgba(217, 70, 239, .3);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--glass-bg: rgba(15, 15, 19, .75);--glass-blur: 16px;--glass-border: rgba(255, 255, 255, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-osx-grayscale:grayscale;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 8px 32px #0006}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-blur-blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none;opacity:.6}.bg-blur-blob--accent{background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);width:400px;height:400px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow)}to{box-shadow:0 0 20px var(--primary-glow)}}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.qz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;padding:1rem 0}.qz-card{padding:3rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:28px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex!important;flex-direction:column}.qz-card:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-6px);box-shadow:0 20px 50px #00000080}.qz-card--soon{opacity:.5;cursor:not-allowed}.qz-card-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}.qz-card:hover .qz-card-glow{opacity:1}.qz-card-icon{font-size:3rem;margin-bottom:1.5rem}.qz-card-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);display:block}.qz-card-desc{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:2rem;line-height:1.6;flex-grow:1}.qz-card-tags{display:flex;gap:.75rem;margin-top:auto}.qz-card-tag{padding:.375rem .875rem;background:#8b5cf61a;color:var(--primary);border-radius:6px;font-size:.75rem;font-weight:600}.qz-card-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}@media(max-width:768px){.qz-grid{grid-template-columns:1fr}}:root{--hd-border: 1px dashed rgba(139, 92, 246, .5);--hd-label-bg: rgba(139, 92, 246, .12);--hd-label-color: #a78bfa;--hd-label-font: .65rem;--hd-secondary-border: 1px dashed rgba(99, 102, 241, .4);--hd-secondary-label-bg: rgba(99, 102, 241, .1);--hd-secondary-label-color: #818cf8;--hd-handle-border: 1px dashed rgba(217, 70, 239, .5);--hd-handle-label-bg: rgba(217, 70, 239, .1);--hd-handle-label-color: #e879f9;--hd-surface: rgba(255, 255, 255, .025);--hd-surface-hover: rgba(139, 92, 246, .04)}.hd{position:relative;border:var(--hd-border);border-radius:8px;background:var(--hd-surface)}.hd:before{content:attr(data-directive);position:absolute;top:.3rem;left:.4rem;padding:.1rem .4rem;background:var(--hd-label-bg);color:var(--hd-label-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--hd-label-font);font-weight:600;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:2;line-height:1.4}.hd--panel{border:var(--hd-secondary-border);background:var(--hd-surface);border-radius:6px}.hd--panel:before{background:var(--hd-secondary-label-bg);color:var(--hd-secondary-label-color)}.hd--handle{border:var(--hd-handle-border);background:#d946ef0a;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:col-resize}.hd--handle:before{top:auto;bottom:.25rem;left:50%;transform:translate(-50%);background:var(--hd-handle-label-bg);color:var(--hd-handle-label-color)}.hd--handle:hover{background:#d946ef14}.hd--handle-v{cursor:row-resize}.hd--handle-v:before{bottom:auto;top:50%;left:.4rem;transform:translateY(-50%)}.hd__body{padding:1rem;margin-top:.5rem}.hd__meta{font-size:.7rem;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;margin-top:.25rem}.hd__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.hd-demo{width:100%;max-width:640px;margin:0 auto;padding:1.5rem 0}.hd-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2);border-radius:4px;font-size:.7rem;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.hd-tag--input{background:#6366f11a;color:#818cf8;border-color:#6366f133}.hd-tag--output{background:#10b9811a;color:#34d399;border-color:#10b98133}