:root{--ai-accent:#6c3fff;--ai-accent-light:#ede8ff;--ai-glow:0 0 32px rgba(108,63,255,0.18)}.cap-pill{display:inline-flex;align-items:center;gap:6px;font:500 12px/1.4 var(--sans);padding:5px 12px;border-radius:8px}.cap-pill--webgpu{background:var(--ai-accent-light);border:1.5px solid #c8b8ff;color:#3a1f9e}.cap-pill--wasm{background:#fff8e1;border:1.5px solid #ffe082;color:#7a5800}.cap-pill--unsupported{background:#fce8e8;border:1.5px solid #f5baba;color:#7a1818}.cap-pill--detecting{background:var(--line);border:1.5px solid var(--line);color:var(--muted)}.cap-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.cap-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:1.25rem}.cap-banner.wasm{background:#fff8e1;border:1.5px solid #ffe082;color:#6d4c00}.cap-banner.unsupported{background:#fce8e8;border:1.5px solid #f5baba;color:#7a1818}.cap-banner.webgpu{background:var(--ai-accent-light);border:1.5px solid #c8b8ff;color:#3a1f9e}.cap-banner svg{flex-shrink:0;margin-top:1px}.model-loader{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:var(--ai-accent-light);border:1.5px solid #c8b8ff;border-radius:14px;margin-bottom:1.25rem}.model-loader .loader-label{font-size:13px;font-weight:600;color:var(--ai-accent)}.model-loader .loader-sub{font-size:12px;color:var(--muted)}.model-loader progress{appearance:none;width:100%;height:6px;border-radius:99px;overflow:hidden}.model-loader progress::-webkit-progress-bar{background:#e0d8ff;border-radius:99px}.model-loader progress::-webkit-progress-value{background:var(--ai-accent);border-radius:99px;transition:width .3s}.model-loader progress::-moz-progress-bar{background:var(--ai-accent);border-radius:99px}.page-wrap{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.page-wrap.wide{max-width:1200px}.hero{text-align:center;padding:4rem 1.25rem 3rem;max-width:740px;margin:0 auto}.hero .hero-emoji{font-size:3.5rem;margin-bottom:.5rem}.hero h1{font:900 clamp(2rem,5vw,3rem)/1.1 var(--display);color:var(--ink);letter-spacing:-.03em;margin:0 0 1rem}.hero h1 em{font-style:normal;color:var(--ai-accent)}.hero p{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--muted);max-width:560px;margin:0 auto 2rem}.hero .trust-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.trust-pill{font:500 12px/1 var(--sans);background:#f3f0ff;border:1.5px solid #ddd6ff;color:#3a1f9e;border-radius:99px;padding:5px 12px;display:flex;align-items:center;gap:5px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-card{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .18s,border-color .18s,transform .18s}.feature-card:hover{box-shadow:var(--shadow);border-color:#c8b8ff;transform:translateY(-3px)}.feature-card .card-icon{font-size:2rem}.feature-card h2{font:700 1.15rem/1.2 var(--sans);color:var(--ink);margin:0}.feature-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.feature-card .card-status{margin-top:auto;font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ai-accent)}.feature-card .card-status.soon{color:var(--muted)}.ai-tool-hero{padding:2.5rem 0 2rem}.ai-tool-hero h1{font:900 clamp(1.8rem,4vw,2.8rem)/1.1 var(--display);color:var(--ink);letter-spacing:-.03em;margin:0 0 .75rem}.ai-tool-hero p{font-size:1.05rem;color:var(--muted);max-width:560px;margin:0}.tool-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tool-bullets li{font-size:14px;display:flex;align-items:flex-start;gap:8px}.tool-bullets li:before{content:"✓";color:var(--ai-accent);font-weight:700;flex-shrink:0}.how-to-steps{counter-reset:step;display:flex;flex-direction:column;gap:.75rem}.how-to-step{counter-increment:step;display:flex;align-items:flex-start;gap:12px;font-size:14px}.how-to-step:before{content:counter(step);background:var(--ai-accent);color:#fff;font:700 12px/1 var(--sans);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drop-zone{border:2.5px dashed var(--line);border-radius:18px;padding:3rem 2rem;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.drop-zone.dragging,.drop-zone:hover{border-color:var(--ai-accent);background:var(--ai-accent-light)}.drop-zone .drop-icon{font-size:2.5rem;margin-bottom:.5rem}.drop-zone p{font-size:14px;color:var(--muted);margin:.25rem 0 0}.btn{font:700 15px/1 var(--sans);border-radius:12px;padding:12px 24px;border:2px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ai-accent);color:#fff}.btn-primary:hover{background:#5a34e0;box-shadow:0 4px 18px rgba(108,63,255,.35)}.btn-secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--ai-accent);color:var(--ai-accent)}.btn:disabled{opacity:.45;pointer-events:none}.privacy-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534;font:500 12px/1.4 var(--sans);padding:6px 12px;border-radius:8px}.faq-list{display:flex;flex-direction:column;gap:0;border-top:1.5px solid var(--line)}.faq-item{border-bottom:1.5px solid var(--line);padding:1.1rem 0}.faq-item summary{font:600 15px/1.4 var(--sans);color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--ai-accent);flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:14px;color:var(--muted);margin:.75rem 0 0;line-height:1.7}.section-title{font:700 1.4rem/1.2 var(--sans);color:var(--ink);letter-spacing:-.02em;margin:0 0 1.25rem}.coming-soon-card{background:var(--paper);border:1.5px dashed var(--line);border-radius:18px;padding:3rem 2rem;text-align:center}.coming-soon-card h2{font:700 1.5rem/1.2 var(--sans);color:var(--ink);margin:0 0 .75rem}.coming-soon-card p{font-size:14px;color:var(--muted);max-width:480px;margin:0 auto 1.5rem}.tab-bar{display:flex;gap:.25rem;background:var(--line);border-radius:12px;padding:4px;margin-bottom:1.5rem;width:fit-content}.tab-btn{font:600 14px/1 var(--sans);padding:8px 20px;border-radius:9px;color:var(--muted);transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.tab-btn.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 6px rgba(0,0,0,.1)}.crop-canvas-wrap{border-radius:14px;overflow:hidden;border:1.5px solid var(--line);background:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:none}.crop-canvas-wrap canvas{display:block;max-width:100%}.ratio-pills{display:flex;flex-wrap:wrap;gap:.4rem}.ratio-pill{font:600 12px/1 var(--sans);padding:5px 14px;border-radius:99px;border:1.5px solid var(--line);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ratio-pill.active,.ratio-pill:hover{border-color:var(--ai-accent);color:var(--ai-accent)}.ratio-pill.active{background:var(--ai-accent-light)}.blur-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(to right,var(--ai-accent) var(--pct,50%),var(--line) var(--pct,50%));cursor:pointer}.blur-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ai-accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(108,63,255,.4)}.blur-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ai-accent);border:2px solid #fff}.tool-wrap{display:grid;gap:1.25rem}.controls-bar{gap:.75rem;align-items:center}.controls-bar,.pill-group{display:flex;flex-wrap:wrap}.pill-group{gap:.35rem}.pill{font:600 12.5px/1 var(--sans);padding:6px 14px;border-radius:99px;border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:transparent;transition:border-color .15s,color .15s,background .15s}.pill.active,.pill:hover{border-color:var(--ai-accent);color:var(--ai-accent)}.pill.active{background:var(--ai-accent-light)}.slider-row{display:grid;gap:.5rem}.slider-label{font:500 13px/1 var(--sans);color:var(--muted)}.progress-bar-wrap{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--ai-accent),#a78bfa);border-radius:99px;transition:width .25s}.status-panel{display:grid;gap:.75rem;padding:2rem;background:var(--ai-accent-light);border:1.5px solid #c8b8ff;border-radius:14px}.status-label{font:700 14px/1.3 var(--sans);color:var(--ink);margin:0}.status-sub{font:400 13px/1.3 var(--sans);color:var(--muted);margin:0}.error-panel{display:grid;gap:.75rem;padding:1.5rem;background:#fff2f2;border:1.5px solid #fca5a5;border-radius:14px;color:#dc2626;font-size:14px}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.result-info{font:400 13px/1.3 var(--sans)}.privacy-tip,.result-info{color:var(--muted);margin:0}.privacy-tip{font:400 12px/1.3 var(--sans);padding:.6rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.tool-hint{font:400 13px/1.3 var(--sans);color:var(--muted);margin:0}.result-wrap{display:grid;gap:1rem}.result-canvas-wrap{background:repeating-conic-gradient(#e4e4e4 0 25%,#fff 0 50%) 0 0 /20px 20px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:240px}.result-canvas-wrap canvas{max-width:100%;max-height:60vh;display:block}.result-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}