.profile-surface{--profile-background:#f3f5ed;--profile-text:#173c34;--profile-button:#173c34;--profile-buttonText:#f3ffdc;background:var(--profile-background);color:var(--profile-text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;margin:0;overflow-wrap:anywhere;box-sizing:border-box}.profile-surface *{box-sizing:border-box}.theme-midnight{--profile-background:#121826;--profile-text:#edf0ff;--profile-button:#b8c7ff;--profile-buttonText:#17203a}.theme-ocean{--profile-background:#eaf6fa;--profile-text:#103d52;--profile-button:#126781;--profile-buttonText:#fff}.theme-rose{--profile-background:#fff0f0;--profile-text:#642c3a;--profile-button:#9c3a58;--profile-buttonText:#fff}.theme-sand{--profile-background:#f4ede1;--profile-text:#4f3b28;--profile-button:#735234;--profile-buttonText:#fff9ee}.theme-lavender{--profile-background:#f1edfa;--profile-text:#412c65;--profile-button:#694e91;--profile-buttonText:#fff}.font-serif{font-family:Georgia,serif}.font-mono{font-family:ui-monospace,monospace}.profile-card{width:min(100%,620px);margin:0 auto;padding:64px 24px 32px;text-align:center}.profile-avatar{width:88px;height:88px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-size:1.8rem;overflow:hidden;line-height:1}.profile-card h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin:0 0 16px}.profile-bio{font-size:1rem;line-height:1.6;margin:0 auto 30px;white-space:pre-line}.profile-links{display:grid;gap:14px}.profile-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:17px 22px;border:1px solid transparent;border-radius:14px;background:var(--profile-button);color:var(--profile-buttonText);text-decoration:none;font-weight:650;font-family:inherit;line-height:1.4;text-align:left;transition:transform .15s}.profile-link:hover{transform:translateY(-2px)}.profile-link:focus-visible,.profile-footer a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.shape-pill .profile-link{border-radius:100px}.shape-square .profile-link{border-radius:2px}.profile-footer{margin:42px 0 10px;font-size:.78rem}.profile-footer a{color:inherit;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.profile-link{transition:none}.profile-link:hover{transform:none}}@media(max-width:480px){.profile-card{padding:40px 20px 24px}}
/* Editor */
.page-builder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start;margin-bottom:50px}.builder-section{margin-bottom:22px}.builder-section h2{margin-bottom:18px}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.builder-field{display:block;margin-bottom:16px}.builder-field input,.builder-field select,.builder-field textarea{display:block;margin-top:8px}.builder-field textarea{width:100%;resize:vertical;min-height:100px;font:inherit;color:var(--ink);border:1px solid #becbbf;border-radius:8px;padding:12px}.builder-link{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0;background:#f8faf5}.builder-link .actions{margin-top:12px}.builder-link label{display:block;margin:8px 0}.builder-link input{margin-top:6px}.builder-link .checkbox{display:flex}.builder-link .checkbox input{margin:0}.preview-wrap{position:sticky;top:20px}.preview-caption{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.8rem;color:var(--muted)}.preview-frame{border:8px solid #dce2d8;border-radius:32px;overflow:hidden;box-shadow:0 18px 45px #173c3410}.preview-frame .profile-surface{min-height:540px}.preview-frame .profile-card{padding:34px 20px}.preview-frame .profile-footer{display:block;border:0;padding:0;max-width:none;color:inherit}.preview-frame .profile-card h1{font-size:1.7rem}.builder-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.builder-save .checkbox{flex:1}.builder-color input{height:48px;padding:5px}#builder-status{margin:16px 0;overflow-wrap:anywhere}.builder-callout{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#eaf2de}.builder-callout p{margin:10px 0}.builder-callout a{font-weight:650}.builder-note{font-size:.85rem;color:var(--muted)}@media(max-width:800px){.page-builder{grid-template-columns:1fr}.preview-wrap{position:static}.preview-frame{max-width:430px;margin:auto}.builder-grid{gap:12px}}@media(max-width:400px){.builder-grid{grid-template-columns:1fr}}