:root{--bg:#f4f4f7;--panel:#fff;--ink:#17171c;--muted:#6b6b78;--line:#e4e4ea;--accent:#0064e0;--accent-ink:#fff;--accent-soft:#e6efff;--danger:#c62828;--radius:10px;--top:52px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#0050b5}.btn-secondary{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);background:#fff}.btn-secondary:hover{box-shadow:inset 0 0 0 1px #c9c9d4}.btn-wide{justify-content:center;width:100%;padding:13px;font-size:15px}.editor{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{height:var(--top);background:var(--panel);border-bottom:1px solid var(--line);z-index:20;flex:none;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:800}.brand-wordmark{text-transform:uppercase;letter-spacing:-.02em}.brand-wordmark .wm{align-items:center;line-height:1;display:inline-flex}.brand-wordmark .wm-remi,.brand-wordmark .wm-x{color:#0064e0}.brand-wordmark .wm-age{color:#1c2b33}.brand-wordmark .wm-x{width:1.3em;height:1.15em;margin:0 .04em;overflow:visible}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu-wrap{position:relative}.menu-btn{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;padding:6px 8px;font-weight:500;display:inline-flex}.menu-btn:hover,.menu-btn[aria-expanded=true]{background:var(--bg);color:var(--ink)}.menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;min-width:210px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #17171c24}.menu-right{left:auto;right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px}.menu button:hover{background:var(--accent-soft)}.menu hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.menu-note{color:var(--muted);padding:4px 10px;font-size:12px}.menu-check{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex}.tools{background:var(--bg);border-radius:12px;align-items:center;gap:2px;margin:0 auto;padding:3px;display:flex}.tool-btn{color:#3a3a46;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:34px;display:grid}.tool-btn:hover:not(:disabled){background:#fff}.tool-btn.active{background:var(--accent);color:#fff}.divider{background:var(--line);width:1px;height:20px;margin:0 4px}.actions{align-items:center;gap:8px;display:flex}.mobile-only{display:none}.workspace{flex:1;grid-template-columns:248px 1fr 268px;min-height:0;display:grid}.panel{background:var(--panel);overscroll-behavior:contain;overflow-y:auto}.layers{border-right:1px solid var(--line)}.props{border-left:1px solid var(--line);padding-bottom:24px}.panel-head{background:var(--panel);z-index:1;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 14px 8px;display:flex;position:sticky;top:0}.panel-head h2{margin:0;font-size:13px;font-weight:700}.muted{color:var(--muted);font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.empty{color:var(--muted);padding:0 14px}.layer-list{margin:0;padding:0 6px 16px;list-style:none}.layer{cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:5px 6px;display:flex}.layer:hover{background:var(--bg)}.layer.selected{background:var(--accent-soft)}.layer.is-hidden .layer-name{color:var(--muted);text-decoration:line-through}.layer.drop{box-shadow:inset 0 2px 0 var(--accent)}.layer-type{color:var(--muted);flex:none;place-items:center;display:grid}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-rename{border:1px solid var(--accent);border-radius:6px;flex:1;min-width:0;padding:2px 6px}.layer-actions{opacity:0;gap:0;display:flex}.layer:hover .layer-actions,.layer.selected .layer-actions,.layer:focus-within .layer-actions{opacity:1}.layer-actions .on{opacity:1;color:var(--accent)}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-btn.small{width:22px;height:22px}.icon-btn:hover{color:var(--ink);background:#fff}.group{border-top:1px solid var(--line);padding:10px 14px}.group h3,.tips h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field{background:var(--bg);border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 8px;display:flex;position:relative}.field>span{color:var(--muted);white-space:nowrap;font-size:12px}.field input,.field select,.field textarea{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:6px 0}.field:focus-within{box-shadow:0 0 0 2px var(--accent)}.field em{color:var(--muted);font-style:normal}.field.wide{gap:2px;margin-bottom:8px;padding:6px 8px;display:grid}.field.wide textarea{resize:vertical}.field input[type=range]{accent-color:var(--accent);padding:0}.color-field{margin-bottom:8px}.color-field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:24px;height:24px;padding:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.swatch-none{opacity:.35}.chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.segmented{background:var(--bg);border-radius:8px;grid-template-columns:repeat(3,1fr);margin:8px 0;padding:2px;display:grid}.segmented button{background:0 0;border:0;border-radius:6px;padding:5px;font-size:12px}.segmented button.on{background:#fff;box-shadow:0 1px 2px #0000001a}.btn-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.btn-row button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 9px;font-size:12px}.btn-row button:hover{border-color:#c9c9d4}.btn-row .danger{color:var(--danger)}.tips{border-top:1px solid var(--line);padding:10px 14px}.tips dl{grid-template-columns:auto 1fr;gap:6px 10px;margin:0;font-size:12px;display:grid}.tips dt{white-space:nowrap;font-weight:600}.tips dd{color:var(--muted);margin:0}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-wrap{touch-action:none;background-color:#ededf2;background-image:radial-gradient(circle,#cfcfda 1px,#0000 1.2px);position:absolute;inset:0}.canvas{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas .hit{fill:#0000}.canvas .hit-line{stroke:#0000}.canvas .locked{pointer-events:none}.canvas .frame-label{fill:#6b6b78;font-family:var(--font);font-weight:500}.canvas .sel-outline{fill:none;stroke:var(--accent);stroke-width:1.5px;pointer-events:none}.canvas .sel-group{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.canvas .handle{fill:#fff;stroke:var(--accent);stroke-width:1.5px}.canvas .marquee{fill:#0064e014;stroke:var(--accent);stroke-width:1px;pointer-events:none}.text-editor{z-index:5;outline:1.5px solid var(--accent);resize:none;line-height:1.25;font-family:var(--font);white-space:pre;background:#ffffffd9;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.zoombar{border:1px solid var(--line);z-index:4;background:#fff;border-radius:10px;align-items:center;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 4px 14px #17171c14}.zoombar button{background:0 0;border:0;min-width:34px;padding:6px 10px;font-weight:600}.zoombar button:hover{background:var(--bg)}.zoom-pct{font-variant-numeric:tabular-nums;min-width:56px!important}.zoom-fit{border-left:1px solid var(--line)!important}.toast{background:var(--ink);color:#fff;z-index:6;border-radius:10px;max-width:calc(100% - 32px);padding:9px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:900px){.workspace{grid-template-columns:1fr}.layers,.props{top:var(--top);z-index:15;width:min(320px,88vw);transition:transform .18s;position:fixed;bottom:64px;transform:translate(-110%);box-shadow:0 10px 30px #0000002e}.layers{left:0}.props{left:auto;right:0;transform:translate(110%)}.editor.panel-layers .layers,.editor.panel-props .props{transform:none}.tools{z-index:16;background:#fff;max-width:calc(100vw - 16px);margin:0;position:fixed;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 20px #00000029}.mobile-only{display:grid}.divider.mobile-only{display:block}.zoombar{bottom:70px}.toast{bottom:76px}}@media (max-width:520px){.topbar{gap:6px;padding:0 8px}.brand-name{display:none}.actions{gap:6px;margin-left:auto}.actions .btn{padding:7px 11px}.tool-btn{width:32px}}@media (prefers-reduced-motion:reduce){.layers,.props{transition:none}}.contact-page{background:#fbfaff;min-height:100dvh}.contact-top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fbfaffeb;justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,50% - 520px);display:flex;position:sticky;top:0}.contact-page main{width:min(1040px,100% - 32px);margin:0 auto}.c-hero{max-width:760px;padding:56px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 10px;font-size:12px;font-weight:700}.c-hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(30px,5vw,48px);line-height:1.08}.lede{color:#4a4a57;margin:0 0 22px;font-size:17px}.c-hero-cta{flex-wrap:wrap;gap:10px;display:flex}.c-hero-cta .btn{padding:11px 20px;font-size:15px}.note{color:var(--muted);margin-top:14px;font-size:13px}.c-section{border-top:1px solid var(--line);padding:36px 0}.c-section h2{letter-spacing:-.01em;margin:0 0 18px;font-size:24px}.c-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.c-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.c-card h3{margin:0 0 6px;font-size:16px}.c-card p{color:#4a4a57;margin:0}.c-card-accent{background:var(--ink);border-color:var(--ink);color:#fff}.c-card-accent p{color:#d6d6e0}.c-steps{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.c-steps li{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.c-steps h3{margin:10px 0 6px;font-size:15px}.c-steps p{color:#4a4a57;margin:0}.c-step-n{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:inline-grid}.c-faq{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:760px;margin-bottom:10px;padding:0 16px}.c-faq summary{cursor:pointer;padding:14px 0;font-weight:600}.c-faq p{color:#4a4a57;margin:0 0 14px}.c-form-section{grid-template-columns:1fr 1.3fr;align-items:start;gap:36px;padding-bottom:64px;display:grid}.c-form-intro p{color:#4a4a57;font-size:16px}.c-checks{color:#4a4a57;padding-left:18px}.c-checks li{margin:4px 0}.c-form{border:1px solid var(--line);background:#fff;border-radius:18px;gap:12px;padding:22px;display:grid;box-shadow:0 10px 30px #17171c0f}.c-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.c-form label{gap:5px;font-size:13px;font-weight:600;display:grid}.c-form label b{color:var(--accent)}.c-form label small{color:var(--muted);font-weight:400}.c-form input,.c-form select,.c-form textarea{border:1.5px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-weight:400}.c-form textarea{resize:vertical}.c-form [aria-invalid=true]{border-color:var(--danger)}.hp{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.c-status{min-height:1.3em;margin:0;font-weight:600}.c-status.err{color:var(--danger)}.c-privacy{color:var(--muted);margin:0;font-size:12px}.c-sent{text-align:center;justify-items:center;padding:40px 22px}.c-sent h3{margin:0;font-size:20px}.c-sent p{color:#4a4a57;margin:0}.c-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px max(16px,50% - 520px);font-size:13px;display:flex}.c-foot p{margin:0}@media (max-width:860px){.c-grid,.c-steps{grid-template-columns:1fr 1fr}.c-form-section{grid-template-columns:1fr}}@media (max-width:560px){.c-grid,.c-steps,.c-row{grid-template-columns:1fr}.contact-top .brand-name{display:inline}.contact-top .btn{padding:7px 12px}}