@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{--accent:#0f766e;--bg:#f7f3ea;--border:#ded7c8;--ink:#17211d;--muted:#66736d;--paper:#eee7d9;--heading:"Space Grotesk", sans-serif;--mono:"SFMono-Regular", Consolas, monospace;--sans:Manrope, sans-serif;color:var(--ink);background:linear-gradient(120deg, #0f766e21, transparent 34%), linear-gradient(300deg, #eab30829, transparent 28%), var(--bg);font:16px/1.55 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:0}h1{color:var(--ink);max-width:820px;margin:0;font-size:clamp(42px,7vw,82px);line-height:.96}h2{color:var(--ink);margin:0;font-size:clamp(30px,4vw,50px);line-height:1}button,input{font:inherit}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:20;background:#ffffffdb;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 5vw;display:flex;position:sticky;top:0}.brand,.nav-links a,.hero-actions a,.tool-card,.footer-links a{color:inherit;text-decoration:none}.brand{color:var(--ink);font-family:var(--heading);align-items:center;gap:10px;font-size:22px;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.language-switcher{background:var(--paper);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px;display:inline-flex}.language-switcher button{color:var(--muted);background:0 0;min-height:32px;padding:0 12px}.language-switcher .active{color:var(--ink);background:#fff;box-shadow:0 8px 20px #10182814}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px}.nav-links a:hover{background:var(--paper);color:var(--ink)}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:44px;padding:70px 5vw 44px;display:grid}.hero-copy{align-self:center}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:800;display:inline-flex}.lede{color:var(--muted);max-width:620px;margin:0;font-size:20px}.hero-actions,.trust-row,.file-strip,.panel-head,.controls-grid,.suggestion-row,.detected-list,.segmented,.api-note{align-items:center;display:flex}.hero-actions{gap:14px;margin-top:28px}button,.hero-actions a{cursor:pointer;font:inherit;border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.hero-actions button,.file-strip button{background:var(--ink);color:#fff}.hero-actions a{border:1px solid var(--border);color:var(--ink);background:#fff}.trust-row{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:24px}.trust-row span{align-items:center;gap:6px;display:inline-flex}.workbench{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 30px 80px #10182824}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px}.panel-head span,.controls-grid span{color:var(--muted);font-size:13px;display:block}.panel-head strong{color:var(--ink);margin-top:3px;display:block}.panel-head button{background:var(--paper);color:var(--ink);min-height:38px}.canvas-stage{aspect-ratio:1.46;background:linear-gradient(135deg,#0ea5e92e,#facc1529),radial-gradient(circle at 32% 30%,#f871713d,#0000 35%),#f8fafc;position:relative;overflow:hidden}.canvas-stage img{object-fit:cover;width:100%;height:100%}.empty-preview{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-weight:800;display:flex}.clean-layer{background:#ffffff94;border-right:2px solid #111827;position:absolute;top:0;bottom:0;left:0}.clean-grid{opacity:.75;background-image:linear-gradient(45deg,#0f172a14 25%,#0000 25%),linear-gradient(-45deg,#0f172a14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f172a14 75%),linear-gradient(-45deg,#0000 75%,#0f172a14 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:100%}.brush-cursor{color:#0f766e;background:#14b8a62e;border:2px solid #0f766e;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:42%;left:58%}.file-strip{border-bottom:1px solid var(--border);gap:12px;padding:14px 16px}.file-strip span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controls-grid{grid-template-columns:1fr 1fr 1.2fr;align-items:stretch;gap:16px;padding:16px;display:grid}.prompt-controls,.auto-detect-controls,.queue-controls{gap:14px;padding:16px;display:grid}.prompt-controls textarea{border:1px solid var(--border);color:var(--ink);font:inherit;resize:vertical;border-radius:8px;width:100%;min-height:96px;padding:12px}.suggestion-row,.detected-list{flex-wrap:wrap;gap:8px}.suggestion-row button,.detected-list button{background:var(--paper);color:var(--ink);min-height:34px;padding:0 12px}.detected-list button:first-child{color:#0f766e;background:#14b8a624}.control-group,.controls-grid label{gap:8px;display:grid}input[type=range]{accent-color:var(--accent);width:100%}.segmented{background:var(--paper);border-radius:8px;padding:4px}.segmented button{color:var(--muted);background:0 0;flex:1;justify-content:center;min-height:36px;padding:0 10px}.segmented .active{color:var(--ink);background:#fff;box-shadow:0 8px 20px #10182814}.usage-band{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:24px 5vw;display:grid}.usage-band article,.tool-card,.api-note{border:1px solid var(--border);background:#ffffffbd;border-radius:8px}.usage-band article{padding:18px}.usage-band h3,.tool-card h3{color:var(--ink);margin:12px 0 6px;font-size:17px}.usage-band p,.tool-card p,.api-note p{color:var(--muted);margin:0}.tool-grid{padding:54px 5vw}.page-section{padding:58px 5vw 12px}.section-heading{max-width:720px}.page-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.page-section article{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;padding:22px}.page-section h3{color:var(--ink);margin:0 0 8px;font-size:18px}.page-section p{color:var(--muted);margin:0}.step-index{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;font-weight:800;display:inline-flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.tool-card{padding:20px;transition:border-color .16s,transform .16s;display:block}.tool-card:hover,.tool-card.active{border-color:var(--accent);transform:translateY(-2px)}.tool-card svg{color:var(--accent)}.api-note{justify-content:space-between;margin:0 5vw 64px;padding:26px}.api-note code{background:var(--ink);color:#fff;font-family:var(--mono);border-radius:8px;padding:14px 16px}.site-footer{border-top:1px solid var(--border);grid-template-columns:minmax(240px,1.2fr) 1fr .9fr;gap:28px;margin:20px 5vw 0;padding:34px 0 28px;display:grid}.footer-brand strong{color:var(--ink);font-family:var(--heading);margin-bottom:8px;font-size:24px;display:block}.footer-brand p,.copyright{color:var(--muted);margin:0}.site-footer h2{color:var(--ink);font-family:var(--sans);text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:800;line-height:1.2}.footer-links{gap:8px;display:grid}.footer-links a{color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--ink)}.copyright{border-top:1px solid var(--border);text-align:center;grid-column:1/-1;padding-top:18px}@media (width<=1080px){.hero-section,.usage-band,.cards,.page-section-grid,.site-footer{grid-template-columns:1fr 1fr}.hero-section{padding-top:42px}.workbench{grid-column:1/-1}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-top:14px;padding-bottom:14px;position:relative}.nav-links{justify-content:flex-start}.language-switcher{width:100%}.language-switcher button{flex:1;justify-content:center}.hero-section,.usage-band,.cards,.controls-grid,.page-section-grid,.site-footer{grid-template-columns:1fr}.hero-actions,.api-note{flex-direction:column;align-items:stretch}.hero-actions button,.hero-actions a,.file-strip button{justify-content:center;width:100%}}