.shared-copy { --shared-bg: var(--ink); --shared-fg: var(--paper); --shared-muted: var(--muted); --shared-accent: var(--acid); background:var(--shared-bg); color:var(--shared-fg); }
.shared-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 4vw; border-bottom:1px solid var(--line); }
.shared-brand { font:800 18px var(--sans); letter-spacing:.07em; white-space:nowrap; }
.shared-nav nav { display:flex; align-items:center; flex-wrap:wrap; gap:20px; font-size:13px; }
.shared-nav button { background:none; border:1px solid var(--line); padding:9px 14px; cursor:pointer; }
.shared-copy a:hover { text-decoration:underline; }
.shared-copy :focus-visible { outline:2px solid var(--shared-accent); outline-offset:5px; }
.shared-welcome { max-width:700px; margin:70px auto 30px; padding:0 24px; }
.shared-eyebrow { color:var(--shared-accent); font:12px var(--mono); text-transform:uppercase; letter-spacing:.14em; }
.shared-welcome h1 { font:800 clamp(40px,7vw,76px)/1.04 var(--sans); letter-spacing:-.055em; margin:22px 0; }
.shared-intro { max-width:560px; font-size:19px; line-height:1.6; }
.shared-price { margin:28px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); line-height:1.6; }
.shared-primary { background:var(--shared-accent); color:var(--ink); font-weight:700; padding:15px 24px; border:0; cursor:pointer; }
.shared-primary:disabled { opacity:.65; cursor:wait; }
.shared-note { max-width:570px; font-size:13px; line-height:1.6; color:var(--shared-muted); }
.shared-note a { color:var(--shared-fg); text-decoration:underline; }
.shared-status { padding:0 24px; text-align:center; font-size:14px; line-height:1.6; }
#copyWorkspace { display:block; width:100%; height:calc(100svh - 120px); min-height:0; border:0; background:var(--shared-bg); }
.shared-copy:has(#copyWorkspace:not([hidden])) { display:flex; flex-direction:column; height:100svh; min-height:0; }
.shared-copy:has(#copyWorkspace:not([hidden])) > main { display:flex; flex-direction:column; flex:1; min-height:0; }
.shared-copy:has(#copyWorkspace:not([hidden])) > header,
.shared-copy:has(#copyWorkspace:not([hidden])) > footer { flex-shrink:0; }
.shared-copy:has(#copyWorkspace:not([hidden])) #copyWorkspace { flex:1; height:0; }
.shared-status:empty { display:none; }
.shared-copy [hidden] { display:none!important; }
.shared-risk { text-align:center; padding:20px 24px; font-size:12px; color:var(--shared-muted); line-height:1.5; }
@media(max-width:600px) { .shared-nav { align-items:flex-start; gap:12px; } .shared-nav nav { justify-content:flex-end; gap:12px; } .shared-welcome { margin-top:40px; } }
@media(prefers-color-scheme:light) { .shared-copy { --shared-bg:var(--paper); --shared-fg:var(--ink); --shared-muted:#535749; --shared-accent:#8fae3f; --line:rgba(16,17,14,.14); } }