:root{--bg: #fafafa;--surface: #ffffff;--text: #0a0a0a;--text-soft: #404040;--text-muted: #737373;--border: #e5e5e5;--accent: #2563eb;--accent-soft: #dbeafe;--accent-deep: #1e40af;--good: #16a34a;--bad: #dc2626;--work: #eceff4;--work-2: #ffffff;--work-3: #dfe4ec;--work-ink: #10131a;--work-soft: #626b7d;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Poppins", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.screen{display:none;min-height:100vh;min-height:100dvh}.screen.is-active{display:flex;flex-direction:column}.screen.is-active>*{animation:rise .5s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen-inner{margin:auto;width:100%;max-width:640px;padding:2rem 1.5rem 5rem}.mini-header{display:flex;align-items:center;gap:.6rem;padding:1.4rem 2rem}.mini-logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.03em;color:var(--text);text-decoration:none}.dot-orange{color:#f97316}.dot{color:var(--accent)}.mini-tag{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.15rem .5rem;border-radius:999px}.screen-hero{background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(37,99,235,.1) 0%,transparent 55%),linear-gradient(180deg,#fff,#f6f8fb)}.hero-inner{margin:auto;text-align:center;padding:2rem 1.5rem 8rem;max-width:720px}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem}.hero-inner h1{font-family:var(--font-display);font-size:clamp(3.5rem,14vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.045em;margin-bottom:1.4rem}.hero-sub{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--text-soft);margin-bottom:2.5rem}.hero-foot{margin-top:1.6rem;font-size:.9rem;color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--text);color:#fff;border:none;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:.95rem 1.6rem;border-radius:999px;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,background .18s,opacity .18s;box-shadow:0 6px 20px #00000024}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #0003}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-primary svg{transition:transform .18s}.btn-primary:hover:not(:disabled) svg{transform:translate(3px)}.btn-xl{font-size:1.15rem;padding:1.15rem 2.2rem;background:var(--accent);box-shadow:0 10px 34px #2563eb59}.btn-xl:hover{background:var(--accent-deep);box-shadow:0 16px 44px #2563eb6b}.btn-ghost{background:none;border:none;font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--text-muted);padding:.95rem .5rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--border)}.btn-ghost:hover{color:var(--text)}.step-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.9rem}.q{font-family:var(--font-display);font-size:clamp(2rem,6vw,2.9rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:.8rem}.hint{color:var(--text-muted);font-size:1.02rem;margin-bottom:2rem;max-width:34rem}.domain-field{display:flex;align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:.4rem 1.1rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.domain-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.domain-field.is-good{border-color:var(--good);box-shadow:0 0 0 4px #16a34a1f}.domain-field.is-bad{border-color:var(--bad);box-shadow:0 0 0 4px #dc26261a}#slug-input{flex:1;min-width:0;border:none;outline:none;font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.9rem);font-weight:700;letter-spacing:-.03em;padding:.7rem 0;background:none;color:var(--text)}#slug-input::placeholder{color:#cbd5e1}.domain-suffix{font-family:var(--font-display);font-size:clamp(1.1rem,3.4vw,1.7rem);font-weight:600;letter-spacing:-.03em;color:var(--text-muted);white-space:nowrap}.domain-status{min-height:1.9rem;margin-top:.9rem;font-size:.95rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.domain-status.good{color:var(--good)}.domain-status.bad{color:var(--bad)}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}.suggestion{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.45rem .9rem;font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.suggestion:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.big-input{width:100%;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-sans);font-size:1.15rem;padding:1.05rem 1.2rem;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:1.6rem}.big-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.two-up{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.screen-build.is-active{display:block;position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden}.builder{display:grid;grid-template-columns:1fr 400px;height:100%;background:var(--work)}.canvas-wrap{display:flex;flex-direction:column;padding:1.6rem 1.6rem 2rem;min-width:0;min-height:0}.browser-chrome{display:flex;align-items:center;gap:.9rem;background:var(--work-2);border:1px solid var(--work-3);border-bottom:none;border-radius:12px 12px 0 0;padding:.7rem 1rem}.chrome-dots{display:flex;gap:6px}.chrome-dots i{width:10px;height:10px;border-radius:50%;background:#cdd4e0}.chrome-url{flex:1;background:#f6f8fb;border-radius:999px;padding:.3rem .9rem;font-size:.82rem;color:#6b7383;font-family:ui-monospace,SF Mono,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chrome-live{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#16a34a}.pulse{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.canvas{flex:1;min-height:0;background:#fff;border-radius:0 0 12px 12px;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 18px 50px #10131a24}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#b9c0cc;text-align:center;pointer-events:none;transition:opacity .4s}.canvas-empty.gone{opacity:0}.empty-mark{width:46px;height:46px;border:2px dashed #d7dde6;border-radius:10px;margin-bottom:.7rem}.canvas-empty p{font-family:var(--font-display);font-weight:600;color:#8f98a6}.canvas-empty span{font-size:.85rem}.agent{display:flex;flex-direction:column;background:var(--work-2);border-left:1px solid var(--work-3);min-height:0}.agent-head{position:relative;display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--work-3)}.agent-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:1rem;animation:spin 4s linear infinite}.agent-id{flex:1;line-height:1.25}.agent-id strong{display:block;color:var(--work-ink);font-size:.92rem;font-weight:600}.agent-id span{font-size:.75rem;color:var(--work-soft)}.agent-done{border:1px solid var(--work-3);background:transparent;color:var(--work-ink);font-family:var(--font-sans);font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:all .15s}.agent-done:hover{background:#16a34a;border-color:#16a34a;color:#fff}.agent-done.on{background:var(--accent);border-color:var(--accent);color:#fff}.agent-log{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.85rem;scroll-behavior:smooth}.msg{max-width:88%;padding:.7rem .95rem;border-radius:14px;font-size:.92rem;line-height:1.5;animation:pop .28s cubic-bezier(.16,1,.3,1) both;white-space:pre-wrap}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.msg-agent{align-self:flex-start;background:#f2f5fa;color:var(--work-ink);border-bottom-left-radius:4px}.msg-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg-note{align-self:flex-start;background:none;color:var(--work-soft);font-size:.8rem}.msg-do{align-self:flex-start;display:flex;align-items:center;gap:.5rem;background:#16a34a14;border:1px solid rgba(22,163,74,.28);color:#15803d;font-size:.82rem;padding:.5rem .8rem;border-radius:8px}.typing{display:flex;gap:4px;align-self:flex-start;padding:.85rem .95rem;background:#f2f5fa;border-radius:14px 14px 14px 4px}.typing i{width:6px;height:6px;border-radius:50%;background:#9aa3b4;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.mascot{padding:0;background:transparent;border:0;max-width:132px}.mascot video{width:100%;display:block;border-radius:12px;background:transparent}.logo-preview{padding:.5rem;background:transparent;border:0}.logo-tiles{display:flex;gap:6px}.logo-tile{flex:1;aspect-ratio:1;border-radius:10px;display:grid;place-items:center;padding:10px}.logo-tile.light{background:#fff;border:1px solid var(--work-3)}.logo-tile.dark{background:#16181d}.logo-tile img{max-width:100%;max-height:100%;object-fit:contain}.agent-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.2rem .8rem}.chip{border:1px solid var(--work-3);background:#fff;color:#44506b;font-family:var(--font-sans);font-size:.8rem;padding:.4rem .75rem;border-radius:999px;cursor:pointer;transition:all .15s;animation:pop .25s both}.chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.chip-yes{border-color:#16a34a73;color:#15803d}.chip-yes:hover{background:#dcfce7;border-color:#16a34a;color:#14532d}.agent-paint{position:absolute;top:calc(100% - .4rem);right:1.2rem;left:1.2rem;z-index:40;padding:.8rem;background:var(--work-2);border:1px solid var(--work-3);border-radius:var(--radius-md);box-shadow:0 18px 40px #10131a29}.agent-paint[hidden]{display:none}.paint-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.swatch{width:24px;height:24px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.14)}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--work)}.tones,.styles{gap:4px}.tone{flex:1;border:1px solid var(--work-3);background:#fff;color:#44506b;font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.3rem 0;border-radius:7px;cursor:pointer;transition:all .15s}.tone:hover{color:var(--accent-deep);border-color:var(--accent)}.tone.on{background:var(--accent);border-color:var(--accent);color:#fff}.tone.roll{flex:0 0 34px;font-size:.95rem}.agent-target{display:flex;align-items:center;gap:.5rem;margin:0 1.2rem .5rem;padding:.4rem .5rem .4rem .85rem;background:var(--accent-soft);border:1px solid rgba(37,99,235,.35);border-radius:999px;font-size:.8rem;color:var(--accent-deep);animation:pop .2s both}.agent-target[hidden]{display:none}.agent-target span{flex:1;font-weight:500}.agent-target button{border:none;background:none;color:var(--accent);font-size:1.05rem;line-height:1;cursor:pointer;padding:0 .25rem}.agent-target button:hover{color:var(--accent-deep)}.canvas.pickable [data-edit],.canvas.pickable [data-photo],.canvas.pickable [data-block]{cursor:pointer}.canvas.pickable [data-edit]:hover,.canvas.pickable [data-photo]:hover{outline:2px dashed rgba(37,99,235,.5);outline-offset:3px;border-radius:3px}.canvas.pickable [data-block]:hover{outline:2px dashed rgba(220,38,38,.4);outline-offset:-2px}.canvas [data-edit].is-sel,.canvas [data-photo].is-sel{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px;background:#2563eb0f}.canvas [data-block].is-sel{outline:2px solid var(--accent);outline-offset:-2px}#del-badge{position:absolute;z-index:30;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 6px #00000040;transition:transform .12s ease,background .12s ease}#del-badge:hover{transform:scale(1.15);background:#b91c1c}#del-badge[hidden]{display:none}.canvas [contenteditable=true]{cursor:text;min-width:1.5rem}.canvas [contenteditable=true]:focus{outline:2px solid var(--accent);outline-offset:3px}.pick-bar{position:absolute;z-index:30;display:none;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--work-3);border-radius:9px;padding:.3rem;box-shadow:0 12px 28px #10131a29;white-space:nowrap}.pick-bar.on{display:flex}.pick-bar .name{color:var(--work-soft);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:0 .4rem}.pick-bar button{border:none;background:#f2f5fa;color:#2a3345;font-family:var(--font-sans);font-size:.76rem;font-weight:500;padding:.32rem .6rem;border-radius:6px;cursor:pointer}.pick-bar button:hover{background:var(--accent);color:#fff}.pick-bar button.warn:hover{background:#dc2626}.agent-input{display:flex;gap:.5rem;padding:.9rem 1.2rem 1.2rem;border-top:1px solid var(--work-3)}.agent-input input{flex:1;min-width:0;background:#f6f8fb;border:1px solid var(--work-3);border-radius:999px;padding:.75rem 1.1rem;color:var(--work-ink);font-family:var(--font-sans);font-size:.92rem;outline:none;transition:border-color .15s}.agent-input input:focus{border-color:var(--accent)}.agent-input input::placeholder{color:#9aa3b4}.agent-input button{width:42px;height:42px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.agent-input button:hover{background:var(--accent-deep);transform:scale(1.05)}@media(max-width:900px){.builder{grid-template-columns:1fr;grid-template-rows:40vh 1fr}.canvas-wrap{padding:.8rem .8rem 0}.agent{border-left:none;border-top:1px solid var(--work-3)}}.flash{animation:flash 1s ease}@keyframes flash{0%{box-shadow:inset 0 0 0 3px #2563eb00}25%{box-shadow:inset 0 0 0 3px #2563eb8c}to{box-shadow:inset 0 0 0 3px #2563eb00}}.screen-live{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f2f6fd)}#confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.live-inner{margin:auto;text-align:center;padding:3rem 1.5rem;max-width:620px;position:relative;z-index:1}.live-badge{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#16a34a;background:#dcfce7;padding:.35rem .9rem;border-radius:999px;margin-bottom:1.4rem}.live-h{font-family:var(--font-display);font-size:clamp(2.2rem,7vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:1rem}.live-url{display:inline-block;font-family:var(--font-display);font-size:clamp(1.1rem,3.6vw,1.7rem);font-weight:700;letter-spacing:-.03em;color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent-soft);margin-bottom:1.2rem}.live-url:hover{border-bottom-color:var(--accent)}.live-sub{color:var(--text-soft);margin-bottom:2rem}.live-form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:.8rem}.live-form input{flex:1;min-width:240px;max-width:320px;border:2px solid var(--border);border-radius:999px;padding:.9rem 1.3rem;font-family:var(--font-sans);font-size:1rem;outline:none;background:#fff}.live-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.live-note{min-height:1.6rem;font-size:.9rem;color:var(--good);font-weight:500;margin-bottom:.6rem}.media-back{position:fixed;inset:0;z-index:60;background:#10131a73;backdrop-filter:blur(3px);display:grid;place-items:center;padding:2rem 1rem;animation:fade .18s ease}.media-back[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.media-modal{width:min(900px,100%);max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 30px 80px #10131a4d;overflow:hidden;animation:rise .28s cubic-bezier(.16,1,.3,1) both}.media-head{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--work-3)}.media-head strong{font-family:var(--font-display);font-size:1.05rem}.media-head span{flex:1;color:var(--work-soft);font-size:.85rem}.media-upload{background:var(--accent);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;cursor:pointer}.media-upload:hover{background:var(--accent-deep)}.media-close{border:none;background:none;font-size:1.5rem;line-height:1;color:var(--work-soft);cursor:pointer;padding:0 .25rem}.media-close:hover{color:var(--work-ink)}.media-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;padding:1.2rem}.media-empty{padding:0 1.2rem 1.6rem;color:var(--work-soft);font-size:.9rem}.media-empty[hidden]{display:none}.media-item{border:1px solid var(--work-3);border-radius:12px;overflow:hidden;background:#f6f8fb}.media-shot{aspect-ratio:4 / 3;background:#e9edf3 center/cover no-repeat;display:block}.media-meta{display:flex;align-items:center;gap:.3rem;padding:.5rem;flex-wrap:wrap}.media-src{flex:1 1 100%;margin-bottom:.15rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--work-soft)}.media-act{flex:1;border:1px solid var(--work-3);background:#fff;font-family:var(--font-sans);font-size:.72rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;cursor:pointer}.media-act:hover{border-color:var(--accent);color:var(--accent)}.media-item.in-use{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.media-item{position:relative}.media-drop{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;border-radius:50%;background:#10131a9e;color:#fff;font-size:10px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s}.media-item:hover .media-drop{opacity:1}.media-drop:hover{background:#dc2626}#site-root{position:relative;z-index:1;background:var(--page, #fff)}.pv-block{animation:land .55s cubic-bezier(.16,1,.3,1) both}@keyframes land{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.preview-page{border-top:2px dashed var(--line)}.preview-pagetag{padding:1.4rem 1.6rem 0;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);text-align:center}