.creator-page { background:var(--paper); }
.creator-workspace { max-width:1200px; padding-bottom:52px; }
.creator-intro { padding:36px 0 24px; }
.creator-eyebrow { color:#11765f; font-size:13px; font-weight:700; letter-spacing:.08em; }
.creator-intro h1 { margin:8px 0 12px; font-size:clamp(28px,4vw,42px); line-height:1.35; letter-spacing:-.04em; }
.creator-intro p { color:var(--muted); line-height:1.8; }
.creator-examples { margin-top:24px; padding:18px 20px; border:1px solid var(--line); background:#f4f8f3; border-radius:12px; }
.creator-examples>strong { font-size:14px; }
.creator-example-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.creator-example-buttons button { font:inherit; font-size:14px; padding:9px 16px; border:1px solid #9dbaad; color:#164e3d; background:#fff; border-radius:24px; cursor:pointer; }
.creator-example-buttons button:hover,.creator-example-buttons button:focus-visible { background:#dbeee3; outline:2px solid #9dbaad; }
.creator-existing-web { display:block; margin-top:16px; font-size:12px; text-decoration:underline; }
.creator-preview-jump { display:inline-block; margin-top:4px; padding:10px 0; color:#155a48; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
#creatorPreviewPanel { scroll-margin-top:88px; }
.creator-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:32px; align-items:start; }
.creator-form,.creator-preview { min-width:0; }
.creator-section { padding:24px; background:white; border:1px solid var(--line); border-radius:16px; margin-bottom:16px; }
.creator-section h2 { font-size:19px; margin:0 0 20px; }
.creator-section h2 span { color:#11765f; margin-right:10px; font-size:14px; }
.creator-form label { display:grid; gap:7px; font-size:14px; font-weight:600; margin:14px 0; }
.creator-form input,.creator-form textarea,.creator-form select { font:inherit; font-weight:400; width:100%; min-width:0; padding:12px; border:1px solid #b8c1ba; border-radius:8px; background:#fff; color:var(--ink); }
.creator-form input:focus,.creator-form textarea:focus,.creator-form select:focus { outline:3px solid #bce4d8; border-color:#11765f; }
.creator-form textarea { resize:vertical; line-height:1.7; }
.creator-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.creator-link { border:0; border-top:1px solid var(--line); margin:20px 0 0; padding:14px 0 0; min-width:0; }
.creator-link legend { color:#11765f; font-weight:700; padding-right:12px; }
.creator-help { font-size:13px; color:var(--muted); line-height:1.8; }
.creator-preview { position:sticky; top:94px; padding:24px; border:1px solid #b9d1c6; border-radius:18px; background:#edf5ef; }
.creator-preview-head { display:grid; gap:7px; margin-bottom:20px; }
.creator-preview-head span { font-size:12px; color:#416150; }
.creator-preview-head strong { font-size:20px; line-height:1.5; }
.creator-outline { padding-left:24px; line-height:2.4; color:#557262; }
.creator-card { background:white; border:1px solid #d5e1d9; border-radius:10px; padding:16px; margin:10px 0; overflow-wrap:anywhere; }
.creator-card a { color:#155a48; text-decoration:underline; text-underline-offset:3px; font-weight:700; }
.creator-card p { margin:8px 0 0; white-space:pre-wrap; font-size:13px; line-height:1.8; }
.creator-card small { display:block; color:var(--muted); margin-top:8px; }
.creator-message { line-height:1.7; font-weight:600; }
.creator-draft-notice { margin:0 0 16px; padding:14px 16px; border:1px solid #9dbaad; border-left:4px solid #11765f; border-radius:10px; background:#f4f8f3; color:#1f3d33; font-size:14px; line-height:1.8; }
.creator-draft-notice .creator-preview-jump { display:block; margin-top:6px; padding:6px 0 0; border:0; background:none; font-family:inherit; font-size:inherit; line-height:inherit; text-align:left; cursor:pointer; }
.creator-message.is-error { color:#ab302d; }
.creator-actions { padding:4px 0 20px; }
.creator-page .btn { cursor:pointer; font:inherit; font-weight:600; border-radius:10px; }
.creator-page .btn.primary { background:#164e3d; box-shadow:none; }
.creator-page .btn:disabled { opacity:.55; cursor:wait; }
#creatorDownload { margin-top:20px; }
.creator-next { margin-top:24px; border-top:1px solid #b9d1c6; padding-top:18px; font-size:13px; line-height:1.9; }
.creator-next summary { cursor:pointer; font-weight:700; }
.creator-next ol { padding-left:22px; }
.creator-next a,.creator-footer a { text-decoration:underline; text-underline-offset:3px; }
.creator-footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); margin-top:32px; padding-top:20px; font-size:12px; line-height:1.8; }
[hidden] { display:none!important; }
@media(max-width:800px) { .creator-layout { grid-template-columns:1fr; gap:18px; }.creator-preview {position:static}.creator-intro{padding-top:24px}.creator-section{padding:20px}.creator-footer{flex-direction:column}.header-inner nav{font-size:12px} }
@media(max-width:480px) { .creator-pair {grid-template-columns:1fr;gap:0}.creator-page .brand{font-size:14px}.creator-page .brand img{width:28px;height:28px} }

.creator-language { border:1px solid currentColor; background:transparent; border-radius:8px; padding:7px 10px; font:inherit; cursor:pointer; white-space:nowrap; }
.creator-page .header-inner { flex-wrap:wrap; gap:12px; }