:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#fff;--fg:#0a0a0a;--card:#fff;--card-fg:#0a0a0a;--primary:#1683ec;--primary-fg:#fafafa;--secondary:#fcfcfc;--secondary-fg:#171717;--muted:#f5f5f5;--muted-fg:#737373;--accent:#1683ec1a;--accent-fg:#171717;--destructive:#ef4444;--destructive-fg:#fafafa;--border:#09090b1a;--input-border:#09090b2e;--ring:#09090b33;--radius:.5rem;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"PT Serif", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0px 3px 5px .5px #09090b14, 0px 1px 2px -.5px #09090b14;--shadow-md:0 4px 12px #0000001a, 0 1px 3px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;line-height:1.5}.container{flex-direction:column;gap:2rem;max-width:42rem;margin:0 auto;padding:2.5rem 1rem;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-content{padding:1.5rem}.card-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem .75rem;display:flex}.card-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.msg-bubble h1,.msg-bubble h2,.msg-bubble h3{color:inherit;margin:.5rem 0 .25rem;font-size:1rem;font-weight:600}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-secondary{background:var(--secondary);color:var(--secondary-fg);border:1px solid var(--border)}.badge-blue{color:#1d4ed8;background:#dbeafe;border:none}.badge-yellow{color:#a16207;background:#fef3c7;border:none}.logo-icon{object-fit:contain;width:2.25rem;height:2.25rem}.intro-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.intro-header h1{letter-spacing:-.03em;font-size:1.875rem;font-weight:700}.intro-desc{color:var(--muted-fg);max-width:42rem;font-size:1rem}.how-card{border:1px solid var(--border);border-radius:var(--radius);background:#f5f5f566}.how-card .card-content{padding:1.25rem 1.5rem 1rem}.how-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-fg);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=640px){.steps-grid{grid-template-columns:1fr}}.step{align-items:flex-start;gap:.75rem;display:flex}.step-num{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.step-label{color:var(--fg);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.step-desc{color:var(--muted-fg);margin-top:.125rem;font-size:.75rem}.tabs-list{background:var(--muted);border-radius:var(--radius);gap:.25rem;width:100%;padding:.25rem;display:flex}.tab-trigger{color:var(--muted-fg);border-radius:calc(var(--radius) - .125rem);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.025em;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;transition:all .15s;display:flex}.tab-trigger:hover{color:var(--fg)}.tab-trigger.active{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #00000014}.tab-panel{margin-top:1rem;display:none}.tab-panel.active{display:block}label.field-label{color:var(--fg);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.field-hint{color:var(--muted-fg);margin-top:.5rem;font-size:.75rem}.input-wrap{position:relative}.input-wrap .icon-left{color:var(--muted-fg);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}input[type=url],input[type=text]{width:100%;height:2.5rem;font-size:.875rem;font-family:var(--font-sans);letter-spacing:-.025em;border:1px solid var(--input-border);border-radius:var(--radius);color:var(--fg);background:0 0;outline:none;padding:0 .75rem;transition:border-color .15s,box-shadow .15s}input[type=url]:focus,input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1683ec26}.input-with-icon{padding-left:2.25rem!important}textarea{width:100%;min-height:120px;font-size:.875rem;font-family:var(--font-sans);letter-spacing:-.025em;border:1px solid var(--input-border);border-radius:var(--radius);color:var(--fg);resize:vertical;background:0 0;outline:none;padding:.625rem .75rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1683ec26}textarea::placeholder,input::placeholder{color:var(--muted-fg)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover{background:#f5f5f566;border-color:#1683ec80}.drop-zone.dragging{border-color:var(--primary);background:var(--accent)}.drop-zone p{text-align:center}.drop-zone .dz-title{color:var(--fg);font-size:.875rem;font-weight:500}.drop-zone .dz-hint{color:var(--muted-fg);font-size:.75rem}.image-drop-zone{padding:1.25rem}.image-drop-zone .dz-hint{font-size:.75rem}.file-preview{border:1px solid var(--border);border-radius:var(--radius);background:#f5f5f566;align-items:center;gap:.75rem;padding:.75rem;display:flex}.file-preview .file-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.file-preview .file-size{color:var(--muted-fg);font-size:.75rem}.file-info{flex:1;min-width:0}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:var(--radius);border:1px solid var(--border);object-fit:contain;max-height:12rem}.image-preview .remove-btn{position:absolute;top:.25rem;right:.25rem}.btn{font-family:var(--font-sans);letter-spacing:-.025em;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-fg);height:2.75rem;padding:0 1.5rem}.btn-primary:hover:not(:disabled){background:#1273d2}.btn-outline{color:var(--fg);background:0 0;border-color:#1683ec66;height:2.75rem;padding:0 1.5rem}.btn-outline:hover:not(:disabled){background:var(--accent)}.btn-ghost{color:var(--fg);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--muted)}.btn-icon{border-radius:var(--radius);width:1.75rem;height:1.75rem;padding:0}.btn-icon-lg{flex-shrink:0;width:2.75rem;height:2.75rem;padding:0}.btn-sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.btn-secondary-sm{background:var(--secondary);color:var(--secondary-fg);border:1px solid var(--border);border-radius:var(--radius);width:1.5rem;height:1.5rem;padding:0}.btn-full{width:100%}.actions-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;display:grid}.actions-hints{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:-.25rem;display:grid}.actions-hints p{color:var(--muted-fg);text-align:center;font-size:.75rem}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{pointer-events:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:280px;max-width:360px;padding:.875rem 1rem;animation:.3s ease-out toast-in}.toast.destructive{border-color:var(--destructive);background:#fef2f2}.toast.leaving{animation:.3s ease-in forwards toast-out}.toast-title{color:var(--fg);font-size:.875rem;font-weight:600}.toast.destructive .toast-title{color:var(--destructive)}.toast-desc{color:var(--muted-fg);margin-top:.125rem;font-size:.8125rem}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.chat-thread{flex-direction:column;gap:.75rem;max-height:20rem;padding-right:.25rem;display:flex;overflow-y:auto}.chat-thread::-webkit-scrollbar{width:4px}.chat-thread::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg-row{align-items:flex-start;gap:.5rem;display:flex}.msg-row.user{flex-direction:row-reverse}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.msg-avatar.bot{background:var(--accent);color:var(--primary)}.msg-avatar.user{background:var(--muted);color:var(--muted-fg)}.msg-bubble{border-radius:.75rem;max-width:80%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5}.msg-bubble.bot{background:var(--muted);color:var(--fg);border-top-left-radius:0}.msg-bubble.bot ul{margin:.5rem 0;padding-left:1.25rem;list-style-position:inside}.msg-bubble.bot li{margin-bottom:.25rem}.msg-bubble.bot img{border-radius:.375rem;max-width:100%;height:auto;margin-top:.5rem}.msg-bubble.user{background:var(--primary);color:var(--primary-fg);border-top-right-radius:0}.typing-dots{background:var(--muted);border-radius:0 .75rem .75rem;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex}.typing-dots span{background:var(--muted-fg);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce-dot}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-row{align-items:flex-end;gap:.5rem;display:flex}.chat-input-row textarea{resize:none;flex:1;min-height:2.75rem;max-height:7rem}.space-y>*+*{margin-top:1rem}.space-y-sm>*+*{margin-top:.75rem}.space-y-xs>*+*{margin-top:.5rem}.icon{flex-shrink:0;width:1rem;height:1rem}.icon-sm{width:.875rem;height:.875rem}.icon-lg{width:1.25rem;height:1.25rem}.icon-xl{width:1.75rem;height:1.75rem}.icon-2xl{width:2rem;height:2rem}.icon-primary{color:var(--primary)}.icon-muted{color:var(--muted-fg)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;padding:0 1rem;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:42rem;height:3.25rem;margin:0 auto;display:flex}.navbar-brand{letter-spacing:-.03em;color:var(--fg);cursor:pointer;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand img{object-fit:contain;width:1.5rem;height:1.5rem}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.025em;color:var(--muted-fg);cursor:pointer;background:0 0;border:none;padding:.375rem .875rem;transition:all .15s}.nav-link:hover{color:var(--fg);background:var(--muted)}.nav-link.active{color:var(--primary);background:var(--accent)}.dropdown-wrap{position:relative}.dropdown-trigger{border-radius:var(--radius);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.025em;color:var(--muted-fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .15s;display:flex}.dropdown-trigger:hover{color:var(--fg);background:var(--muted)}.dropdown-trigger.active{color:var(--primary);background:var(--accent)}.dropdown-trigger svg.chevron{width:.75rem;height:.75rem;transition:transform .2s}.dropdown-trigger.open svg.chevron{transform:rotate(180deg)}.dropdown-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:14rem;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:60;padding:.375rem;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + .375rem);right:0;transform:translateY(-.25rem)}.dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{width:100%;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.025em;color:var(--fg);border-radius:calc(var(--radius) - .125rem);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .625rem;transition:all .1s;display:flex}.dropdown-item:hover{background:var(--muted)}.dropdown-item.active-section{color:var(--primary);background:var(--accent)}.dropdown-item .item-icon{transition:transform .15s}.dropdown-item:hover .item-icon{transform:scale(1.1)}.dropdown-item .item-desc{color:var(--muted-fg);font-size:.6875rem;font-weight:400}.dropdown-item-text{flex-direction:column;display:flex}.page-view{display:none}.page-view.active{display:block}.about-page-header{flex-direction:column;align-items:center;display:flex}.about-page-header h2{letter-spacing:-.03em;color:#000;float:right;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.about-page-header h2 svg{color:var(--primary)}.about-page-header p{color:var(--muted-fg);margin-top:.25rem;font-size:.875rem}.about-section{scroll-margin-top:4.5rem}.about-section h3{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600;display:flex}.about-section p,.about-section ul{color:var(--muted-fg);font-size:.875rem;line-height:1.7}.about-section ul{margin-top:.5rem;padding-left:1.25rem}.about-section ul li{margin-bottom:.375rem}.section-card{padding:1.5rem}@keyframes section-flash{0%{box-shadow:0 0 #1683ec4d}50%{box-shadow:0 0 0 4px #1683ec26}to{box-shadow:var(--shadow-sm)}}.card.flash{animation:.8s ease-out section-flash}.feedback-col{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.feedback-col textarea{width:100%;min-height:5rem;font-size:.875rem;font-family:var(--font-sans);letter-spacing:-.025em;border:1px solid var(--input-border);border-radius:var(--radius);color:var(--fg);resize:vertical;background:0 0;outline:none;padding:.625rem .75rem}.feedback-col textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1683ec26}.about-btn-send{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:var(--primary);color:var(--primary-fg);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-self:flex-start;align-items:center;gap:.375rem;padding:.5rem 1rem;display:inline-flex}.about-btn-send:hover{background:#1273d2}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}