.publish-screen{width:calc(100% - 40px);max-width:680px;margin:0 auto;padding:56px 0 80px;scroll-margin-top:24px}
.publish-screen .eyebrow{margin:22px 0 12px}.publish-screen h1{font:400 clamp(38px,5vw,60px)/1.05 var(--serif);letter-spacing:-.025em;margin:0;max-width:620px;outline:none}
.publish-symbol{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--line);border-radius:50%;font:28px var(--sans);color:var(--accent);background:var(--card)}
.publish-screen[data-state=done] .publish-symbol{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.publish-detail{color:var(--muted);font-size:17px;line-height:1.65;max-width:520px;margin:20px 0 32px}
.publish-steps{list-style:none;padding:0;margin:0 0 34px;border-top:1px solid var(--line)}
.publish-steps li{display:flex;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
.step-number{width:30px;flex-shrink:0;font:13px var(--mono);color:var(--muted)}.step-title{font-size:16px;flex:1}.step-state{font-size:12px;color:var(--muted);text-align:right}
.publish-steps [data-state=complete] .step-number{color:var(--accent);font-size:19px}.publish-steps [data-state=active] .step-title{color:var(--accent);font-weight:600}
.publish-steps [data-state=active] .step-number{color:var(--accent)}
.publish-success{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:26px}
.publish-success label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.publish-url{width:100%;border:0;background:transparent;color:var(--fg);font:14px var(--mono);padding:0;min-height:30px;text-overflow:ellipsis}
.publish-success .actions{margin-top:18px;flex-wrap:wrap}.publish-success .btn{min-height:46px}.publish-copy-note{font-size:13px;color:var(--accent);margin:12px 0 0;min-height:1em}
.publish-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px}.publish-footer .btn{min-height:44px}.publish-preservation{font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0 0}
.publish-connection{font-size:14px;line-height:1.6;margin:16px 0;color:var(--muted)}.publish-recovery{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.publish-prompt{border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--fg);padding:34px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;box-shadow:0 28px 100px #0003}
.publish-prompt::backdrop{background:#17150f70;backdrop-filter:blur(3px)}.publish-prompt .eyebrow{margin:0 0 12px}.publish-prompt h2{font:400 38px/1.1 var(--serif);margin:0}.publish-prompt p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted);margin:18px 0 24px}
.publish-prompt .btn{width:100%;min-height:46px;text-align:center;margin-top:10px}.publish-prompt .prompt-later{display:block;margin:20px auto 0;border:0;background:none;font:14px var(--sans);text-decoration:underline;text-underline-offset:4px;color:var(--muted);cursor:pointer;min-height:36px}
.publish-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-shortcuts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0;font-size:14px}.site-shortcuts .muted{overflow-wrap:anywhere}.publish-mode{padding:18px 0}.publish-mode select{max-width:420px}.publish-mode p{font-size:14px;margin:10px 0 0;max-width:640px;line-height:1.6}.domain-widget{width:min(620px,calc(100vw - 32px))}.domain-widget .actions{flex-wrap:wrap}.domain-widget .actions .btn{width:auto}.domain-widget .input{width:100%}.domain-widget .mono{overflow-wrap:anywhere}.website-list{list-style:none;padding:0;margin:32px 0}.website-list li{padding:24px 0;border-top:1px solid var(--line)}.website-list h2{font:400 30px var(--serif);overflow-wrap:anywhere}.website-list p{font-size:14px;margin:8px 0 16px;color:var(--muted);overflow-wrap:anywhere}.website-list .actions{flex-wrap:wrap}.website-list .actions a{min-height:44px}
@media(max-width:600px){.publish-screen{padding:30px 0 50px}.publish-screen h1{font-size:42px}.publish-detail{font-size:16px;margin:16px 0 24px}.publish-steps li{gap:10px;padding:18px 0}.step-title{font-size:14px}.step-state{font-size:11px}.publish-success{padding:20px}.publish-success .actions .btn{width:100%;text-align:center}.publish-footer{align-items:stretch}.publish-footer .btn{flex:1}.publish-prompt{padding:26px}.publish-prompt h2{font-size:34px}}