/* Website appearance only: profile preview content and generated code SVGs keep their own styles. */
body[data-suite-background="custom"]{background:radial-gradient(ellipse at 88% 9%,color-mix(in srgb,var(--suite-glow-a) 48%,transparent),transparent 42%),radial-gradient(ellipse at 8% 75%,color-mix(in srgb,var(--suite-glow-b) 45%,transparent),transparent 46%),var(--bg,#f4f5f8)!important;background-attachment:fixed!important}
body.dark[data-suite-background="custom"]{background:radial-gradient(ellipse at 18% 2%,color-mix(in srgb,var(--suite-glow-b) 20%,transparent),transparent 36%),radial-gradient(ellipse at 90% 22%,color-mix(in srgb,var(--suite-glow-a) 12%,transparent),transparent 35%),var(--bg,#0b0b18)!important}
html body[data-suite-appearance] :is(.header .btn,.top-actions .btn,.suite-product-nav a,.suite-button-examples .btn,.settings-card .btn,.editor .btn,.editor-actions .btn,.editor-tab,.button,.top-cta,.small-btn,.start-btn,.actions .btn,[data-theme-toggle],.suite-settings-link){border-radius:var(--suite-button-radius)}
html body[data-suite-button-fill="solid"] :is(.header .btn,.top-actions .btn,.suite-product-nav a,.suite-button-examples .btn,.settings-card .btn,.editor .btn,.editor-actions .btn,.editor-tab,.button,.top-cta,.small-btn,.start-btn,.actions .btn,[data-theme-toggle],.suite-settings-link),
html body[data-suite-button-fill="gradient"] :is(.header .btn,.top-actions .btn,.suite-product-nav a,.suite-button-examples .btn,.settings-card .btn,.editor .btn,.editor-actions .btn,.editor-tab,.button,.top-cta,.small-btn,.start-btn,.actions .btn,[data-theme-toggle],.suite-settings-link){background:var(--suite-button-fill)!important;color:var(--suite-button-ink)!important;border-color:color-mix(in srgb,var(--suite-button-ink) 20%,transparent)!important}
html body[data-suite-appearance] :is(.btn.delete,.btn.danger,.delete-link,.file-remove){background:#fff0f1!important;color:#b42338!important;border-color:#efb3ba!important}
body[data-suite-appearance] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){border-radius:var(--suite-card-radius);backdrop-filter:blur(var(--suite-blur));-webkit-backdrop-filter:blur(var(--suite-blur))}
body[data-suite-morphism="water"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){box-shadow:0 15px 40px #448eaf20,inset 0 3px 6px #ffffff70;backdrop-filter:blur(var(--suite-blur)) saturate(150%)}
body[data-suite-morphism="neumorphic"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){box-shadow:9px 9px 22px #293c5a20,-9px -9px 22px #ffffff70}
body[data-suite-morphism="clay"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){box-shadow:0 16px 36px #3b4d6c1a,inset 4px 4px 10px #ffffff66,inset -4px -4px 10px #65789618}
body[data-suite-morphism="aurora"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){box-shadow:0 12px 32px #26c6aa22,0 0 24px #7971eb1c}
body[data-suite-morphism="holo"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){border-color:#42b9cc77;box-shadow:0 0 20px #42b9cc22,inset 0 0 12px #de90c011}
body[data-suite-morphism="skeuo"] :is(.glass,.glass-strong,.product-card,.settings-card,.info,.main>.card,#editor .card){border-bottom-width:3px;box-shadow:0 8px 18px #34445f20,inset 0 2px 0 #ffffff66}
.suite-settings-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #bacde4;border-radius:11px;background:linear-gradient(115deg,#c6e5ff,#e3e2fa 48%,#ffd2e7);color:#354963;font:700 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
body.dark .suite-settings-link{background:linear-gradient(110deg,#7df1cf,#a9d7ff 53%,#bba0ff);color:#111222;border-color:#b59bff66}
.suite-button-examples{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.shared-button-settings{padding:22px 0;border-top:1px solid var(--line,#dfe3ed);margin-top:24px}.shared-button-settings h3{font-size:20px}.shared-button-settings .settings-grid{margin-top:16px}
html body .signature{padding:0;background:transparent;box-shadow:none;border-radius:0}
html body .signature-code{margin:0}
html body .signature-code>svg{display:block;width:auto;max-width:100%;height:auto}
html body .shell>.main :is(.editor h2,.preview h2){font-size:22px}
html body .shell>.main .field>span,html body .shell>.main .settings-grid label{font-size:17px;font-weight:650}
html body .shell>.main :is(.editor .hint,.settings-card .hint){font-size:14px!important;line-height:1.6}
html body .shell>.main :is(.editor input:not([type="checkbox"]):not([type="range"]):not([type="color"]),.editor select,.editor textarea,.settings-grid select,.hex-input){font-size:18px;min-height:56px;padding:13px 15px}
html body .shell>.main .editor input[type="color"],html body .shell>.main .settings-grid input[type="color"]{width:100%;height:76px;min-height:76px;padding:6px;border-radius:12px;cursor:pointer}
html body .shell>.main input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
html body .shell>.main input[type="color"]::-webkit-color-swatch{border:0;border-radius:7px}
html body .shell>.main input[type="color"]::-moz-color-swatch{border:0;border-radius:7px}
html body .editor .preset-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html body .editor .preset-row .preset{display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:82px;padding:12px 6px;border-radius:11px;border:1px solid #ffffff55;background:var(--preset-color)!important;color:#fff!important;box-shadow:0 5px 12px #20304015}
html body .editor .preset-row .preset .preset-name{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;font:700 16px/1.3 Inter,system-ui,sans-serif}
html body .editor .btn{min-height:48px;font-size:16px}
html body .layout>.main .field label{font-size:15px;font-weight:650}
html body .layout>.main .field :is(input,select,textarea){font-size:16px;min-height:48px}
html body .layout>.main :is(.hint,.muted,.field small){font-size:13px!important;line-height:1.55}
html body .layout>.main :is(.card-head strong,.editor-tab){font-size:16px}
html body .layout>.main .editor-actions .btn{font-size:14px;min-height:46px}
html body .layout>.main .editor-tab{min-height:48px}
html body .layout>.main .sub{font-size:15px}
@media(max-width:700px){.topbar .suite-settings-link{font-size:12px;padding:9px;min-height:42px}.suite-header-actions{flex-wrap:wrap}.suite-biomi-editor .top-actions .suite-settings-link{font-size:12px;min-height:40px}}
@media(max-width:600px){html body .editor .preset-row{grid-template-columns:repeat(3,minmax(0,1fr))}html body .editor .preset-row .preset{min-height:72px}html body .layout>.main .editor-tab{font-size:12px}html body .layout>.main .editor-actions .btn{font-size:12px}html body .shell>.main .field>span{font-size:16px}html body .shell>.main .editor input[type="color"]{height:66px;min-height:66px}}

html body .layout>.main .field label{font-size:16px}
html body .layout>.main .field :is(input,select,textarea){font-size:18px}
html body .layout>.main :is(.hint,.muted,.field small){font-size:14px!important}
html body .layout>.main .options .theme-option{font-size:14px;min-height:46px}
html body .layout>.main #buttonColors .button-solid-swatch{font-size:11px;min-height:48px;height:48px}

/* Shared website mode for BioMi's editor chrome; the phone preview retains its profile theme. */
body.suite-biomi-editor{--bg:#f4f5f8;--panel:#fff;--line:#dfe3ed;--text:#202738;--muted:#667085;--input:#fff;--soft:#eef2fb;color:var(--text);background:var(--bg)}
body.suite-biomi-editor.dark{--bg:#0b0b18;--panel:#19192f;--line:#ffffff24;--text:#f5f4ff;--muted:#a7a5bc;--input:#141426;--soft:#24243f;color-scheme:dark}
body.suite-biomi-editor .top,body.suite-biomi-editor #editor .card{background:var(--panel);border-color:var(--line);color:var(--text)}
body.suite-biomi-editor .layout>.preview{background:var(--soft);border-color:var(--line)}
body.suite-biomi-editor .layout>.main :is(.card-head,.field label,.editor-tab){color:var(--text);border-color:var(--line)}
body.suite-biomi-editor .layout>.main :is(.muted,.hint,.sub,.field small),body.suite-biomi-editor .top .status{color:var(--muted)}
body.suite-biomi-editor .layout>.main .field :is(input,select,textarea){color:var(--text);background:var(--input);border-color:var(--line)}
body.suite-biomi-editor .editor-toolbar{background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--line)}
body.suite-biomi-editor .preview-toolbar{color:var(--text)}
body.suite-biomi-editor .preview-devices{background:var(--panel);border-color:var(--line)}
body.suite-biomi-editor .preview-devices button{color:var(--muted)}
body.suite-biomi-editor .preview-devices button.selected{background:var(--soft);color:var(--text)}
body.suite-biomi-editor.dark #editor .card{box-shadow:0 10px 25px #0000001f}