@import url('quick-start-fonts.css');
@font-face{font-family:Inter;src:url('nazox/fonts/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('nazox/fonts/inter-bold.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#292337;font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body{--purple:#673191;--deep-purple:#320081;--muted:#8a8494;--line:#e9e5ee;background:#fff}button,input,a{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:var(--purple);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b39adb;outline-offset:4px}input:focus{outline:none;border-color:#a487c5;box-shadow:0 0 0 3px #6731910a}h1,h2,p{margin:0}.start-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,1fr);min-height:100svh}.preview-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px 38px;background:radial-gradient(ellipse at 12% 28%,#dff5f066,transparent 55%),radial-gradient(ellipse at 97% 20%,#e9d9f780,transparent 55%),#f8f6fb;border-right:1px solid #eee9f4}.preview-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#cfc4df50 .65px,transparent .65px);background-size:18px 18px;pointer-events:none}.preview-stage-inner{position:relative;width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#93849e;display:inline-flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#85b7a3;box-shadow:0 0 0 3px #85b7a318}.preview-intro{text-align:center;margin-bottom:24px}.preview-intro h2{font-family:Sora,Inter,system-ui,sans-serif;font-size:26px;line-height:1.35;letter-spacing:-.9px;margin:11px 0 9px;font-weight:700}.preview-intro h2 span{color:var(--purple)}.preview-intro p{font-size:11px;color:#98909f;line-height:1.7}.preview-shell{width:100%;max-width:390px;border:1px solid #e1d9ec;background:#ffffffa3;padding:9px;border-radius:19px;box-shadow:0 20px 65px #5427800c,0 3px 8px #54278006}.preview-label{display:flex;align-items:center;justify-content:space-between;padding:7px 5px 14px;color:#8d829a;font-size:10px}.preview-label>span:first-child{display:flex;gap:6px;align-items:center}.preview-label i{font-size:13px}.draft-badge{font-size:7px;letter-spacing:1.2px;color:#a79bb0}.preview-shell iframe{display:block;width:100%;height:clamp(400px,calc(100svh - 270px),720px);border:0;border-radius:11px;background:#f5f9ff}.preview-footnote{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:9px;color:#a69bab}.settings-stage{min-width:0;display:flex;justify-content:center}.settings-inner{width:100%;max-width:520px;padding:44px 42px 24px}.builder-heading{margin-bottom:30px}.builder-heading h1{font-family:Sora,Inter,system-ui,sans-serif;font-size:31px;line-height:1.32;letter-spacing:-1.1px;margin:11px 0 12px;font-weight:700}.builder-heading h1 span{background:linear-gradient(96deg,#673191,#320081);background-clip:text;-webkit-background-clip:text;color:transparent}.builder-heading>p{font-size:12px;color:#98909f;line-height:1.8;max-width:340px}.builder-section{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid #f0edf4}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.section-title>span:first-child{width:22px;height:22px;display:grid;place-items:center;border:1px solid #eae3f0;border-radius:7px;font-size:8px;color:#a395af}.section-title h2{font-size:12px;font-weight:700}.section-title .optional-tag{margin-left:auto;font-size:7px;letter-spacing:1px;color:#b1a7b9}.search-box{display:flex;align-items:center;border:1px solid #e1d7eb;border-radius:10px;padding:5px 6px 5px 13px;gap:9px;box-shadow:0 2px 9px #67319104}.search-box>i{font-size:16px;color:#9e8baa}.search-box input{flex:1;min-width:0;border:0;background:transparent;padding:9px 0;font-size:11px;color:#4c4159;box-shadow:none}.search-box:focus-within{border-color:#b095cb;box-shadow:0 0 0 3px #67319108}.search-box button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:7px;background:#f2edf8;color:var(--purple)}input::placeholder{color:#b4aabb}.field-hint{font-size:9px;line-height:1.7;color:#a69bad;margin-top:7px}.search-results{margin-top:9px}.search-results:empty{display:none}.search-result{display:block;border:1px solid #eee7f3;border-radius:9px;background:#fff;width:100%;text-align:left;padding:12px;margin-top:6px}.search-result:hover{background:#faf7fd;border-color:#c6b3dc}.search-result strong{display:block;font-size:11px;font-weight:700;color:#4e3b61}.search-result small{display:block;margin-top:4px;font-size:9px;line-height:1.6;color:#a196aa}.search-message{font-size:10px;line-height:1.7;color:#9c8aa9;padding:8px 0}.search-attribution{font-size:9px;color:#a296ac;text-align:right;margin-top:8px}.business-card{margin-top:15px;background:#fcfbfd;border:1px solid #eae3f0;border-radius:12px;padding:15px 16px;position:relative}.business-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.google-source{font-size:8px;color:#b0a5ba;display:flex;align-items:center;gap:5px}.google-g{font:700 12px Arial,sans-serif;color:#4285f4}.icon-button{display:grid;place-items:center;border:1px solid #e9e0f0;background:white;border-radius:6px;color:#a18bb2;width:26px;height:26px}.business-card>strong{font-size:12px;display:block;font-weight:700;overflow-wrap:anywhere}.business-card>p{font-size:10px;color:#a299aa;margin:6px 0 10px;line-height:1.6;overflow-wrap:anywhere}.business-ready{display:flex;align-items:center;gap:4px;font-size:8px;color:#72a78b}.business-ready.missing{color:#bd8b5b}.manual-entry{font-size:9px!important;margin-top:10px;display:inline-flex;align-items:center;gap:5px}.text-action{border:0;background:none;color:#9c88ae;padding:3px 0;font-size:10px}.text-action:hover{color:var(--purple)}.business-fields{margin-top:15px;padding:15px;border-radius:10px;background:#faf7fd;border:1px solid #ede5f5}label:not(.upload-tile){font-size:10px;font-weight:600;color:#776b84;display:block;margin-bottom:7px}.business-fields label{margin-top:12px}.business-fields label:first-child{margin-top:0}.business-fields label span{font-weight:400;color:#b1a4bc}.input{width:100%;min-width:0;min-height:43px;border:1px solid #e7dfed;border-radius:8px;padding:11px 12px;color:#5d4a70;background:#fff;font-size:12px}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #decee9;border-radius:7px;background:#fff;color:var(--purple);padding:8px 12px;font-size:10px;min-height:33px}.business-fields .small-button{margin-top:12px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-label{font-size:10px;color:#9b8da7;display:block;margin-bottom:8px}.upload-tile{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:102px;border:1px dashed #d9c9e5;border-radius:11px;background:#fcfaff;cursor:pointer;overflow:hidden}.upload-tile:hover{background:#f6effb;border-color:#a883c4}.upload-tile input{position:absolute;width:1px;height:1px;opacity:0}.upload-tile:focus-within{outline:3px solid #cdb1e6;outline-offset:2px}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#af9fbb;font-size:9px}.upload-placeholder i{font-size:23px;color:#ad96bf}.upload-tile img{width:100%;height:100%;object-fit:contain;padding:9px;background:white}.upload-tile.cover img{object-fit:cover;padding:0}.upload-change{position:absolute;bottom:5px;right:5px;border-radius:5px;background:#ffffffef;padding:5px 7px;color:#6f4c8a;font-size:8px;box-shadow:0 1px 4px #00000008}.upload-help{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-top:6px;font-size:7px;color:#b3a9bc}.remove-image{font-size:8px}.photo-note{margin-top:11px}.photo-authors{font-size:8px;color:#a393af;line-height:1.6}.photo-authors a{color:inherit}.path-section{border-bottom:0;padding-bottom:0;margin-bottom:20px}.path-box{display:flex;align-items:center;gap:2px;min-width:0;border:1px solid #e4dceb;border-radius:10px;background:#fff;padding:0 12px}.path-box>span{font-size:11px;color:#b1a3bd;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.path-box input{width:100%;min-width:0;flex:1;border:0;box-shadow:none;padding:13px 0;font-size:11px;color:#74518e}.path-box>i{color:#b7a3c5;font-size:14px}.path-box:focus-within{border-color:#b095cb;box-shadow:0 0 0 3px #67319108}.field-hint[data-state=available]{color:#6d9e80}.field-hint[data-state=error]{color:#b56a79}.publish-area{display:flex;gap:8px}.publish-button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;width:100%;min-height:47px;padding:13px 20px;border-radius:999px;background:linear-gradient(96deg,#673191,#320081);color:white;font-size:12px;font-weight:700;box-shadow:0 5px 13px #6731911a;text-decoration:none}.publish-button:hover{filter:brightness(1.09)}.publish-button>i:last-child{margin-left:auto}.builder-reassurance{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#b1a4bc;margin-top:11px;line-height:1.7}.builder-reassurance>span{display:flex;align-items:center;gap:4px}.builder-reassurance i{font-size:11px}.returning-user{font-size:9px;color:#b0a4bb;text-align:center;margin-top:27px}.returning-user a{color:#8f6ba9;margin-left:3px}.builder-legal{display:flex;justify-content:center;align-items:center;gap:8px;color:#c1b7c9;font-size:8px;margin-top:17px}.builder-legal a{color:inherit}.builder-message{background:#fff5f3;border:1px solid #f0dbdf;border-radius:8px;font-size:11px;line-height:1.7;padding:10px 12px;color:#a5596a;margin-bottom:12px;overflow-wrap:anywhere}.mobile-preview-button,.mobile-preview-close{display:none}.publish-dialog{border:1px solid #eee6f5;border-radius:22px;padding:34px;max-width:420px;width:calc(100% - 32px);color:#382b45;box-shadow:0 30px 100px #25103830}.publish-dialog::backdrop{background:#21122b75;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:15px;width:28px;height:28px;border:0;background:#f6f1fa;border-radius:50%;color:#a08aaf;font-size:17px}.dialog-symbol{width:49px;height:49px;display:grid;place-items:center;margin-bottom:20px;border:1px solid #e5d7f0;background:#f8f2fd;color:var(--purple);border-radius:14px;font-size:23px}.publish-dialog .eyebrow{font-size:8px}.publish-dialog h2{font-family:Sora,Inter,system-ui,sans-serif;font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:10px 0}.publish-dialog section>p{font-size:11px;color:#a092ab;line-height:1.8;margin-bottom:22px;overflow-wrap:anywhere}.publish-dialog .publish-button{margin-top:15px}.dialog-legal{text-align:center;font-size:8px;line-height:1.8;color:#baafc4;margin-top:20px}.dialog-legal a{color:#9d87af}.code-input{font-size:25px;letter-spacing:12px;text-align:center;font-weight:700;padding-left:23px}.code-actions,.success-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.success-actions{font-size:10px}.published-link{display:flex;align-items:center;gap:7px}.published-link .input{font-size:10px}.published-link .small-button{flex-shrink:0}.published-qr{width:160px;height:160px;display:block;margin:22px auto 7px}.publish-dialog .builder-message{margin-top:16px;margin-bottom:0}.email-login-shell{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 90% 10%,#ede0f6,transparent 60%),#faf8fc}.email-login-panel{position:relative;width:100%;max-width:420px;background:white;border:1px solid #e9e1f0;border-radius:22px;padding:34px;box-shadow:0 20px 70px #67319109}.email-login-panel h1{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:10px 0}.email-login-panel>p,.email-login-panel section>p{font-size:12px;line-height:1.8;color:#9a8ba6;margin:12px 0 22px}.email-login-panel .publish-button{margin-top:17px}.email-login-panel .code-actions{margin-bottom:15px}.email-login-panel .returning-user{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1450px){.start-layout{grid-template-columns:minmax(0,1.4fr) minmax(480px,1fr)}.settings-inner{padding-top:55px}.builder-heading h1{font-size:34px}}
@media(max-width:1050px) and (min-width:801px){.start-layout{grid-template-columns:minmax(0,1fr) 400px}.settings-inner{padding:34px 25px 24px}.preview-stage{padding:26px 24px}.preview-intro h2{font-size:24px}}
@media(max-width:800px){.start-layout{display:block}.preview-stage{display:none}.settings-inner{max-width:510px;padding:32px 24px 30px}.settings-stage{min-height:100svh}.builder-heading{margin-bottom:27px}.builder-heading h1{font-size:29px}.builder-heading>p{font-size:12px}.builder-section{margin-bottom:22px;padding-bottom:22px}.section-title h2{font-size:13px}.search-box input,.input,.path-box input{font-size:16px}.search-box input{padding:11px 0}.search-box button{width:34px;height:34px}.path-box>span{font-size:12px}.field-hint{font-size:10px}.business-card>strong{font-size:13px}.business-card>p{font-size:11px}.business-ready,.google-source{font-size:9px}.manual-entry{font-size:10px!important}.upload-label{font-size:11px}.upload-tile{height:105px}.upload-help{font-size:8px}.upload-placeholder{font-size:10px}.builder-reassurance{font-size:8px}.publish-area{position:sticky;bottom:0;padding:13px 0;background:#fffffff5;z-index:10;backdrop-filter:blur(8px)}.publish-area .publish-button{font-size:12px;min-height:46px}.mobile-preview-button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e1d3ec;border-radius:999px;padding:10px 15px;background:#fff;color:#9776af;font-size:11px}.preview-stage.is-open{display:flex;position:fixed;inset:0;z-index:100;height:100svh;min-height:0;padding:18px;align-items:stretch;overflow:hidden}.preview-stage.is-open .preview-stage-inner{max-width:420px;margin:auto;height:100%;width:100%}.preview-stage.is-open .preview-intro{display:none}.preview-stage.is-open .preview-shell{display:flex;flex-direction:column;flex:1;min-height:0;max-width:390px}.preview-stage.is-open iframe{flex:1;min-height:0;height:0}.preview-stage.is-open .preview-label{gap:10px}.preview-stage.is-open .draft-badge{margin-left:auto}.mobile-preview-close{display:grid;place-items:center;border:0;background:transparent;color:#967aa9;font-size:19px;padding:0;width:26px;height:26px}.preview-stage.is-open .preview-footnote{flex-shrink:0;margin-top:10px;font-size:8px}body.preview-open,body.dialog-open{overflow:hidden}.builder-legal{font-size:8px}.returning-user{font-size:10px}.publish-dialog{padding:30px 25px}.publish-dialog h2{font-size:24px}.publish-dialog .input{font-size:16px}.publish-dialog .code-input{font-size:25px}.published-link .input{font-size:12px}.email-login-panel{padding:28px}.builder-message{font-size:11px}}
.preview-shell iframe{height:clamp(340px,calc(100svh - 310px),680px)}.preview-stage{overflow:hidden}.field-hint{font-size:10px}.upload-help{font-size:9px}.builder-legal{font-size:9px}
#downloadQr{justify-content:center}#downloadQr>i{margin-left:0}
.mention-preview{margin-top:18px}.mention-preview .field-hint{margin:6px 0 10px}.mention-suggestions{display:flex;flex-wrap:wrap;gap:6px}.mention-suggestions>span{padding:6px 10px;border:1px solid #e8dff0;border-radius:999px;background:#faf7fc;color:#673191;font-size:11px;line-height:1.4;overflow-wrap:anywhere;max-width:100%}#loadGooglePhoto{margin-top:6px;font-size:11px}#loadGooglePhoto:disabled{opacity:.5;cursor:wait}
.google-source,.search-attribution,.photo-authors{font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:400;font-style:normal;letter-spacing:normal;color:#5e5e5e}.google-source .google-g{display:none}.photo-authors{margin-top:8px}.search-attribution{margin-top:10px}
@media(max-width:800px){.preview-stage.is-open iframe{height:0}.upload-help{font-size:8px}}
@media(max-height:740px) and (min-width:801px){.preview-intro p{display:none}.preview-intro h2{font-size:23px}.preview-intro{margin-bottom:14px}.preview-stage{min-height:600px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.start-template{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:11px;color:#673191}.start-template>span{padding:6px 10px;background:#f5eefb;border:1px solid #e8dff0;border-radius:999px}.start-template>a{color:#673191;text-decoration:none}
