@import url('/design-system.css');
.onboarding{padding-top:32px;max-width:1328px}.journey{list-style:none;display:flex;gap:32px;padding:0 0 24px;margin:0 0 40px;border-bottom:1px solid var(--lw-line);color:var(--lw-muted);font-size:13px}.journey li{display:flex;align-items:center;gap:8px}.journey b{font-weight:inherit}.journey li>span{display:grid;place-items:center;border:1px solid var(--lw-line);border-radius:50%;width:28px;height:28px;font-size:12px}.journey [aria-current=step]{color:var(--lw-ink)}.journey [aria-current=step]>span{background:var(--lw-accent);color:var(--lw-on-accent);border-color:var(--lw-accent)}.journey .complete>span{color:var(--lw-success);border-color:var(--lw-success)}.onboarding-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:64px;align-items:start}.onboarding h1{font-size:var(--lw-type-display);line-height:1.06;letter-spacing:-.045em;margin:16px 0 24px}.onboarding-intro{color:var(--lw-muted);font-size:17px;max-width:58ch}.onboarding strong,.site-identity{overflow-wrap:anywhere}.onboarding form{margin-top:28px}.onboarding form button{width:100%;margin-top:12px}.onboarding .fine{font-size:13px;color:var(--lw-muted)}.onboarding details a,.embed-note a,.import-actions a{color:var(--lw-accent);text-decoration:underline;text-underline-offset:3px}.onboarding details p{color:var(--lw-muted)}#existing-account button{display:block;margin-top:12px}.text-button{background:transparent;border:0;padding:12px 0;min-height:44px;color:var(--lw-muted);text-decoration:underline;text-underline-offset:5px;font:inherit;cursor:pointer}.text-button:hover{color:var(--lw-ink)}.browser-frame{border:1px solid var(--lw-control-border);border-radius:var(--lw-radius-panel);overflow:hidden;background:var(--lw-surface)}.browser-bar{display:flex;align-items:center;gap:12px;padding:16px;font-size:13px;border-bottom:1px solid var(--lw-line);color:var(--lw-muted)}#browser-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-label{margin-left:auto;font-size:11px;white-space:nowrap;color:var(--lw-accent)}.site-monogram{display:grid;place-items:center;width:28px;height:28px;background:var(--lw-raised);color:var(--lw-ink);border:1px solid var(--lw-line);border-radius:6px;font-size:16px}.preview-placeholder{padding:40px 24px;text-align:center}.preview-placeholder h2{font-size:28px;margin:24px 0 12px}.preview-placeholder p{font-size:15px;color:var(--lw-muted)}.example-label{font-size:12px;color:var(--lw-muted)}.mini-site{background:var(--lw-raised);border:1px solid var(--lw-line);border-radius:6px;padding:20px;text-align:left}.mini-nav{height:9px;width:28%;background:var(--lw-muted);border-radius:0px}.mini-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.mini-body i{display:block;height:10px;background:var(--lw-line);margin:12px 0;width:90%;border-radius:0px}.mini-body i:last-child{width:65%;background:var(--lw-accent)}.mini-image{height:90px;background:var(--lw-line);border-radius:999px 999px 0px 0px}.mini-cards{display:flex;gap:12px}.mini-cards i{height:28px;background:var(--lw-line);flex:1;border-radius:0px}#source-image{display:block;width:100%;aspect-ratio:1440/900;object-fit:cover;object-position:top}.embed-note{font-size:13px;color:var(--lw-muted);margin:12px 0 24px;line-height:1.7}.next-change{border-top:1px solid var(--lw-line);padding:24px 0;margin-top:24px}.next-change .eyebrow{font-size:11px}.next-change p{font-size:22px;line-height:1.4;margin:12px 0}.next-change>span:last-child{font-size:13px;color:var(--lw-muted)}#owner-email[aria-invalid=true]{border-color:var(--lw-danger)}
.is-import .onboarding-grid{display:block}.is-import .onboarding-visual{display:none}.import-heading{display:flex;justify-content:space-between;gap:32px;align-items:center}.import-heading h1{max-width:850px;margin-bottom:12px}.import-heading .onboarding-intro{font-size:16px;max-width:75ch}.site-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:230px;font-size:15px}.private-label{display:block;width:100%;padding-left:40px;color:var(--lw-muted);font-size:12px}.email-expectation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 32px;padding:16px 24px;border:1px solid color-mix(in srgb,var(--lw-accent) 35%,transparent);border-radius:var(--radius-control)}.email-expectation strong{font-size:17px}.email-expectation p{margin:4px 0 0;color:var(--lw-muted);font-size:13px;max-width:76ch}.email-expectation a{flex-shrink:0}.assembly{border:1px solid var(--lw-line);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) 264px;background:var(--lw-surface);overflow:hidden}.assembly-main{min-width:0}.canvas-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 0}.canvas-topline .eyebrow{font-size:11px;letter-spacing:0}.activity-indicator{display:flex;align-items:center;gap:8px;color:var(--lw-muted);font-size:12px}.activity-indicator i{width:6px;height:6px;background:var(--lw-muted);border-radius:50%}.assembly[data-status=copying] .activity-indicator i,.assembly[data-status=checking] .activity-indicator i{background:var(--lw-accent);animation:breathe 600ms ease-in-out infinite}.assembly[data-status=ready] .activity-indicator i{background:var(--lw-success)}.canvas-toolbar{padding:16px 24px 0;display:flex;justify-content:space-between;gap:16px}.segmented{display:flex;gap:2px}.segmented button{font:inherit;font-size:12px;color:var(--lw-muted);border:1px solid transparent;background:transparent;padding:8px 12px;min-height:44px;border-radius:6px;cursor:pointer}.segmented [aria-pressed=true]{background:var(--lw-raised);border-color:var(--lw-line);color:var(--lw-ink)}.assembly-stage{position:relative;isolation:isolate;padding:28px 40px 20px;overflow:hidden;min-height:430px;background-image:radial-gradient(var(--lw-line) .7px,transparent .7px);background-size:22px 22px}.canvas-orbit{position:absolute;z-index:-1;border:1px solid var(--lw-line);transform:rotate(-8deg);border-radius:10px;inset:54px 60px 76px;opacity:.4}.orbit-two{transform:rotate(6deg);inset:72px 48px 68px}.canvas-viewport{position:relative;margin:auto;width:100%;max-width:720px;border:1px solid var(--lw-control-border);border-radius:6px;background:var(--lw-canvas);overflow:hidden;transition:max-width 240ms ease}.canvas-viewport.mobile{max-width:200px}.canvas-browser{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--lw-muted);padding:8px 12px;border-bottom:1px solid var(--lw-line)}.canvas-browser span:first-child{font-size:11px;letter-spacing:0}.canvas-browser span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-paper{min-height:300px;display:grid;align-items:start}.canvas-paper>img{display:block;width:100%;aspect-ratio:1440/900;object-fit:cover;object-position:top}.mobile .canvas-paper>img{aspect-ratio:390/900}.canvas-blueprint{padding:24px;min-height:300px}.blueprint-nav{height:9px;width:20%;background:var(--lw-line);margin-bottom:28px}.blueprint-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;height:66px}.blueprint-hero span{border-top:12px solid var(--lw-line);border-bottom:12px solid var(--lw-line);margin:4px 0}.blueprint-hero i{border:1px dashed var(--lw-control-border);background:var(--lw-surface)}.blueprint-lines{width:45%;margin:20px 0}.blueprint-lines i{display:block;height:4px;background:var(--lw-line);margin:4px 0}.blueprint-cards{display:flex;gap:12px}.blueprint-cards i{height:44px;border:1px dashed var(--lw-line);flex:1}.canvas-blueprint p{font-size:13px;line-height:1.6;color:var(--lw-ink);margin:24px 0 0}.canvas-blueprint p span{font-size:12px;color:var(--lw-muted)}.mobile .canvas-blueprint{padding:16px}.mobile .blueprint-hero{gap:8px}.canvas-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px;font-size:12px;color:var(--lw-muted)}.canvas-caption strong{color:var(--lw-ink);font-size:13px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-collection{padding:20px 24px;border-top:1px solid var(--lw-line)}.collection-label{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--lw-muted);margin-bottom:12px}.page-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.page-tile{flex:0 0 128px;min-width:0;text-align:left;font:inherit;padding:4px;border:1px solid var(--lw-line);border-radius:6px;color:var(--lw-ink);background:var(--lw-canvas);cursor:pointer}.page-tile[aria-pressed=true]{border-color:var(--lw-accent)}.page-tile img,.tile-blueprint{display:block;width:100%;height:66px;object-fit:cover;object-position:top;border-radius:0px;background:repeating-linear-gradient(0deg,var(--lw-surface) 0 10px,var(--lw-raised) 10px 12px)}.page-tile strong,.page-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;padding:4px 2px 0}.page-tile small{color:var(--lw-muted);font-size:11px;padding-bottom:4px}.assembly-sidebar{border-left:1px solid var(--lw-line);padding:24px;display:flex;flex-direction:column;min-width:0}.assembly-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;margin-bottom:32px}.assembly-stats>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;padding-top:16px;border-top:1px solid var(--lw-line)}.assembly-stats strong{display:block;font-size:34px;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-weight:500}.assembly-stats span{font-size:11px;color:var(--lw-muted)}.assembly-stats>div:last-child strong{color:var(--lw-accent);font-size:28px}.assembly-sidebar>.eyebrow{font-size:11px}.event-summary{font-size:17px;line-height:1.45;margin:12px 0 20px;overflow-wrap:anywhere}.activity-log{list-style:none;padding:0;margin:0 0 24px}.activity-log li{display:flex;gap:8px;font-size:11px;color:var(--lw-muted);padding:8px 0;border-top:1px solid var(--lw-line)}.activity-log time{font-variant-numeric:tabular-nums;flex-shrink:0}.activity-log span{overflow-wrap:anywhere}.import-activity{font-size:11px;color:var(--lw-muted);margin-top:auto}.import-activity p{margin:4px 0}.canvas-footnote{font-size:11px;color:var(--lw-muted);border-top:1px solid var(--lw-line);padding-top:16px;margin:16px 0 0}.import-bottom{display:grid;grid-template-columns:1fr 250px;gap:24px;margin-top:24px}.preparation{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0}.preparation li{display:flex;gap:12px}.preparation li>span{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--lw-line);font-size:11px;color:var(--lw-muted)}.preparation .done>span{color:var(--lw-success);border-color:var(--lw-success)}.preparation .active>span{color:var(--lw-accent);border-color:var(--lw-accent)}.preparation strong{font-size:13px}.preparation p{font-size:12px;color:var(--lw-muted);margin:4px 0}.import-actions{text-align:right}.import-actions .fine{font-size:11px}.arrive{animation:page-arrive 600ms cubic-bezier(.16,1,.3,1)}@keyframes page-arrive{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(8px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes breathe{50%{opacity:.35}}.assembly[data-status=paused] *{animation-play-state:paused}.onboarding [hidden]{display:none!important}
@media(max-width:1050px){.onboarding-grid{gap:32px}.assembly{grid-template-columns:minmax(0,1fr) 220px}.assembly-sidebar{padding:20px}.assembly-stage{padding:24px}.import-heading{align-items:start}.site-identity{max-width:200px}.import-bottom{grid-template-columns:1fr}.import-actions{text-align:left}.canvas-caption{flex-direction:column;gap:4px}.canvas-caption strong{max-width:100%}}
@media(max-width:700px){.journey{gap:12px;font-size:11px;justify-content:space-between;margin-bottom:24px}.journey li{flex:1;flex-direction:column;text-align:center;gap:8px}.onboarding-grid{grid-template-columns:1fr;gap:32px}.onboarding h1{font-size:34px}.onboarding-intro{font-size:17px}.onboarding-visual{min-width:0}.import-heading{display:block}.site-identity{max-width:none;margin:20px 0}.private-label{width:auto;padding:0}.email-expectation{display:block;padding:16px;margin:20px 0}.email-expectation a{margin-top:12px}.assembly{grid-template-columns:1fr}.canvas-topline{padding:16px 16px 0}.canvas-topline .eyebrow{font-size:11px}.activity-indicator{font-size:11px}.canvas-toolbar{padding:12px 12px 0;gap:4px}.segmented button{padding:8px 8px;font-size:11px}.assembly-stage{padding:20px 12px 16px;min-height:0}.canvas-paper{min-height:0}.canvas-blueprint{min-height:240px;padding:20px}.canvas-caption{font-size:11px}.canvas-orbit{inset:40px 20px 65px}.page-collection{padding:16px}.collection-label{display:block}.collection-label>span:last-child{display:block;margin-top:4px}.assembly-sidebar{border-left:0;border-top:1px solid var(--lw-line);padding:20px}.assembly-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.assembly-stats>div:last-child{grid-column:auto;display:block;padding:0;border:0}.assembly-stats strong,.assembly-stats>div:last-child strong{font-size:28px}.activity-log{margin-bottom:12px}.preparation{grid-template-columns:1fr;gap:16px}.preview-placeholder{padding:24px 16px}.browser-label{font-size:11px}.import-actions .lw-button{width:100%}}
@media(prefers-reduced-motion:reduce){.onboarding *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Scope above legacy workspace selectors while consuming shared component roles. */
.onboarding h1[tabindex="-1"]:focus:not(:focus-visible){outline:none}.onboarding .lw-button:not(.lw-button--hero){min-height:44px;border-color:var(--lw-control-border);font-size:16px}.onboarding .lw-button--primary{background:var(--lw-accent);border-color:var(--lw-accent);color:var(--lw-on-accent)}.onboarding .lw-button--primary:hover{background:var(--lw-accent);border-color:var(--lw-accent);filter:brightness(1.07)}.onboarding input{border-color:var(--lw-control-border);background:var(--lw-surface)}.onboarding .text-button{border:0;background:transparent;padding:12px 0;color:var(--lw-muted)}.onboarding .segmented button{min-height:44px;font-size:12px;border-color:transparent;background:transparent;padding:8px 12px;color:var(--lw-muted)}.onboarding .segmented [aria-pressed=true]{background:var(--lw-raised);border-color:var(--lw-line);color:var(--lw-ink)}.onboarding .page-tile{padding:4px;border-radius:6px;background:var(--lw-canvas)}.onboarding .page-tile[aria-pressed=true]{border-color:var(--lw-accent)}.onboarding .page-tile small{font-size:11px}.onboarding .email-expectation{margin:24px 0 28px}.onboarding .email-expectation p{font-size:13px}
@media(max-width:700px){.onboarding .segmented button{padding:8px 8px;font-size:11px}.onboarding .email-expectation{margin:20px 0}}

.assembly[data-status=paused] .arrive{animation:none}

.tile-arrive{animation:tile-arrive 600ms cubic-bezier(.16,1,.3,1)}@keyframes tile-arrive{from{opacity:.25;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.assembly[data-status=paused] .tile-arrive{animation:none}