.builder-page{display:block;min-height:100vh;overflow:clip;padding:32px 20px 75px}
.builder-page .theme-backdrop,.builder-page::before{position:absolute}
.builder{width:min(100%,1140px);margin:0 auto;position:relative;z-index:2}
.builder-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:10px 0 29px}
.builder-header .eyebrow{margin:22px 0 9px;font-size:10px}
.builder-header h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.045em;margin:0 0 9px}
.builder-header p{color:#b8cee8;font-size:13px;line-height:1.6;margin:0;max-width:640px}
.back-link,.preview-shortcut{color:#d0e5ff;text-decoration:none;font-size:12px}.back-link:hover,.preview-shortcut:hover{text-decoration:underline}
.preview-shortcut{padding:10px 14px;border:1px solid #ffffff50;border-radius:10px;white-space:nowrap}
.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(325px,410px);align-items:start;gap:26px}
.editor{display:grid;gap:17px;min-width:0}
.editor-panel{background:linear-gradient(140deg,#14243edb,#122038c9);border:1px solid #ffffff2a;border-radius:21px;padding:23px;box-shadow:0 17px 45px #0003}
.editor-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}.editor-heading h2{font-size:19px;margin:0;letter-spacing:-.03em}.step{font-size:10px;color:#bad7f5;background:#ffffff1b;border:1px solid #ffffff3a;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.section-help{color:#b3c9e4;line-height:1.6;font-size:12px;margin:0 0 15px}
.form-grid{display:grid;gap:16px}.field{display:grid;gap:7px;font-size:12px;font-weight:650;color:#e5efff;min-width:0}
.field input,.field textarea,.field select,.link-editor input,.link-editor select{width:100%;min-width:0;background:#ffffff0b;border:1px solid #ffffff3a;border-radius:10px;color:#fff;padding:11px 12px;font:inherit;font-size:13px;font-weight:450;outline-offset:3px}
.field input::placeholder,.field textarea::placeholder,.link-editor input::placeholder{color:#a9bbd3;opacity:.85}
.field select option,.link-editor select option{background:#17253b;color:#fff}
.field textarea{resize:vertical;line-height:1.55;min-height:70px}
.field small,.hint{color:#aac2df;font-size:10px;font-weight:400;line-height:1.5}.required{color:#ffdcb4}
.field input:focus,.field textarea:focus,.field select:focus,.link-editor input:focus,.link-editor select:focus{border-color:#bfd8fc}
.load-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#0005;border:1px solid #ffffff33;margin-bottom:17px}
.editor-tabs button{border:0;border-radius:9px;color:#c2d5eb;background:transparent;padding:11px 9px;font-weight:650;font-size:12px}
.editor-tabs button[aria-selected=true]{background:#ffffff28;color:#fff;box-shadow:0 4px 12px #0003}
.editor-tabs button:disabled{opacity:.4;cursor:not-allowed}
.upload-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.upload-row input{flex:1;min-width:195px;padding:9px;font-size:11px}
.small-btn,.primary-btn{border:1px solid #ffffff51;background:#ffffff16;border-radius:10px;color:#fff;padding:11px 14px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.small-btn:hover,.primary-btn:hover{background:#ffffff2a;transform:translateY(-1px)}
.primary-btn{background:#d1e7ff;color:#12253d;border-color:#d1e7ff}.primary-btn:hover{background:#e6f3ff}
.small-btn:disabled{opacity:.4;cursor:default;transform:none}
.link-editor-list{display:grid;gap:13px}.link-editor{border:1px solid #ffffff30;background:#ffffff0a;border-radius:14px;padding:14px;display:grid;gap:11px}
.link-editor-top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.link-editor-top strong{font-size:12px}.link-editor-actions{display:flex;gap:5px}
.link-editor-actions button{border:1px solid #ffffff3b;background:#ffffff12;color:#e2eeff;border-radius:7px;padding:5px 8px;font-size:11px}
.link-editor-actions button:hover{background:#ffffff29}.link-editor-actions button:disabled{opacity:.35;cursor:default}
.link-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.link-field-grid .field{font-size:11px}.link-field-grid .full{grid-column:1/-1}
.add-link{margin-top:12px}.empty-links{font-size:12px;color:#b6cae4;margin:0;padding:10px}
.approval{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:#e0edfb;margin:18px 0}.approval input{margin:4px 0 0;accent-color:#bfd8fc;flex:none}
.export-actions{display:flex;gap:10px;flex-wrap:wrap}.export-actions button{flex:1;min-width:180px}
.submit-note{font-size:11px;color:#abc3de;line-height:1.65;margin:14px 0 0}.form-message{font-size:12px;line-height:1.55;color:#d6ecff;margin:12px 0;min-height:0}.form-message:empty{display:none}.form-message.error{color:#ffd6bd;max-width:none;text-align:left}
.preview-column{min-width:0}.preview-sticky{position:sticky;top:26px}.preview-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:700;color:#b9d5f3;padding:4px 4px 12px}
.preview-frame{position:relative;isolation:isolate;border-radius:25px;overflow:hidden;background:#0b1727;padding:15px;transition:background-color .45s}
.preview-tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#08192a,#1b3a5a,#101624);transition:background .5s}
.preview-frame.theme-rose .preview-tint{background:linear-gradient(145deg,#241429,#593552,#25162a)}
.preview-frame.theme-graphite .preview-tint{background:linear-gradient(145deg,#1a1e25,#39424d,#1b2026)}
.preview-frame.theme-space{--accent:#bbdaff;--muted:#b5c9e2;--surface:#ffffff0c;--stroke:#ffffff26}
.preview-frame.theme-rose{--accent:#ffd5ef;--muted:#f4c8e1;--surface:#ffffff12;--stroke:#ffffff2a}
.preview-frame.theme-graphite{--accent:#eef3f8;--muted:#c4cdd5;--surface:#ffffff0d;--stroke:#ffffff29}
.preview-frame .card{width:100%;padding:23px 20px 18px;box-shadow:0 13px 40px #0005}
.preview-frame .identity{padding-top:24px}.preview-frame .identity.with-photo{padding-top:0}
.preview-frame .identity h1{font-size:27px}.preview-frame .bio{font-size:12px}
.preview-frame .toggle{margin:23px 0 15px}.preview-frame .links{margin-top:19px}.preview-frame .link{padding:13px 13px}
.preview-frame .action{cursor:default;opacity:.8}.preview-badge{letter-spacing:.04em;border:1px solid #ffffff38;border-radius:7px;padding:5px 7px}
.preview-footnote{font-size:11px;color:#aabfdc;text-align:center;line-height:1.55}
@media(max-width:880px){.builder-grid{grid-template-columns:minmax(0,1fr)}.preview-column{grid-row:2}.preview-sticky{position:static;width:min(100%,430px);margin:0 auto}.builder-header{flex-wrap:wrap}.preview-shortcut{display:none}}
@media(max-width:480px){.builder-page{padding:20px 12px 48px}.editor-panel{padding:17px 15px}.link-field-grid{grid-template-columns:1fr}.builder-header{padding-bottom:19px}}

.publish-result{margin-top:17px;padding:16px;border:1px solid #a3d9ff80;border-radius:15px;background:#d6ebff16;color:#f8fcff}.publish-result h3{margin:0 0 7px;font-size:18px}.publish-result p{font-size:12px;line-height:1.65}.publish-links{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.publish-links .small-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}