html,body,#root{min-height:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass-bg:#121214a6;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff0f;--surface-page:#0b0b0e;--surface-card:#16161abf;--surface-hover:#1e1e24d9;--surface-glow:radial-gradient(ellipse 60% 40% at 50% -10%, #6366f11f, transparent);--text:#f1f1f3;--text-secondary:#88888f;--text-muted:#5c5c64;--text-accent:#a5b4fc;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-subtle:#818cf81a;--accent-glow:#818cf840;--accent-glow-heavy:#818cf826;--success:#34d399;--success-bg:#34d3991a;--danger:#f87171;--danger-bg:#f871711a;--warn:#fbbf24;--warn-bg:#fbbf241a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", monospace;background:var(--surface-page);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-page);min-height:100dvh;color:var(--text);overflow-x:hidden}::selection{background:var(--accent-subtle);color:var(--accent)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-hover:hover{background:var(--surface-hover);border-color:var(--glass-border-hover)}body{font-family:var(--font-sans)}code,.font-mono{font-family:var(--font-mono)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.muted{color:var(--text-secondary)}.muted-light{color:var(--text-muted)}.accent{color:var(--accent)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.page{z-index:1;max-width:1000px;margin:0 auto;padding:32px 16px 64px;position:relative}.page-glow{background:var(--surface-glow);pointer-events:none;z-index:0;position:fixed;inset:0}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-header h1{letter-spacing:-.03em;margin:2px 0 6px;font-size:1.75rem;font-weight:700;line-height:1.2}.back-link{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:8px;font-size:.85rem;font-weight:500;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.env-tag{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.03em;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.env-tag-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.env-tag-dot.live{background:var(--success);box-shadow:0 0 6px #34d39980}.env-tag-dot.mock{background:var(--warn);box-shadow:0 0 6px #fbbf2466}.section-label{font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:600}.tool-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);display:block}.tool-card:hover{background:var(--surface-hover);border-color:var(--accent-subtle);transform:translateY(-3px);box-shadow:0 12px 40px -8px #00000080,inset 0 1px #ffffff14}.tool-card-featured{padding:var(--space-xl);border-color:#818cf826;position:relative;overflow:hidden}.tool-card-featured:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.tool-card-featured:hover{border-color:#818cf859}.card-kicker{font-size:.65rem;font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-weight:600}.card-badge{font-size:.65rem;font-family:var(--font-mono);background:var(--accent-subtle);color:var(--accent);border:1px solid #818cf833;border-radius:999px;padding:2px 8px;font-weight:600}.card-badge-muted{border-color:var(--glass-border);color:var(--text-muted);background:#ffffff0a}.card-title{letter-spacing:-.02em;margin:8px 0;font-size:1.2rem;font-weight:700;line-height:1.3;transition:color .2s}.card-title-sm{letter-spacing:-.02em;margin:6px 0;font-size:1rem;font-weight:700;line-height:1.3;transition:color .2s}.tool-card:hover .card-title,.tool-card:hover .card-title-sm{color:var(--accent)}.card-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.card-desc-sm{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.card-cta{color:var(--accent);margin-top:var(--space-sm);align-items:center;font-size:.82rem;font-weight:600;display:inline-flex}.cta-arrow{margin-left:4px;transition:transform .2s;display:inline-block}.tool-card:hover .cta-arrow{transform:translate(4px)}.grid{gap:var(--space-md);display:grid}.grid-1,.grid-2,.grid-3{grid-template-columns:1fr}@media (width>=640px){.grid-2{grid-template-columns:1fr 1fr}}@media (width>=860px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}}.token-gate{border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--space-xl);position:relative;overflow:hidden}.token-gate-glow{pointer-events:none;background:radial-gradient(circle,#818cf814,#0000 70%);width:300px;height:300px;position:absolute;top:-40%;left:30%}.token-gate-icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:52px;height:52px;margin-bottom:var(--space-md);border:1px solid #818cf833;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.token-gate h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.15rem;font-weight:700}.token-gate p{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:480px;font-size:.9rem;line-height:1.5}.token-gate input{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;color:var(--text);font-family:var(--font-mono);margin-bottom:var(--space-md);background:#ffffff0d;outline:none;padding:12px 16px;font-size:.85rem;transition:all .2s}.token-gate input:focus{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #818cf826}.token-gate input::placeholder{color:var(--text-muted)}.panel{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.panel-body{padding:var(--space-lg)}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 20px;transition:all .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0b0b0e;font-weight:700;box-shadow:0 4px 16px #818cf840}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 24px #818cf859}.btn-ghost{border-color:var(--glass-border);color:var(--text-secondary);background:#ffffff0a}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--glass-border-hover);background:#ffffff14}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-xs{border-radius:6px;padding:4px 12px;font-size:.72rem}.dropzone{border:1.5px dashed var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 24px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--accent-subtle);background:var(--accent-subtle)}.dropzone input{display:none}.dropzone strong{font-size:.95rem}.dropzone .muted{font-size:.78rem}.input{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;color:var(--text);font-size:.9rem;font-family:var(--font-sans);background:#ffffff0a;outline:none;padding:12px 16px;transition:all .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f}.textarea{resize:vertical;min-height:120px;font-size:.88rem;line-height:1.6}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;gap:8px;font-weight:500;display:inline-flex}.checkbox-label input{appearance:none;border:1.5px solid var(--glass-border);cursor:pointer;background:#ffffff0a;border-radius:4px;width:18px;height:18px;transition:all .15s;position:relative}.checkbox-label input:checked{background:var(--accent);border-color:var(--accent)}.checkbox-label input:checked:after{content:"✓";color:#0b0b0e;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:flex}.progress-wrap{background:#ffffff0f;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--accent);background-image:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:999px;height:100%;transition:width .4s}.stats-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-md);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center}.stat-card-label{font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.stat-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700}.output-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.output-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff08}.tab-group{margin-bottom:var(--space-md);flex-wrap:wrap;gap:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:#ffffff08;padding:6px 14px;transition:all .15s}.tab-btn:hover{color:var(--text);border-color:var(--glass-border-hover)}.tab-btn.active{color:var(--text);border-color:var(--accent);background:var(--accent-subtle)}.err-banner,.warn-banner{border-radius:var(--radius-md);padding:12px 16px;font-size:.85rem;line-height:1.5}.err-banner{background:var(--danger-bg);color:var(--danger);border:1px solid #f8717126}.warn-banner{background:var(--warn-bg);color:var(--warn);border:1px solid #fbbf2426}.md-view{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);font-size:.9rem;line-height:1.7}.md-view h1,.md-view h2,.md-view h3{letter-spacing:-.02em;margin-top:1.4em;margin-bottom:.5em;font-weight:700}.md-view h1{font-size:1.4rem}.md-view h2{font-size:1.2rem}.md-view h3{font-size:1.05rem}.md-view p{margin-bottom:1em}.md-view ul,.md-view ol{margin-bottom:1em;padding-left:20px}.md-view table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.85rem}.md-view th,.md-view td{border:1px solid var(--glass-border);text-align:left;padding:8px 12px}.md-view th{background:#ffffff0a;font-weight:600}.md-view code{background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.85em}.raw-block{border-radius:var(--radius-md);padding:var(--space-lg);white-space:pre-wrap;word-break:break-word;max-height:500px;font-size:.8rem;line-height:1.6;font-family:var(--font-mono);background:#0a0a0c;border:1px solid #ffffff0f;overflow-y:auto}.diff-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.diff-grid{grid-template-columns:1fr 1fr}}.diff-viewer{border-radius:var(--radius-md);background:#0a0a0c;border:1px solid #ffffff0f;font-size:.78rem;line-height:1.6;overflow-x:auto}.diff-split-viewer{border-radius:var(--radius-md);background:#0a0a0c;border:1px solid #ffffff0f;grid-template-columns:1fr 1fr;font-size:.78rem;line-height:1.6;display:grid;overflow-x:auto}.split-col{overflow-x:auto}.split-col:first-child{border-right:1px solid #ffffff0f}.diff-line{white-space:pre-wrap;word-break:break-all;align-items:flex-start;padding:2px 12px;display:flex}.diff-added{color:#6ee7b7;background:#34d3991f}.diff-removed{color:#fca5a5;background:#f871711f}.diff-unchanged{color:#5c5c64}.line-num{color:#ffffff26;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;font-size:.7rem}.line-symbol{flex-shrink:0;width:16px;font-weight:700}.line-content{flex-grow:1}.assets-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.asset-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;padding:6px;transition:all .15s;overflow:hidden}.asset-card:hover{border-color:var(--accent-subtle);transform:translateY(-2px)}.asset-thumb{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:90px}.asset-meta{color:var(--text-secondary);padding:6px 4px 2px;font-size:.7rem}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);max-width:90vw;max-height:90vh}.lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:70vh}.footer{padding-top:var(--space-md);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:48px;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-auto{margin-top:auto}.mr-xs{margin-right:var(--space-xs)}.p-lg{padding:var(--space-lg)}.pt-md{padding-top:var(--space-md)}.h-full{height:100%}.w-full{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}