:root{--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--indigo:#6366f1;--indigo-600:#4f46e5;--green:#12b981}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-600);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono,code{font-family:var(--font-mono),ui-monospace,monospace}a{color:var(--indigo)}.demo-banner{background:#0b0c0e;color:#e4e4e7;font-size:.875rem;line-height:1.6;padding:.9rem 1.25rem;text-align:center}.demo-banner b{color:#fff}.demo-banner .accent{color:#7c5cff}.hdr{justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:var(--white);border-bottom:1px solid var(--gray-200)}.brand,.hdr{display:flex;align-items:center}.brand{gap:.6rem;text-decoration:none;color:var(--gray-900)}.brand .logo{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#ff89c2,#dc2b81);display:grid;place-items:center;color:#fff;font-weight:800;font-size:.95rem}.brand h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.hdr-actions{display:flex;align-items:center;gap:.5rem}.editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:1.25rem;gap:1.25rem;padding:1.25rem;align-items:start;max-width:1500px;margin:0 auto}.canvas-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:10px;padding:1.25rem}.canvas{border-radius:8px;overflow:hidden;position:relative;background:var(--gray-100);display:grid;place-items:center;min-height:300px}.canvas img{display:block;width:100%;height:auto}.canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.hint{font-size:.8rem;color:var(--gray-400);margin:0}.side{background:var(--white);border:1px solid var(--gray-200);border-radius:10px;padding:1rem}.side h3{margin:0 0 .75rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.side+.side{margin-top:1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;font-size:.85rem}.row label{color:var(--gray-600)}.row input[type=range]{width:140px;accent-color:var(--indigo)}.swatches{display:flex;gap:.4rem;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.on{border-color:var(--indigo)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none}.btn:hover{background:var(--gray-50)}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-600)}.btn-pro{border-color:transparent;color:#fff;font-weight:600}.btn-pro,.btn-pro:hover{background:linear-gradient(135deg,#ff89c2,#dc2b81)}.btn-pro:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:.7rem 1.15rem;font-size:.95rem}.export-row{display:flex;align-items:center;gap:.5rem}.pro-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--gray-100);color:var(--gray-500);border-radius:4px;padding:.12rem .35rem}.gate{margin:0 1.25rem 1.25rem;max-width:1500px;border-radius:12px;border:1px solid var(--gray-200);background:var(--white);overflow:hidden}@media (min-width:1540px){.gate{margin-left:auto;margin-right:auto}}.gate-split{display:grid;grid-template-columns:1fr 1fr}.gate-half{padding:1.5rem}.gate-half+.gate-half{border-left:1px solid var(--gray-200)}.gate-half h4{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.gate-half h5{margin:0 0 .6rem;font-size:1.15rem;font-weight:700;color:var(--gray-900);letter-spacing:-.01em}.gate-half p{margin:0 0 1rem;font-size:.9rem;line-height:1.6}.gate-half.now{background:var(--gray-50)}.gate-half.now h5{color:var(--gray-500)}.price{color:var(--gray-900);font-weight:700}.err{color:#dc2626;font-size:.85rem;margin:.6rem 0 0}.fine{font-size:.75rem;color:var(--gray-400);line-height:1.55;margin:.75rem 0 0}.modal-mock{border:1px dashed var(--gray-300);border-radius:8px;padding:1rem;background:var(--white);text-align:center}.modal-mock p{margin:0 0 .75rem;font-size:.85rem;color:var(--gray-500)}.modal-mock .fake-input{border:1px solid var(--gray-200);border-radius:6px;padding:.5rem;font-size:.8rem;color:var(--gray-400);background:var(--gray-50);margin-bottom:.5rem}.modal-mock .or{display:flex;align-items:center;gap:.6rem;margin:.75rem 0;color:var(--gray-400);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.modal-mock .or:after,.modal-mock .or:before{content:"";flex:1 1;height:1px;background:var(--gray-200)}.done{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.ok-badge{display:inline-block;background:rgba(18,185,129,.12);color:#0f7a57;border:1px solid rgba(18,185,129,.3);border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600}.done h2{font-size:1.9rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;margin:.9rem 0 .4rem}.done .lede{margin:0 0 1.5rem;font-size:1rem}.shot{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;background:var(--white)}.shot img{display:block;width:100%;height:auto}.dl{display:flex;gap:.6rem;margin:1.25rem 0;flex-wrap:wrap}.receipt{border:1px solid var(--gray-200);border-radius:10px;background:var(--white);padding:1.25rem;font-size:.9rem;line-height:1.65}.receipt code{background:var(--gray-100);border-radius:4px;padding:.1rem .35rem;font-size:.85em}footer{border-top:1px solid var(--gray-200);padding:1.5rem 1.25rem 2.5rem;text-align:center;font-size:.8rem;color:var(--gray-400);line-height:1.6}@media (max-width:900px){.editor,.gate-split{grid-template-columns:1fr}.gate-half+.gate-half{border-left:none;border-top:1px solid var(--gray-200)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}