:root{color-scheme:dark;--bg:#090b0e;--panel:#12161b;--border:#29313a;--text:#f3f5f7;--muted:#a5afb8;--accent:#e8c76a;--surface:#1a2026;--button:#e8c76a}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(232,199,106,.1),transparent 32%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.topbar{height:68px;border-bottom:1px solid #1e252c;display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1160px)/2))}.brand{color:#fff;text-decoration:none;font-size:1.12rem;font-weight:800;letter-spacing:.11em}.brand span{font-size:.62rem;color:var(--muted);font-weight:600;margin-left:9px;letter-spacing:.08em}main{width:min(1160px,calc(100% - 36px));margin:44px auto 70px}.page-heading{max-width:700px;margin:0 auto 26px;text-align:center}.eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.18em;color:var(--accent);margin:0 0 8px}.page-heading h1,.success-panel h1{margin:0;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.04em;line-height:1.08}.page-heading p:last-child{max-width:620px;margin:12px auto 0;color:var(--muted)}.panel{padding:24px;border:1px solid var(--border);border-radius:16px;background:rgba(18,22,27,.92);box-shadow:0 22px 70px rgba(0,0,0,.24)}#request-screen>.panel{max-width:850px;margin:auto}.panel h2{font-size:1.06rem;margin:0 0 16px}.field-grid,.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.field-grid label,.upload-grid label,.design-controls>label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:650;color:#dce2e7}.wide{grid-column:1/-1}input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{width:100%;min-height:43px;padding:10px 12px;background:#0c1014;color:var(--text);border:1px solid #343d47;border-radius:9px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,199,106,.12)}.upload-grid{margin:24px 0}.upload-grid label{padding:12px;border:1px dashed #39434d;border-radius:10px}.upload-grid input[type=file]{max-width:100%;font-size:.74rem}.upload-grid small,.preview-note,.muted{color:var(--muted);font-weight:400;font-size:.75rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px}.section-heading h2{margin:0}.section-heading p{margin:4px 0 0;font-size:.76rem;color:var(--muted)}.button{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer;transition:transform .15s,filter .15s}.button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary{color:#18150b;background:var(--button)}.secondary{color:var(--text);background:#20272e;border-color:#34404a}.profile-form>.primary{width:100%;margin-top:18px}.link-fields{display:grid;gap:10px}.link-row{display:grid;grid-template-columns:145px minmax(0,1fr) minmax(0,1fr) 40px;gap:8px}.link-row button{border:0;border-radius:8px;background:#382126;color:#ffbdc5;cursor:pointer}.error{color:#ff9da7}.design-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(320px,1fr);gap:28px;align-items:start}.design-controls{display:grid;gap:16px}.design-controls .section-heading{margin:4px 0 -8px}.design-controls label input[type=color]{width:100%;height:44px;border:1px solid #343d47;border-radius:9px;background:#0c1014}.section-list{display:grid;gap:8px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:9px}.section-row>label{display:flex;align-items:center;gap:9px;font-size:.8rem}.section-row input{accent-color:var(--accent)}.section-row span{display:flex;gap:6px}.section-row button{width:32px;height:32px;border:1px solid #38414a;border-radius:7px;background:#20272e;color:#fff;cursor:pointer}.button-row{display:flex;justify-content:space-between;gap:10px}.preview-wrap{position:sticky;top:20px;display:grid;justify-items:center}.phone{width:min(100%,375px);min-height:620px;padding:11px;border:1px solid #48515a;border-radius:35px;background:#080a0c;box-shadow:0 25px 65px rgba(0,0,0,.45)}.preview-page{position:relative;min-height:596px;overflow:hidden;border-radius:25px;background:#111;color:#fff;isolation:isolate}.preview-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.preview-page::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.68));z-index:-1}.preview-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:13px;padding:40px 20px}.preview-section[hidden]{display:none}.preview-section{padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--surface);backdrop-filter:blur(16px);text-align:center}.preview-logo{width:min(140px,70%);max-height:95px;object-fit:contain;margin:0 auto 12px}.preview-name{font-family:Georgia,serif;font-size:1.45rem;font-weight:800;color:var(--accent);line-height:1.1}.preview-company{font-weight:650;font-size:.86rem;margin-top:8px}.preview-title,.preview-bio{font-size:.78rem;color:#e5e8eb}.preview-bio{white-space:pre-line;margin:9px 0 0}.preview-links{display:grid;gap:8px}.preview-link{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:999px;color:inherit;text-decoration:none;background:var(--surface);font-weight:700;font-size:.79rem}.preview-action{width:100%;padding:12px;border:1px solid var(--accent);border-radius:999px;background:var(--button);color:#14110a;font-weight:750}.qr-placeholder{width:112px;height:112px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;background:#fff;border-radius:9px}.qr-placeholder span{background:#111;border-radius:2px}.qr-placeholder span:nth-child(2),.qr-placeholder span:nth-child(5),.qr-placeholder span:nth-child(8){background:#fff}.preview-section small{display:block;margin-top:8px;color:var(--muted);font-size:.68rem}.preview-note{max-width:340px;text-align:center;margin:14px 0}.notice{max-width:600px;margin:20vh auto;text-align:center;color:var(--muted)}.success-panel{max-width:560px;margin:10vh auto;text-align:center}.request-reference{display:block;font:800 1.35rem ui-monospace,monospace;letter-spacing:.12em;color:var(--accent);margin:8px 0 16px}footer{text-align:center;padding:24px;color:#737d86;font-size:.72rem;border-top:1px solid #1e252c}[hidden]{display:none!important}
html[data-theme-preset="monochrome-photo"]{--accent:#fff;--border:rgba(255,255,255,.58);--surface:rgba(12,12,12,.72);--button:#fff}
html[data-theme-preset="gold-glass"]{--accent:#e8c76a;--border:rgba(212,175,55,.58);--surface:rgba(10,22,13,.68);--button:#e8c76a}
html[data-theme-preset="gold-clean"]{--accent:#d4af37;--border:rgba(212,175,55,.38);--surface:#15150f;--button:#d4af37}
html[data-template="clean-white"] .preview-page{background:#e9eef1;color:#1c2730}html[data-template="clean-white"] .preview-page::before{background:rgba(255,255,255,.14)}html[data-template="clean-white"] .preview-section{color:#243746}html[data-icon-pack="bold"] .preview-links,html[data-icon-pack="bold"] .preview-section{border-width:2px}
.preview-photo{width:82px;height:82px;object-fit:cover;border-radius:50%;margin:0 auto 10px;border:2px solid var(--accent)}
@media(max-width:800px){main{margin-top:28px}.design-grid{grid-template-columns:1fr}.preview-wrap{position:static;grid-row:1}.design-controls{grid-row:2}}@media(max-width:540px){.topbar{padding:0 18px}.field-grid,.upload-grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:18px}.link-row{grid-template-columns:110px 1fr 38px}.link-row .link-label{grid-column:2}.link-row button{grid-column:3;grid-row:1/3}.button-row{flex-direction:column-reverse}.button-row .button{width:100%}}