/* Scoped visual system for the non-WordPress Website Integration workspace. */
.content.website-integration-canvas{width:100%;max-width:none;margin:0;padding:0!important;min-width:0}
.website-integration-workspace{width:100%;max-width:none;margin:0;min-width:0;padding:28px 32px 40px;color:#28233f}
.website-integration-heading,.website-integration-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.website-integration-heading{margin-bottom:24px}.website-integration-heading>div{min-width:0}.website-integration-heading h1{margin:4px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.045em}.website-integration-heading p:not(.eyebrow){max-width:760px;margin:0;color:#756f88;font-size:16px;line-height:1.55}.website-integration-heading>.button{flex:0 0 auto;margin-top:6px}.website-integration-boundary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:16px 18px;border:1px solid #e7e1f1;border-radius:16px;background:#fff}.website-integration-boundary div{display:grid;gap:4px}.website-integration-boundary strong{font-size:14px}.website-integration-boundary span,.website-integration-boundary a{color:#756f88;font-size:13px;line-height:1.45}.website-integration-boundary a{font-weight:700;color:#7143e8;text-decoration:none;white-space:nowrap}.website-integration-tabs{display:flex;gap:6px;width:max-content;max-width:100%;padding:5px;border:1px solid #e7e1f1;border-radius:13px;background:#fff;overflow-x:auto;margin-bottom:24px}.website-integration-tabs button{border:0;border-radius:9px;background:transparent;color:#746d87;padding:9px 14px;font:700 13px/1.2 inherit;white-space:nowrap;cursor:pointer}.website-integration-tabs button.is-active{background:#f0eaff;color:#6636dd}.website-integration-site-grid,.website-integration-component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.website-integration-site-card,.website-integration-component-card,.website-integration-panel,.website-integration-side article,.website-integration-empty{min-width:0;border:1px solid #e7e1f1;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(46,33,85,.045)}.website-integration-site-card{padding:20px;display:flex;flex-direction:column;gap:18px}.website-integration-site-card header,.website-integration-component-card header{display:flex;align-items:flex-start;gap:12px}.website-integration-site-card header>div,.website-integration-component-card header>div{min-width:0;flex:1}.website-integration-site-card h2,.website-integration-component-card h3,.website-integration-panel h2,.website-integration-side h2{margin:0;color:#302949;font-size:17px;line-height:1.25}.website-integration-site-card header p,.website-integration-component-card header p{margin:4px 0 0;color:#817b93;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.website-integration-site-mark,.website-integration-component-card header>span:first-child{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#f0e9ff;color:#7143e8}.website-integration-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}.website-integration-status.is-success{background:#e8f8ef;color:#138653}.website-integration-status.is-warning{background:#fff3dc;color:#ad6b00}.website-integration-status.is-danger{background:#ffebed;color:#bf3f53}.website-integration-status.is-muted{background:#f1eff6;color:#736d83}.website-integration-site-card dl,.website-integration-side dl{display:grid;gap:11px;margin:0}.website-integration-site-card dl div,.website-integration-side dl div{display:flex;justify-content:space-between;gap:14px}.website-integration-site-card dt,.website-integration-side dt{color:#8c869a;font-size:12px}.website-integration-site-card dd,.website-integration-side dd{margin:0;color:#4a435f;font-size:12px;text-align:right;overflow-wrap:anywhere}.website-integration-site-card code,.website-integration-side code,.website-integration-definition-list code{font-size:11px}.website-integration-site-card footer,.website-integration-component-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #eeeaf4;color:#878095;font-size:12px}.website-integration-empty{padding:54px 28px;text-align:center}.website-integration-empty>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border-radius:15px;background:#f0eaff;color:#7143e8}.website-integration-empty h2{margin:0 0 8px;font-size:19px}.website-integration-empty p{max-width:530px;margin:0 auto 20px;color:#807a91;line-height:1.55}.website-integration-empty.compact{padding:28px}.website-integration-section-heading{margin-bottom:16px}.website-integration-section-heading p{margin:4px 0 0;color:#807a91;font-size:13px;line-height:1.45}.website-integration-component-card{padding:18px;display:flex;flex-direction:column;gap:15px}.website-integration-component-card>p{margin:0;color:#716a82;font-size:13px;line-height:1.55}.website-integration-component-card footer{margin-top:auto}.website-integration-component-card .text-button,.website-integration-detail>.text-button,.website-integration-setup>.text-button{border:0;background:none;color:#7041e2;font:700 13px/1.2 inherit;cursor:pointer}.website-integration-api-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.website-integration-panel{padding:22px}.website-integration-panel>p{margin:8px 0 18px;color:#716a82;line-height:1.55}.website-integration-panel dl{display:grid;gap:10px;margin:0}.website-integration-panel dl div{display:grid;grid-template-columns:minmax(130px,.7fr) 1.3fr;gap:12px;padding:10px 0;border-top:1px solid #eeeaf4}.website-integration-panel dt{color:#8a8398;font-size:12px}.website-integration-panel dd{margin:0;color:#453d58;font-size:13px;overflow-wrap:anywhere}.website-integration-hint{margin-top:18px!important;padding:12px 14px;border-radius:12px;background:#f8f5ff;color:#625b74!important;font-size:12px}.website-integration-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:20px}.website-integration-side{display:grid;align-content:start;gap:16px}.website-integration-side article{padding:18px}.website-integration-side p{margin:12px 0 0;color:#726b82;font-size:13px;line-height:1.55}.website-integration-definition-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important}.website-integration-definition-list div{display:block!important;padding:14px 0!important}.website-integration-definition-list dd{margin-top:5px!important;text-align:left!important;color:#3f3850!important;font-size:14px!important}.website-integration-definition-list .breakable{overflow-wrap:anywhere}.website-integration-install-note{margin-top:18px;padding:15px;border-radius:13px;border:1px solid #eee5d6;background:#fffbf4}.website-integration-install-note strong{color:#815d20;font-size:13px}.website-integration-install-note p{margin:5px 0 0;color:#806f57;font-size:13px;line-height:1.5}.website-integration-actions{margin-top:20px}.website-integration-setup .website-integration-heading{margin-top:16px}.website-integration-form{display:grid;gap:17px;padding:22px;border:1px solid #e7e1f1;border-radius:18px;background:#fff}.website-integration-form>label,.website-integration-form fieldset{display:grid;gap:7px;color:#4a435e;font-size:13px;font-weight:750}.website-integration-form input,.website-integration-form select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ded8e8;border-radius:10px;background:#fff;color:#332c46;padding:11px 12px;font:400 14px/1.25 inherit}.website-integration-form input:focus,.website-integration-form select:focus{outline:2px solid #cfbeff;outline-offset:1px}.website-integration-form small{color:#827b92;font-size:12px;font-weight:400}.website-integration-form fieldset{margin:0;padding:0;border:0}.website-integration-form legend{margin-bottom:9px;font-size:13px}.website-integration-mode{display:flex!important;align-items:flex-start;gap:11px;padding:12px;border:1px solid #e4dfee;border-radius:12px;cursor:pointer}.website-integration-mode input{width:auto;min-width:auto;margin:3px 0 0}.website-integration-mode span{display:grid;gap:3px}.website-integration-mode small{line-height:1.45}.website-integration-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.website-integration-code{display:grid;gap:12px;margin-top:18px;padding:20px;border:1px solid #e6e0f0;border-radius:18px;background:#fff;min-width:0}.website-integration-code>div{display:flex;justify-content:space-between;gap:12px;align-items:start}.website-integration-code h2{margin:0;font-size:16px}.website-integration-code p{margin:5px 0 0;color:#817a91;font-size:12px;line-height:1.5}.website-integration-code>button{justify-self:end}.website-integration-code pre{max-width:100%;margin:0;overflow:auto;border-radius:12px;background:#251d3a;color:#f5f0ff;padding:15px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.website-integration-history article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eeeaf4}.website-integration-history article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f0eaff;color:#7041e2}.website-integration-history article strong{font-size:13px}.website-integration-history article p{margin:3px 0 0;font-size:12px}.website-integration-history time{color:#8b8598;font-size:11px;white-space:nowrap}.website-integration-notice{margin-top:16px;color:#25714f;font-size:13px}.website-integration-confirm{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(28,20,49,.36)}.website-integration-confirm section{width:min(100%,420px);padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(26,17,52,.25)}.website-integration-confirm h2{margin:0;font-size:20px}.website-integration-confirm p{margin:8px 0 20px;color:#756e85;line-height:1.5}.website-integration-confirm section>div{display:flex;justify-content:flex-end;gap:10px}
@media (max-width:900px){.website-integration-detail-layout{grid-template-columns:1fr}.website-integration-side{grid-template-columns:repeat(2,minmax(0,1fr))}.website-integration-api-grid{grid-template-columns:1fr}}
@media (max-width:680px){.website-integration-workspace{padding:20px 16px 32px}.website-integration-heading,.website-integration-section-heading,.website-integration-boundary{display:grid}.website-integration-heading>.button{width:100%;margin:0}.website-integration-boundary a{white-space:normal}.website-integration-site-grid,.website-integration-component-grid{grid-template-columns:1fr}.website-integration-side{grid-template-columns:1fr}.website-integration-definition-list{grid-template-columns:1fr}.website-integration-form-actions,.website-integration-confirm section>div{flex-direction:column-reverse}.website-integration-form-actions .button,.website-integration-confirm .button{width:100%}.website-integration-code>div{display:grid}.website-integration-code>button{justify-self:start}.website-integration-history article{grid-template-columns:30px minmax(0,1fr)}.website-integration-history time{grid-column:2}.website-integration-site-card footer,.website-integration-component-card footer{align-items:flex-start;flex-direction:column}.website-integration-panel dl div{grid-template-columns:1fr}}