*,:before,:after{box-sizing:border-box}:root{--ink:#18181b;--ink-soft:#52525b;--paper:#fafafa;--line:#e4e4e7;--accent:#4f46e5;--accent-ink:#fff}body{background:var(--paper);color:var(--ink);height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.signin-wrap{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.signin-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:420px;padding:2.25rem}.signin-card h1{margin:0 0 .4rem;font-size:1.5rem}.signin-card p{color:var(--ink-soft);margin:0 0 1.5rem;font-size:.95rem}.signin-card form{gap:.75rem;display:grid}.signin-card input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.7rem .9rem}.dev-link{word-break:break-all;background:#f4f4f5;border-radius:8px;margin-top:1.25rem;padding:.9rem;font-size:.85rem}.error{color:#b91c1c;font-size:.9rem}.shell{grid-template-rows:56px 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.topbar .brand{font-weight:700}.topbar .spacer{flex:1}.topbar .who{color:var(--ink-soft);font-size:.85rem}.live-url{color:var(--accent);font-size:.85rem}.split{grid-template-columns:430px 1fr;min-height:0;display:grid}.chat{border-right:1px solid var(--line);background:#fff;grid-template-rows:1fr auto;min-height:0;display:grid}.chat-log{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:12px;max-width:88%;padding:.65rem .95rem;font-size:.95rem;line-height:1.5}.msg.user{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;align-self:flex-end}.msg.assistant{background:#f4f4f5;border-bottom-left-radius:4px;align-self:flex-start}.msg.pending{color:var(--ink-soft);font-style:italic}.chat-input{border-top:1px solid var(--line);align-items:flex-end;gap:.6rem;padding:.9rem;display:flex}.chat-input textarea{font:inherit;border:1px solid var(--line);resize:none;border-radius:14px;flex:1;min-height:3.2rem;max-height:11rem;padding:.7rem 1rem;font-size:1rem;line-height:1.45;overflow-y:auto}.chat-input textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.preview{min-height:0;display:grid}.preview iframe{background:#fff;border:0;width:100%;height:100%}.preview-empty{color:var(--ink-soft);text-align:center;place-items:center;padding:2rem;display:grid}.preview{position:relative}.photos-panel{border-left:1px solid var(--line);z-index:5;background:#fff;grid-template-rows:auto 1fr;width:min(520px,100%);display:grid;position:absolute;inset:0 0 0 auto;box-shadow:-12px 0 32px -20px #00000059}.photos-panel>header{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.photos-credit{color:var(--ink-soft);flex:1;font-size:.8rem}.photos-body{align-content:start;gap:1rem;padding:1rem;display:grid;overflow-y:auto}.slot-card{border:1px solid var(--line);border-radius:10px;gap:.7rem;padding:.9rem;display:grid}.slot-head{align-items:center;gap:.8rem;font-size:.9rem;display:flex}.slot-thumb{background:#f4f4f5;border-radius:6px;flex-shrink:0;place-items:center;width:72px;height:54px;display:grid;overflow:hidden}.slot-thumb img{object-fit:cover;width:100%;height:100%}.slot-placeholder{color:var(--ink-soft);font-size:.8rem}.slot-search{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.slot-search input{min-width:140px;font:inherit;border:1px solid var(--line);border-radius:6px;flex:1;padding:.35rem .6rem;font-size:.85rem}.upload-label{display:inline-block}.slot-photos{grid-template-columns:repeat(4,1fr);gap:.4rem;min-height:3rem;display:grid}.photo-option{cursor:pointer;aspect-ratio:4/3;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.photo-option:hover{border-color:var(--accent)}.photo-option img{object-fit:cover;width:100%;height:100%;display:block}.pay-copy{color:var(--ink-soft);margin:.4rem 0 .8rem;font-size:.92rem}.lead-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.lead-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:#eef2ff;border-radius:999px;padding:.15rem .6rem;font-size:.72rem}.lead-badge.paid{color:#15803d;background:#dcfce7}.lead-badge.amber{color:#b45309;background:#fef3c7}.lead-done{opacity:.6}.lead-actions{gap:.5rem;display:flex}.lead-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0;font-size:.92rem}.invoice-form{gap:.5rem;margin-top:.6rem;display:grid}.invoice-form input,.invoice-form select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem .7rem;font-size:.9rem}.invoice-amount-row{gap:.5rem;display:flex}.invoice-amount-row input{flex:1}.invoice-sent{background:#f0fdf4;border-color:#86efac}.pay-steps{color:var(--ink-soft);gap:.35rem;margin:0 0 .8rem;padding-left:1.2rem;font-size:.92rem;display:grid}.order-row{border-top:1px solid var(--line);align-items:baseline;gap:.8rem;padding:.45rem 0;font-size:.9rem;display:flex}.order-row span:first-child{font-weight:700}.order-detail{color:var(--ink-soft);overflow-wrap:anywhere}.order-ship{color:var(--ink-soft);flex-basis:100%;margin-top:.2rem;font-size:.85rem}.photos-footnote{color:var(--ink-soft);text-align:center;font-size:.8rem}.ship-toggle{align-items:center;gap:.4rem;margin:.2rem 0 .8rem;font-size:.92rem;display:flex}.ship-rates{gap:.5rem;margin-bottom:.8rem;display:grid}.ship-rate-row{align-items:center;gap:.35rem;display:flex}.ship-input{font:inherit;border:1px solid var(--line);background:var(--bg,#fff);color:inherit;border-radius:8px;min-width:0;padding:.4rem .5rem}.ship-label{flex:1}.ship-amount{width:5.5rem}.ship-days{width:4rem}.ship-dollar{color:var(--ink-soft)}.ship-remove{padding:.2rem .5rem;line-height:1}.ship-add{justify-self:start;padding:.3rem 0;font-size:.9rem}.ship-free{color:var(--ink-soft);align-items:center;gap:.4rem;margin-top:.2rem;font-size:.92rem;display:flex}.ship-mode{gap:.5rem;margin:.2rem 0 .8rem;display:flex}.ship-mode label{border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.9rem;display:flex}.ship-mode label.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.ship-box{align-items:center;gap:.4rem;display:flex}.ship-box .ship-input{text-align:center;width:4rem}.dns-row{border-top:1px solid var(--line);align-items:flex-start;gap:.6rem;padding:.5rem 0;display:flex}.domain-result{justify-content:space-between;align-items:center}.domain-result-name{align-items:center;gap:.5rem;min-width:0;display:flex}.domain-result-name code{overflow-wrap:anywhere;font-size:.9rem}.dns-type{color:var(--accent);background:#eef2ff;border-radius:6px;margin-top:.15rem;padding:.15rem .4rem;font-size:.72rem;font-weight:700}.dns-detail{gap:.2rem;min-width:0;display:grid}.dns-detail code{overflow-wrap:anywhere;background:color-mix(in srgb, var(--ink-soft) 10%, transparent);border-radius:5px;padding:.15rem .35rem;font-size:.82rem}.dns-detail .dns-value{color:var(--accent)}.build-reveal{flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:420px;display:flex}.build-reveal svg{width:100%;height:auto}.build-reveal.thinking svg{animation:1.6s ease-in-out infinite build-pulse}@keyframes build-pulse{0%,to{opacity:1}50%{opacity:.82}}.build-reveal .sparkle{animation:1.4s ease-in-out infinite build-sparkle}@keyframes build-sparkle{0%,to{opacity:.3}50%{opacity:1}}.build-reveal-meta{text-align:center;width:80%}.build-reveal-bar{background:color-mix(in srgb, var(--ink-soft) 18%, transparent);border-radius:999px;height:5px;margin-bottom:.7rem;overflow:hidden}.build-reveal-bar span{background:var(--accent);border-radius:999px;height:100%;transition:width .6s;display:block}.build-reveal-meta p{color:var(--ink-soft);margin:0;font-size:.95rem}.dash{flex-direction:column;height:100vh;display:flex}.dash-body{flex:1;min-height:0;display:flex}.dash-nav{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.2rem;width:180px;padding:1rem .6rem;display:flex}.dash-nav button{text-align:left;font:inherit;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;padding:.55rem .8rem}.dash-nav button:hover{background:color-mix(in srgb, var(--ink-soft) 8%, transparent)}.dash-nav button.active{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-weight:600}.dash-main{flex:1;padding:1.5rem 2rem;overflow-y:auto}.dash-main h1{margin:0 0 1.2rem;font-size:1.5rem}.dash-main h2{margin:1.8rem 0 .8rem;font-size:1.05rem}.dash-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.dash-card{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;display:flex}.dash-card-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.dash-card strong{font-size:1.5rem}.dash-card strong.ok{color:#15803d}.dash-card strong.muted{color:var(--ink-soft)}.dash-card-sub{color:var(--ink-soft);font-size:.85rem}.dash-card a,.linklike{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.85rem}.dash-row{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.8rem;margin-bottom:.6rem;padding:.8rem 1rem;display:flex}.dash-row>strong:first-child{min-width:4rem}.dash-lead{flex-direction:column;align-items:stretch}.dash-lead.is-done{opacity:.6}.dash-ship,.dash-newinvoice,.dash-block{flex-basis:100%}.dash-ship{color:var(--ink-soft);font-size:.85rem}.dash-block{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.dash-activity{margin-top:.2rem}.dash-activity-row{border-top:1px solid var(--line);gap:.8rem;padding:.55rem 0;font-size:.92rem;display:flex}.dash-activity-row span:first-child{flex:1}.mode-toggle{border:1px solid var(--line);border-radius:999px;font-size:.85rem;display:inline-flex;overflow:hidden}.mode-toggle a,.mode-toggle span{color:var(--ink-soft);padding:.3rem .9rem;text-decoration:none}.mode-toggle .mode-active{background:var(--accent);color:var(--accent-ink);font-weight:600}.ghost-link{color:var(--ink-soft);font-size:.9rem;text-decoration:none}button.primary{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:.6rem 1.3rem}button.primary:disabled{opacity:.5;cursor:default}button.ghost,label.ghost{font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;line-height:1.2;display:inline-block}button.ghost:hover,label.ghost:hover{border-color:var(--accent);color:var(--accent)}.nudge-anchor{position:relative}button.nudged{border-color:var(--accent);color:var(--accent);animation:1.6s ease-in-out infinite nudge-pulse}@keyframes nudge-pulse{0%,to{box-shadow:0 0 #4f46e573}50%{box-shadow:0 0 0 9px #4f46e500}}.nudge-bubble{background:var(--accent);color:var(--accent-ink);white-space:nowrap;z-index:20;border-radius:10px;padding:.5rem .85rem;font-size:.85rem;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 24px -10px #4f46e5b3}.nudge-bubble:before{content:"";border:6px solid #0000;border-bottom-color:var(--accent);border-top:0;position:absolute;top:-5px;right:2.2rem}