:root{--bg:#f6f6f6;--surface:#fff;--elevated:#f0f1f1;--border:#e1e3e3;--border-hover:#dbdddd;--accent:#bca100;--accent-dim:#bca1001a;--accent-dim-hover:#bca10033;--accent-10:#bca1001a;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--success:#10b981;--success-dim:#10b9811f;--error:#ef4444;--error-dim:#ef44441a;--warning:#f59e0b;--warning-dim:#f59e0b1f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:all .1s ease;--transition-normal:all .15s ease;--transition-slow:all .2s ease}.dark{--bg:#252526;--surface:#2d2d30;--elevated:#3e3e42;--border:#4e4e52;--border-hover:#5d5d62;--accent:#f7f145;--accent-dim:#f7f1451a;--accent-dim-hover:#f7f14533;--accent-10:#f7f1451a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--success:#34d399;--success-dim:#34d3991f;--error:#f87171;--error-dim:#f871711a;--warning:#fbbf24;--warning-dim:#fbbf241f}:root{--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Courier New",monospace;--font-sans:"Manrope",sans-serif;--font-heading:"Space Grotesk",sans-serif;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:inherit;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:0 0;flex-direction:column;min-height:100dvh;margin:0;padding:0;display:flex;overflow-x:hidden}.layout-main{min-height:0;padding-top:calc(56px + env(safe-area-inset-top,0px));flex-direction:column;flex:1;display:flex;background:0 0!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);margin:0;font-weight:400}.hero-heading{font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1.1;font-family:var(--font-heading)}.section-heading{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;font-family:var(--font-heading);letter-spacing:-.04em}.tool-name{font-size:18px;font-weight:700;font-family:var(--font-heading)}.body-text{font-size:14px;font-weight:400}.code-label{font-size:13px;font-weight:400}.micro-text{letter-spacing:.1em;font-size:11px;font-weight:500}a{color:var(--text-primary);cursor:pointer;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}textarea{resize:vertical}.container{width:100%;max-width:1400px;margin:0 auto}.technical-gradient{background:linear-gradient(135deg,var(--accent)0%,transparent 100%)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:1s step-end infinite blink}@keyframes slideProgress{0%{width:0%}to{width:100%}}.converting-progress{background-color:var(--accent);height:1px;animation:.3s ease-out forwards slideProgress}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.animate-on-scroll{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}}.animate-on-scroll:first-child{transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:60ms}.animate-on-scroll:nth-child(3){transition-delay:.12s}.animate-on-scroll:nth-child(4){transition-delay:.18s}.animate-on-scroll:nth-child(5){transition-delay:.24s}.animate-on-scroll:nth-child(6){transition-delay:.3s}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-wrapper{animation:.2s ease-out pageFadeIn}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 var(--warning-dim)}50%{box-shadow:0 0 0 5px #0000}}@keyframes successFlash{0%{box-shadow:0 0 0 2px var(--success)}to{box-shadow:0 0 #0000}}@keyframes outputBlockReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-loading{background:linear-gradient(90deg,var(--elevated)25%,var(--border)50%,var(--elevated)75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.desktop-hidden{display:none}@media (max-width:767px){.desktop-hidden{display:flex}}
:root{--smcp-radius-xl:20px;--smcp-radius-lg:14px;--smcp-radius-sm:8px;--smcp-shadow-elevated:12px 12px 32px #0000000f,-12px -12px 32px #fffc,inset 1px 1px 1px #ffffffe6;--smcp-shadow-card:6px 6px 16px #0000000a,-6px -6px 16px #fffc,inset 1px 1px 1px #ffffffe6;--smcp-shadow-inset:inset 5px 5px 12px #0000000d,inset -5px -5px 12px #fffc;--smcp-accent-bar:3px solid var(--accent-dim);--glass-bg:#ffffffa6;--transition-fluid:all .4s cubic-bezier(.16,1,.3,1)}.dark{--smcp-shadow-elevated:12px 12px 32px #0006,-12px -12px 32px #ffffff05,inset 1px 1px 1px #ffffff0d;--smcp-shadow-card:6px 6px 16px #0000004d,-6px -6px 16px #ffffff05,inset 1px 1px 1px #ffffff0d;--smcp-shadow-inset:inset 5px 5px 12px #0006,inset -5px -5px 12px #ffffff05;--smcp-accent-bar:3px solid #f7f14533;--glass-bg:#121214a6}.smcp-glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)}.smcp-command-panel{border:1px solid var(--border-hover);background:var(--surface);border-radius:var(--smcp-radius-xl);border-left:var(--smcp-accent-bar);box-shadow:var(--smcp-shadow-elevated);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:640px;margin-left:auto;margin-right:auto;padding:16px 18px;display:flex}.smcp-command-panel--wide{max-width:min(100%,720px)}.smcp-command-code,.smcp-command-panel code{font-family:var(--font-mono);color:var(--accent);word-break:break-all;text-align:left;flex:1;min-width:min(100%,200px);font-size:clamp(12px,2.8vw,13px);line-height:1.45}.smcp-command-row{flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;margin-left:auto;margin-right:auto;display:flex}.smcp-cmd-meta{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);text-align:left;width:100%;font-size:9px;font-family:var(--font-mono)}.smcp-btn{font-family:var(--font-heading);border:1px solid var(--accent);background:var(--accent-dim);min-height:44px;color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-sizing:border-box;border-radius:var(--smcp-radius-lg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:var(--smcp-shadow-card);transition:var(--transition-fluid);will-change:transform,box-shadow;justify-content:center;align-items:center;padding:12px 24px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.smcp-btn:hover{background:var(--accent);color:var(--bg);box-shadow:var(--smcp-shadow-elevated);transform:translateY(-2px)}.smcp-btn:active{transform:translateY(1px)scale(.97);box-shadow:var(--smcp-shadow-inset)!important}.smcp-btn--solid{background:var(--accent);color:var(--bg);border-color:var(--accent)}.smcp-btn--solid:hover{opacity:.92}.smcp-btn--ghost{color:var(--text-secondary);border-color:var(--border-hover);background:0 0}.smcp-btn--ghost:hover{color:var(--text-primary);border-color:var(--text-primary);background:var(--surface)}.smcp-link-docs{font-family:var(--font-mono);color:var(--accent);border-bottom:1px solid var(--accent);text-transform:uppercase;letter-spacing:.06em;padding:4px 0;font-size:11px;text-decoration:none}.smcp-link-docs:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.smcp-surface-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--smcp-radius-xl);border-left:var(--smcp-accent-bar);box-shadow:var(--smcp-shadow-card)}.smcp-format-pill{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--smcp-radius-lg);border-left:var(--smcp-accent-bar);box-shadow:var(--smcp-shadow-card);align-items:center;gap:8px;padding:10px 14px;display:inline-flex}