@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#65718a;--line:#e2e8f2;--paper:#fff;--bg:#f5f7fb;--blue:#4468e8;--blue-dark:#2f4dc5;--purple:#7a58d9;--green:#158c69;--red:#bf334b;--radius:18px;--shadow:0 14px 34px rgba(22,34,71,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}h1{font-size:clamp(30px,4vw,46px);font-weight:800}h2{font-size:25px;font-weight:800}h3{font-size:17px;font-weight:800}p{margin:0 0 12px}.muted,.small-muted{color:var(--muted)}.small-muted{font-size:12px}.center{text-align:center}.center-heading{text-align:center;max-width:780px;margin:26px auto 36px}.center-heading h1{margin:8px 0 15px}.center-heading p{font-size:16px}.topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));gap:20px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--ink);white-space:nowrap}.brand:hover{color:var(--ink)}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#4168e7,#8156d7);color:white;display:grid;place-items:center;font-size:12px;font-weight:1000;letter-spacing:-.02em;box-shadow:0 5px 12px #5569da3b}.nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.nav>a:not(.button),.link-button{color:#59657b}.nav-user{color:#36415a;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline{display:inline-flex;margin:0}.link-button{border:0;background:none;font:inherit;padding:0;cursor:pointer}.wrap{width:min(1180px,calc(100% - 44px));margin:34px auto 76px;min-height:50vh}.footer{background:#fff;border-top:1px solid var(--line);padding:36px max(22px,calc((100vw - 1180px)/2)) 20px}.footer-main{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.footer-main p{color:var(--muted);font-size:13px;margin:8px 0}.footer-links{display:flex;gap:17px;flex-wrap:wrap;margin-left:auto;font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:24px;color:#8791a4;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:11px;padding:12px 17px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;line-height:1.2;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#4468e8,#6b5bdf);box-shadow:0 7px 17px #5267da29}.button.primary:hover{color:#fff;box-shadow:0 9px 20px #5267da40}.button.secondary{color:#35415d;background:#fff;border-color:#dbe2ef}.button.light{color:#26334f;background:#fff}.button.danger-outline{color:#bd2e49;background:#fff;border-color:#f0c5cd}.button.small{padding:8px 11px;font-size:11px;border-radius:8px}.button.wide{width:100%}.text-link{font-size:12px;font-weight:800}.notice{padding:13px 15px;border-radius:12px;margin:0 0 18px;font-size:13px;border:1px solid}.notice.success{background:#e9f9f2;color:#17684e;border-color:#c5eedc}.notice.error{background:#fff0f1;color:#a72d42;border-color:#f5cad1}.notice.warning{background:#fff7e6;color:#795719;border-color:#f4dfad}.notice.info{background:#edf3ff;color:#344d9a;border-color:#d1ddff}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#7180a0;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;background:#27c79a;border-radius:50%;box-shadow:0 0 0 4px #27c79a1b}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px;padding:55px 18px 80px}.hero-copy h1{font-size:clamp(38px,5vw,62px);line-height:1.09;margin:17px 0 20px;max-width:620px}.hero-copy>p{font-size:17px;color:#65718a;line-height:1.8;max-width:510px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}.hero-note{font-size:12px;color:#6b7890;display:flex;align-items:center;gap:8px}.check{background:#d9f8eb;color:#13805f;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-weight:900}.hero-preview{background:linear-gradient(155deg,#151e3c,#28315d 60%,#494386);border:1px solid #7b84b9;padding:23px;border-radius:28px;box-shadow:0 30px 65px #2834652b;transform:rotate(1deg);color:#fff;max-width:475px;width:100%;justify-self:center}.preview-top,.preview-foot{display:flex;justify-content:space-between;align-items:center}.live-label{color:#ffb8c2;font-size:10px;font-weight:900;letter-spacing:1px}.preview-pill{background:#ffffff19;border:1px solid #ffffff25;border-radius:8px;padding:5px 8px;font-size:8px;letter-spacing:1px}.preview-title{text-align:center;color:#ffe98d;font-size:15px;font-weight:1000;letter-spacing:2px;margin:23px 0 9px}.preview-question{font-family:Manrope;font-size:43px;font-weight:900;text-align:center;background:linear-gradient(135deg,#4b76f2,#875ddc);border-radius:18px;padding:19px 10px;box-shadow:0 9px 22px #080f2940}.preview-answer{text-align:center;color:#c6d1fb;font-size:11px;font-weight:700;margin:13px 0 20px}.preview-bars{background:#fff;border-radius:14px;color:#27314d;overflow:hidden}.preview-bars>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #ecedf5;font-size:11px}.avatar{width:23px;height:23px;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:900}.avatar.blue{background:#4c76ed}.avatar.violet{background:#895bdf}.avatar.green{background:#1fac8c}.points{margin-left:auto;color:#189875;font-weight:900}.preview-foot{font-size:8px;font-weight:900;letter-spacing:1px;color:#bbc8f0;margin-top:14px}.section{margin-top:34px;margin-bottom:54px}.section-heading{margin-bottom:25px}.section-heading h2{margin-top:9px}.section-heading p{margin-top:6px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 22px rgba(24,36,75,.025)}.feature-card{padding:22px 19px;min-height:210px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.75}.feature-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:19px}.feature-icon.purple{background:#f0eaff;color:#7a57d7}.feature-icon.blue{background:#e7eeff;color:#4065df}.feature-icon.green{background:#ddf8ed;color:#1a9470}.feature-icon.orange{background:#fff0df;color:#b8792a}.dark-band{margin-top:60px;padding:38px 40px;border-radius:23px;background:linear-gradient(120deg,#25345f,#5b4a9f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.dark-band h2{font-size:29px;margin-top:8px}.dark-band p{color:#d4daf2;margin:0}.dark-band .eyebrow{color:#bdc9f8}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps-grid>div{padding:24px;border:1px solid var(--line);background:#fff;border-radius:16px}.steps-grid span{display:grid;place-items:center;width:35px;height:35px;background:#edf0ff;color:#4b63d3;border-radius:10px;font-weight:900;font-size:12px;margin-bottom:19px}.steps-grid p{color:var(--muted);font-size:13px}.steps-grid.detailed{grid-template-columns:repeat(2,1fr)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px}.page-heading h1{margin:9px 0 7px;font-size:clamp(28px,4vw,40px)}.page-heading p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.stat-card span{display:block;color:#7b87a0;font-size:9px;font-weight:900;letter-spacing:1px;margin-bottom:9px}.stat-card b{display:block;font-family:Manrope;font-size:25px;line-height:1.2;overflow-wrap:anywhere}.stat-card small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.pad{padding:25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}.section-title h2,.section-title h3{margin-bottom:4px}.section-title p{margin:0;font-size:12px}.project-list{display:flex;flex-direction:column}.project-row{display:flex;align-items:center;gap:12px;color:var(--ink);padding:15px 3px;border-bottom:1px solid #edf0f5}.project-row:last-child{border-bottom:0}.project-icon{width:39px;height:39px;border-radius:12px;background:#edf1ff;color:#4a65df;display:grid;place-items:center;font-weight:900;font-size:22px}.grow{flex:1;min-width:0}.project-row b,.project-row small{display:block}.project-row b{font-size:14px}.project-row small{color:var(--muted);font-size:11px;margin-top:3px}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:9px;letter-spacing:.4px;font-weight:900;white-space:nowrap}.status-on{background:#def8ed;color:#167b59}.status-off{background:#ffe8ec;color:#a83a4e}.status-warn{background:#fff3d8;color:#956619}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.two-col .card h3{margin-bottom:8px}.empty-state{text-align:center;padding:42px 20px}.empty-state.small{padding:25px}.empty-state h2,.empty-state h3{margin:9px 0}.empty-state p{color:var(--muted);margin-bottom:20px}.empty-icon{margin:0 auto 18px;width:54px;height:54px;border-radius:18px;background:#e9edff;color:#5268de;display:grid;place-items:center;font-size:25px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack h3{margin:9px 0 0}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#3a465e}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;border:1px solid #dce3ef;border-radius:10px;background:#fff;padding:11px 12px;color:#1b263c;font:inherit;font-size:13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#8297f0;box-shadow:0 0 0 3px #526eeb1a}input[readonly]{background:#f5f7fb;color:#53627d}textarea{resize:vertical}label small{font-size:10px;font-weight:500;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wide-field{grid-column:span 2}.action-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.action-row form{display:inline-flex}.token-block{display:block;word-break:break-all;background:#fff;border:1px dashed #d8b25a;border-radius:10px;padding:11px;margin:10px 0;font-size:12px}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:65px;align-items:center;max-width:1050px;margin:45px auto}.auth-aside{padding:25px}.auth-aside h1{margin:14px 0;font-size:46px}.auth-aside p{color:var(--muted);max-width:400px;font-size:16px}.auth-card{padding:32px}.auth-card h2{margin-bottom:4px}.auth-card>.muted{margin-bottom:22px}.auth-card .center{margin:20px 0 0;font-size:12px}.checkbox-line{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:600}.checkbox-line input{margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px 20px;box-shadow:0 8px 23px #1f326008;display:flex;flex-direction:column}.price-card.featured{border:2px solid #6b68e9;box-shadow:0 12px 31px #6b68e91c}.popular-tag{position:absolute;top:-12px;right:16px;background:#665fe1;color:white;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:1px}.plan-eyebrow{font-size:10px;color:#6d7a9d;font-weight:900;letter-spacing:1.2px}.price-card h2{margin:9px 0;font-size:21px}.price-card>p{font-size:12px;min-height:40px}.price{font-family:Manrope;font-size:27px;font-weight:900;margin:19px 0 0;line-height:1.2;overflow-wrap:anywhere}.price small{display:block;font-family:'DM Sans';font-size:11px;color:var(--muted);font-weight:500;margin-top:5px}.annual-price{margin:8px 0 0!important;min-height:auto!important;font-size:10px!important;color:#6d59ca!important;font-weight:800}.feature-list{list-style:none;padding:0;margin:20px 0 25px;display:flex;flex-direction:column;gap:11px;flex:1;font-size:12px;color:#4f5c74}.feature-list li{display:flex;gap:8px}.feature-list li span{color:#219775;font-weight:900}.price-card .button{margin-top:auto}.checkout-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.order-summary{position:sticky;top:96px}.order-summary h2{margin-top:10px}.summary-rule{border-top:1px solid var(--line);margin:20px 0}.order-summary p{font-size:13px}.order-summary p b{float:right}.choice-card{display:flex;flex-direction:row;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer}.choice-card:has(input:checked){border-color:#8191eb;background:#f6f7ff}.choice-card input{flex:none}.choice-card span{flex:1;display:flex;flex-direction:column;gap:2px}.choice-card b{font-size:13px}.choice-card small{font-size:10px;color:var(--muted);font-weight:500}.choice-card strong{font-size:12px}.big-price{font-family:Manrope;font-size:38px;font-weight:900;margin:18px 0}.payment-instructions{background:#f6f8fc;border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0 17px;white-space:normal;font-size:13px}.qris-image{display:block;max-width:280px;max-height:280px;object-fit:contain;border:1px solid var(--line);padding:8px;border-radius:12px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:700px}th{text-align:left;color:#7b879d;font-size:9px;letter-spacing:.8px;text-transform:uppercase;background:#f9faff}th,td{padding:13px 11px;border-bottom:1px solid #edf0f5;vertical-align:middle}td b,td small{display:block}td small{font-size:10px;color:var(--muted);margin-top:4px}.search-form{display:flex;gap:9px;margin-bottom:20px;max-width:490px}.user-edit-row{display:flex;align-items:center;gap:10px;min-width:600px}.user-edit-row>*{flex:1;min-width:65px}.admin-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.shortcut{display:flex;flex-direction:column;gap:6px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px;color:var(--ink)}.shortcut>span{font-size:23px;color:#596fe4}.shortcut b{font-size:13px}.shortcut small{font-size:10px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;align-items:start}.settings-layout>.card:last-child{grid-column:span 2}.settings-layout h2{font-size:20px;margin-bottom:8px}.settings-layout .notice{font-size:11px}.plan-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.plan-admin-grid .card{min-width:0}.filter-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.filter-pills a{background:#fff;border:1px solid var(--line);color:#5d6880;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800}.filter-pills a.active{background:#e9edff;border-color:#cbd4ff;color:#4059cb}.review-form{display:flex;flex-direction:column;gap:6px;min-width:150px}.review-form input{font-size:10px!important;padding:7px!important}.ticket-list{display:grid;gap:13px}.ticket{border:1px solid var(--line);border-radius:13px;padding:16px}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket p{font-size:12px;white-space:normal;overflow-wrap:anywhere}.ticket-form{display:grid;grid-template-columns:150px 1fr auto;gap:9px;align-items:start}.ticket-form textarea{grid-column:span 3}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.docs-nav{position:sticky;top:95px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;flex-direction:column;gap:11px;font-size:12px}.docs-nav b{margin-bottom:5px}.docs-content section{scroll-margin-top:100px;border-bottom:1px solid var(--line);padding:4px 0 22px;margin-bottom:22px}.docs-content section:last-child{border:0;padding-bottom:0;margin-bottom:0}.docs-content h2{font-size:20px}.docs-content p,.docs-content li{font-size:13px;color:#4f5d76}.docs-content ol,.docs-content ul{padding-left:22px}.code-block{white-space:pre-wrap;overflow-wrap:anywhere;background:#17223f;color:#d9e4ff;border-radius:12px;padding:16px;font-size:11px;line-height:1.65}.narrow-page{max-width:840px;margin:0 auto;padding:36px}.narrow-page h1,.legal-page h1{font-size:35px;margin:12px 0 24px}.narrow-page h2,.legal-page h2{font-size:19px;margin:25px 0 9px}.narrow-page p,.legal-page p{font-size:13px;color:#4e5b73;line-height:1.8}.legal-page{max-width:900px;margin:0 auto;padding:36px 42px}.legal-page .small-muted{font-size:11px}.legal-page h2{margin-top:25px}.status-note{font-size:12px}.install-body{padding:36px 15px;background:linear-gradient(135deg,#f2f5ff,#f9faff);min-height:100vh}.install-shell{width:min(680px,100%);margin:0 auto}.install-shell>.brand{margin:0 0 24px}.brand.large{font-size:21px}.install-shell .card{box-shadow:var(--shadow)}.install-shell h1{font-size:32px;margin:10px 0}.install-shell h3{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.install-shell .form-stack{gap:12px}.install-shell .center{margin:20px}.install-shell small{display:block}.inline-form{display:inline}.empty-state .button{margin-top:6px}.footer a{color:#64708a}
@media(max-width:1000px){.feature-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:28px;padding-top:40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-shortcuts{grid-template-columns:repeat(2,1fr)}.nav{gap:13px}.nav-user{display:none}.settings-layout{grid-template-columns:1fr}.settings-layout>.card:last-child{grid-column:auto}.price-card>p{min-height:unset}}@media(max-width:720px){.topbar{height:auto;min-height:66px;padding:12px 17px;align-items:flex-start;flex-direction:column;gap:12px}.nav{width:100%;gap:14px;flex-wrap:wrap;font-size:11px}.nav .button{margin-left:auto}.wrap{width:calc(100% - 28px);margin:22px auto 45px}.hero{grid-template-columns:1fr;padding:28px 2px 40px;gap:35px}.hero-copy h1{font-size:42px}.hero-preview{max-width:440px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.dark-band{padding:27px;align-items:flex-start;flex-direction:column}.steps-grid,.steps-grid.detailed{grid-template-columns:1fr;gap:12px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card b{font-size:21px}.pad{padding:18px}.two-col,.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.form-grid{grid-template-columns:1fr}.wide-field{grid-column:span 1}.auth-layout{grid-template-columns:1fr;gap:20px;margin:16px auto}.auth-aside{padding:12px 3px}.auth-aside h1{font-size:36px}.auth-card{padding:24px}.footer-main{flex-direction:column}.footer-links{margin-left:0;gap:13px}.footer{padding:28px 20px 18px}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap}.legal-page,.narrow-page{padding:24px 20px}.legal-page h1,.narrow-page h1{font-size:29px}.plan-admin-grid{grid-template-columns:1fr}.ticket-form{grid-template-columns:1fr}.ticket-form textarea{grid-column:auto}.user-edit-row{flex-wrap:wrap}.admin-shortcuts{gap:8px}.shortcut{padding:14px}.project-row{gap:8px}.project-row .status-pill{font-size:8px}.project-row>span:last-child{display:none}}@media(max-width:400px){.hero-copy h1{font-size:36px}.hero-actions .button{width:100%}.nav{gap:10px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card span{font-size:8px}.stat-card b{font-size:18px}.project-row .status-pill{display:none}.preview-question{font-size:34px}.search-form{flex-direction:column}}

/* Creator onboarding, profile connection and editable project templates */
.topbar .nav{gap:16px}
.connection-hero{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(260px,.75fr);gap:22px;align-items:start;border-color:#dbe3f4}
.connection-hero-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(140deg,#ecedff,#e8f7ff);color:#6659d8;font-size:34px;font-weight:900}
.connection-hero-copy h2{margin:7px 0 8px;font-size:25px}
.connection-hero-copy>p{color:var(--muted);font-size:13px;max-width:520px}
.connection-status{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 13px;background:#eaf9f2;border:1px solid #d0f0e0;border-radius:12px;max-width:390px}
.connection-status.pending{background:#fff8e8;border-color:#f4e2b5}
.connection-status .status-light{flex:none;width:10px;height:10px;border-radius:50%;background:#1aa875;box-shadow:0 0 0 4px #19a8731e}
.connection-status.pending .status-light{background:#dda02f;box-shadow:0 0 0 4px #dda02f20}
.connection-status b,.connection-status small{display:block}
.connection-status b{font-size:13px}.connection-status small{font-size:11px;color:var(--muted);margin-top:2px}
.connection-form{display:flex;flex-direction:column;gap:9px;padding:18px;background:#f8faff;border:1px solid #e7ebf5;border-radius:14px;min-width:0}
.connection-form label{font-size:12px;font-weight:800}
.handle-input{display:flex;align-items:center;border:1px solid #dce3ef;background:#fff;border-radius:11px;overflow:hidden}
.handle-input:focus-within{border-color:#8297f0;box-shadow:0 0 0 3px #526eeb1a}
.handle-input>span{padding-left:12px;font-weight:900;color:#7481a0}
.handle-input input{border:0!important;box-shadow:none!important;padding-left:7px!important;min-width:0}
.field-help{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 5px}
.connection-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.connection-stat{display:flex;gap:13px;align-items:flex-start;min-width:0}
.connection-stat-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:#eef0ff;color:#5264d8;font-size:20px;font-weight:900}
.connection-stat-icon.green{background:#e0f8ed;color:#16875f}.connection-stat-icon.amber{background:#fff3d9;color:#a56d16}
.connection-stat small{font-size:9px;color:#8290a8;font-weight:900;letter-spacing:.8px}
.connection-stat h3{font-size:15px;margin:4px 0 5px;overflow-wrap:anywhere}
.connection-stat p{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.connection-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 22px}
.connection-steps article{display:flex;gap:12px;padding:16px;background:#f8faff;border:1px solid #e8edf6;border-radius:14px;min-width:0}
.connection-steps article>span{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e6eaff;color:#4e60d0;font-weight:900;font-size:12px}
.connection-steps h3{font-size:14px;margin:3px 0 7px}.connection-steps p{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 9px}.connection-steps a{font-size:11px;font-weight:800}
.connection-disclaimer{margin-top:4px;margin-bottom:16px}
.external-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 0;border-top:1px solid var(--line)}
.external-guide b{font-size:13px}.external-guide p{font-size:11px;margin:4px 0 0;max-width:700px}.external-guide .button{flex:none}
.connection-inline{display:flex;gap:12px;align-items:center;padding:13px 16px;margin-bottom:18px;border:1px solid #d3eee0;background:#f1fbf6;border-radius:14px}
.connection-inline-icon{width:38px;height:38px;display:grid;place-items:center;background:#dff7ea;color:#13855d;border-radius:12px;font-size:22px}
.connection-inline b,.connection-inline small{display:block}.connection-inline b{font-size:12px}.connection-inline small{font-size:10px;color:var(--muted);margin-top:2px}.connection-inline .status-pill{margin-left:auto}
.project-connect-notice{line-height:1.7}
.project-editor{display:grid;gap:18px}
.editor-section{min-width:0}
.editor-step-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px;min-width:0}
.editor-step-heading>div{flex:1;min-width:0}
.editor-step-heading h2{font-size:21px;margin:2px 0 6px}
.editor-step-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}
.step-number{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:12px;background:#e9edff;color:#4b60d5;font-weight:1000;font-size:14px}
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.template-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 13px;min-height:155px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.template-card:hover{transform:translateY(-1px);border-color:#c3cafa}
.template-card.selected{border-color:#7887ef;box-shadow:0 0 0 2px #7887ef1d;background:#fbfbff}
.template-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.template-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:900;background:#e9edff;color:#5266dc}
.template-icon.theme-blue{background:#e1f4ff;color:#1780b4}.template-icon.theme-violet{background:#f0e8ff;color:#8352cf}.template-icon.theme-pink{background:#ffe7f2;color:#cf4387}.template-icon.theme-emerald{background:#dff8eb;color:#138a61}.template-icon.theme-gold{background:#fff0d7;color:#b87919}
.template-card-copy{display:block}.template-card-copy b,.template-card-copy small{display:block}.template-card-copy b{font-size:12px;line-height:1.4}.template-card-copy small{font-size:10px;color:var(--muted);line-height:1.55;margin-top:5px;font-weight:500}
.template-selected-mark{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;display:none;place-items:center;background:#5b69df;color:#fff;font-size:11px;font-weight:900}
.template-card.selected .template-selected-mark{display:grid}
.theme-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.theme-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:#fff;min-width:0}
.theme-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.theme-choice.selected{border-color:#7887ef;box-shadow:0 0 0 2px #7887ef1c;background:#fbfbff}
.theme-swatch{display:block;width:100%;height:39px;border-radius:9px;background:linear-gradient(140deg,var(--swatch-a),var(--swatch-b))}
.theme-choice b{font-size:10px}.theme-check{display:none;position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;place-items:center;color:#fff;background:#4d61d8;font-size:10px}
.theme-choice.selected .theme-check{display:grid}.theme-help{margin-top:13px}
.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 21px;background:#fff;border:1px solid var(--line);border-radius:15px}
.editor-footer b,.editor-footer small{display:block}.editor-footer b{font-size:13px}.editor-footer small{font-size:11px;color:var(--muted);margin-top:4px}.editor-footer .button{min-width:180px}
.project-publish-panel .editor-step-heading{align-items:center}
.project-publish-panel .editor-step-heading .status-pill{margin-left:auto}
.tip-link-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;margin-bottom:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.tip-link-line>span:first-child{font-weight:800}
.event-connection-box{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:17px 0;border:1px solid #e2e8f4;background:#f7f9fe;border-radius:13px}
.event-connection-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d6a147;margin:5px 7px 0 0;box-shadow:0 0 0 4px #d6a1471f}.event-connection-dot.active{background:#20a777;box-shadow:0 0 0 4px #20a77720}
.event-connection-box b{font-size:12px}.event-connection-box p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.6}
.ingest-details{margin-top:13px}.ingest-details code{overflow-wrap:anywhere}
.project-publish-panel .action-row form{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1050px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-hero{grid-template-columns:62px minmax(0,1fr)}.connection-form{grid-column:2}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.connection-hero{grid-template-columns:1fr;gap:15px}.connection-hero-icon{width:54px;height:54px;border-radius:16px}.connection-form{grid-column:auto}.connection-status-grid{grid-template-columns:1fr}.connection-stat{padding:15px}.connection-steps{grid-template-columns:1fr}.external-guide{align-items:flex-start;flex-direction:column}.external-guide .button{width:100%}.connection-inline{align-items:flex-start}.connection-inline .status-pill{display:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{min-height:146px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-step-heading h2{font-size:19px}.editor-footer{align-items:stretch;flex-direction:column}.editor-footer .button{width:100%}.project-publish-panel .editor-step-heading{flex-wrap:wrap}.project-publish-panel .editor-step-heading .status-pill{margin-left:50px}}
@media(max-width:400px){.template-grid{grid-template-columns:1fr 1fr;gap:8px}.template-card{padding:12px 10px}.template-card-copy b{font-size:11px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar .nav{gap:11px}}
.dashboard-heading-actions{margin-top:0;justify-content:flex-end;flex:none}
.dashboard-onboarding{display:flex;align-items:center;gap:15px;padding:17px 19px;margin:0 0 20px;background:#f3f6ff;border:1px solid #dfe6ff;border-radius:15px}
.dashboard-onboarding .onboarding-icon{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:#e3e8ff;color:#4f60d7;font-size:22px;font-weight:900}
.dashboard-onboarding>div:nth-child(2){flex:1;min-width:0}.dashboard-onboarding b{font-size:13px}.dashboard-onboarding p{font-size:11px;color:var(--muted);margin:4px 0 0}.dashboard-onboarding .text-link{flex:none}
@media(max-width:720px){.dashboard-heading-actions{justify-content:flex-start;width:100%}.dashboard-heading-actions .button{white-space:normal}.dashboard-onboarding{align-items:flex-start;flex-wrap:wrap}.dashboard-onboarding .text-link{margin-left:57px}}
[hidden]{display:none!important}

/* Overlay layout template picker */
.overlay-layout-picker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#e5e7eb)}.overlay-layout-picker h3{margin:0 0 5px;font-size:1rem}.overlay-layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin-top:14px}.layout-choice{position:relative;display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);cursor:pointer;min-width:0}.layout-choice input{position:absolute;opacity:0;pointer-events:none}.layout-choice.selected,.layout-choice:has(input:checked){border-color:var(--primary,#6366f1);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#6366f1) 13%,transparent)}.layout-thumb{height:90px;display:flex;flex-direction:column;gap:5px;overflow:hidden;border-radius:9px;padding:7px;background:#0c1229;position:relative}.layout-thumb i{font-style:normal;font-size:12px;color:var(--thumb,#818cf8);font-weight:900}.layout-thumb em{display:block;height:12px;border-radius:4px;background:#ffffff1b;border:1px solid #ffffff18}.layout-thumb em:first-of-type{height:28px;background:linear-gradient(100deg,#ffffff12,var(--thumb,#818cf8) 170%)}.layout-thumb em:last-child{width:68%;height:9px}.layout-thumb-simple{--thumb:#38bdf8}.layout-thumb-simple em:first-of-type{order:3;height:17px}.layout-thumb-simple em:last-child{order:2;width:100%;height:27px}.layout-thumb-cute{--thumb:#ff9acb;border-radius:18px;background:#28192f}.layout-thumb-cute em{border-radius:8px}.layout-thumb-neon{--thumb:#a3ff12;background:#07111b;border:1px solid #a3ff1266;border-radius:4px}.layout-thumb-pro{--thumb:#dbeafe;background:#111827;border-radius:6px}.layout-choice b{font-size:.88rem}.layout-choice small{font-size:.76rem;color:var(--muted,#64748b);line-height:1.35}.layout-choice:has(input:focus-visible){outline:2px solid var(--primary,#6366f1);outline-offset:2px}@media(max-width:560px){.overlay-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-thumb{height:76px}}


/* Responsive footer and separate overlay URL cards. */
.footer{width:100%;padding:34px 22px 18px;}
.footer-inner{width:min(1180px,100%);margin:0 auto;min-width:0;}
.footer-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.5fr);align-items:start;gap:28px;flex-wrap:nowrap;}
.footer-brand-block{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.footer-brand-block .brand{max-width:100%;}
.footer-brand-block p{margin:2px 0 0;max-width:320px;overflow-wrap:anywhere;line-height:1.6;}
.footer-links{display:flex;align-items:center;align-content:flex-start;justify-content:flex-end;gap:12px 20px;flex-wrap:wrap;margin:8px 0 0;min-width:0;width:100%;}
.footer-links a{white-space:normal;overflow-wrap:anywhere;}
.footer-bottom{width:100%;line-height:1.6;overflow-wrap:anywhere;}
.overlay-links-intro{margin:18px 0 13px;padding:15px 17px;border:1px solid #dce4f4;border-radius:14px;background:#f7f9ff;}
.overlay-links-intro b{display:block;font-size:14px;color:var(--ink);}
.overlay-links-intro p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.65;}
.overlay-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0 18px;}
.overlay-link-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(23,32,51,.035);}
.overlay-link-card-head{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:9px;}
.overlay-view-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#edf0ff;color:#4d60d7;font-size:20px;font-weight:900;}
.overlay-link-card-head>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.overlay-link-card-head b{font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.overlay-link-card-head small{font-size:10px;color:var(--muted);}
.overlay-link-card>p{font-size:11px;color:var(--muted);line-height:1.6;min-height:36px;margin:0 0 12px;}
.overlay-url-label{display:block;font-size:10px!important;color:var(--muted)!important;font-weight:800;margin:0 0 10px;}
.overlay-url-label input{margin-top:5px;width:100%;min-width:0;padding:9px 10px!important;border-radius:9px!important;font-size:10px!important;font-weight:500!important;}
.overlay-link-card .action-row{display:flex;flex-wrap:wrap;gap:8px;}
.overlay-link-card .button{white-space:normal;min-width:0;}
.project-publish-panel .action-row form{gap:9px;}
@media(max-width:900px){.overlay-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr);}}
@media(max-width:720px){.footer{padding:26px 17px 18px}.footer-main{grid-template-columns:minmax(0,1fr);gap:14px}.footer-links{justify-content:flex-start;gap:11px 16px;margin:0}.footer-brand-block{align-items:flex-start}.overlay-link-grid{grid-template-columns:minmax(0,1fr)}.overlay-link-card>p{min-height:0}}