.hero-picker{width:100%;max-width:560px;margin-top:4px;border:1px solid rgba(21,21,22,.1);background:#ffffff;box-shadow:0 1px 0 rgba(21,21,22,.04),0 18px 40px -28px rgba(21,21,22,.18)}.hero-picker-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(21,21,22,.035);border-bottom:1px solid rgba(21,21,22,.08)}.hero-picker-tab{display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:0;border-right:1px solid rgba(21,21,22,.06);cursor:pointer;text-align:left;position:relative;transition:background .18s ease,color .18s ease;font-family:var(--font-inter),"Inter",sans-serif}.hero-picker-tab:last-child{border-right:0}.hero-picker-tab:hover{background:rgba(21,21,22,.05)}.hero-picker-tab.is-active{background:#ffffff}.hero-picker-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#9663f1}.hero-picker-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(150,99,241,.1);color:#6d3dd1;flex:0 0 auto;transition:background .18s ease,color .18s ease}.hero-picker-tab.is-active .hero-picker-tab-icon{background:rgba(150,99,241,.18)}.hero-picker-tab-text{display:flex;flex-direction:column;gap:1px;min-width:0}.hero-picker-tab-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:15px;font-weight:700;color:rgba(21,21,22,.65);letter-spacing:-.005em;transition:color .18s ease;line-height:1.1}.hero-picker-tab.is-active .hero-picker-tab-label{color:#151516}.hero-picker-tab-new{display:inline-flex;align-items:center;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff;background:#9663f1;padding:2px 6px;border-radius:999px;line-height:1}.hero-picker-tab-sub{font-size:11px;font-weight:500;color:rgba(21,21,22,.5);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.hero-picker-tab.is-active .hero-picker-tab-sub{color:#9663f1}.hero-picker-panel{padding:20px;min-height:184px}.hero-picker-content{display:flex;flex-direction:column;gap:14px}.hero-picker-desc{font-family:var(--font-inter),"Inter",sans-serif;font-size:14px;line-height:1.5;color:rgba(21,21,22,.72);margin:0}.hero-picker-terminal{background:#1b1d24;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px}.hero-picker-terminal,.hero-picker-terminal-comment{font-family:var(--font-geist-mono),ui-monospace,"SF Mono",monospace}.hero-picker-terminal-comment{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:6px}.hero-picker-terminal-line{display:flex;align-items:center;gap:10px}.hero-picker-terminal-prompt{color:#6ee7a8;font-size:13px;font-weight:600;user-select:none}.hero-picker-terminal-cmd{flex:1;font-size:14px;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-picker-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:11px;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.hero-picker-copy-btn:hover{background:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.16)}.hero-picker-copy-btn.is-copied{background:rgba(110,231,168,.14);border-color:rgba(110,231,168,.3);color:#6ee7a8}.hero-picker-editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hero-picker-editor-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px 10px;background:rgba(21,21,22,.025);border:1px solid rgba(21,21,22,.08);border-radius:6px;text-decoration:none;color:inherit;transition:background .18s ease,border-color .18s ease,transform .18s ease}.hero-picker-editor-btn:hover{background:rgba(150,99,241,.07);border-color:rgba(150,99,241,.32);transform:translateY(-1px)}.hero-picker-editor-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.hero-picker-editor-img{width:24px;height:24px;object-fit:contain}.hero-picker-editor-name{font-size:12px;font-weight:600;color:#151516;letter-spacing:-.005em}.hero-picker-editor-name,.hero-picker-foot{font-family:var(--font-inter),"Inter",sans-serif}.hero-picker-foot{font-size:12.5px;color:rgba(21,21,22,.6);margin:0;line-height:1.4}.hero-picker-foot code{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:.92em;padding:1px 5px;background:rgba(21,21,22,.06);border-radius:3px;color:#151516}.hero-picker-foot-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:4px;padding-top:12px;border-top:1px solid rgba(21,21,22,.06)}.hero-picker-foot{margin-right:auto}.hero-picker-learn-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 0;font-family:var(--font-inter),"Inter",sans-serif;font-size:12.5px;font-weight:600;color:rgba(21,21,22,.62);background:transparent;border:0;text-decoration:none;transition:color .18s ease,gap .18s ease;flex:0 0 auto}.hero-picker-learn-btn svg{transition:transform .18s ease;color:#9663f1}.hero-picker-learn-btn:hover{color:#151516}.hero-picker-learn-btn:hover svg{transform:translateX(3px);color:#6d3dd1}@media (max-width:1024px){.hero-picker{margin-left:auto;margin-right:auto}}@media (max-width:560px){.hero-picker-tab{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.hero-picker-tab-icon{width:28px;height:28px}.hero-picker-tab-sub{display:none}.hero-picker-editor-grid{grid-template-columns:repeat(2,1fr)}.hero-picker-terminal-cmd{font-size:13px}.hero-picker-panel{padding:16px}}:root.dark .hero-picker{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.02),0 18px 40px -28px rgba(0,0,0,.6)}:root.dark .hero-picker-tabs{background:rgba(255,255,255,.03);border-bottom-color:rgba(255,255,255,.08)}:root.dark .hero-picker-tab{border-right-color:rgba(255,255,255,.05)}:root.dark .hero-picker-tab:hover{background:rgba(255,255,255,.05)}:root.dark .hero-picker-tab.is-active{background:rgba(255,255,255,.02)}:root.dark .hero-picker-tab-icon{background:rgba(196,169,255,.12);color:#c4a9ff}:root.dark .hero-picker-tab.is-active .hero-picker-tab-icon{background:rgba(196,169,255,.2)}:root.dark .hero-picker-tab-label{color:rgba(255,255,255,.6)}:root.dark .hero-picker-tab.is-active .hero-picker-tab-label{color:#ffffff}:root.dark .hero-picker-tab-sub{color:rgba(255,255,255,.4)}:root.dark .hero-picker-tab.is-active .hero-picker-tab-sub{color:#c4a9ff}:root.dark .hero-picker-tab.is-active:after{background:#c4a9ff}:root.dark .hero-picker-desc{color:rgba(255,255,255,.72)}:root.dark .hero-picker-editor-btn{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}:root.dark .hero-picker-editor-btn:hover{background:rgba(196,169,255,.08);border-color:rgba(196,169,255,.32)}:root.dark .hero-picker-editor-name{color:#ffffff}:root.dark .hero-picker-editor-img{filter:brightness(0) invert(1);opacity:.85}:root.dark .hero-picker-foot{color:rgba(255,255,255,.6)}:root.dark .hero-picker-foot code{background:rgba(255,255,255,.08);color:#ffffff}:root.dark .hero-picker-foot-row{border-top-color:rgba(255,255,255,.08)}:root.dark .hero-picker-learn-btn{color:rgba(255,255,255,.6)}:root.dark .hero-picker-learn-btn svg{color:#c4a9ff}:root.dark .hero-picker-learn-btn:hover,:root.dark .hero-picker-learn-btn:hover svg{color:#ffffff}