/* Haa.su interface styles, build 36. */
:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f8;--text:#172033;--muted:#687386;
  --line:#dce3ed;--accent:#5c5ce2;--accent-2:#4343bd;--accent-soft:#ececff;
  --danger:#b42338;--success:#177245;--warning:#9a6700;--shadow:0 18px 60px rgba(24,34,52,.1);
  --radius:10px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{--bg:#0f141d;--surface:#171e29;--surface-2:#202938;--text:#f5f7fb;--muted:#a6b0c0;--line:#303b4c;--accent:#8b8bff;--accent-2:#b0b0ff;--accent-soft:#292951;--shadow:0 20px 70px rgba(0,0,0,.35)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#0f141d;--surface:#171e29;--surface-2:#202938;--text:#f5f7fb;--muted:#a6b0c0;--line:#303b4c;--accent:#8b8bff;--accent-2:#b0b0ff;--accent-soft:#292951;--shadow:0 20px 70px rgba(0,0,0,.35)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 40px))}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.04em}.brand-dot{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.header-link,.text-button,.link-button{border:0;background:none;padding:6px;color:var(--muted);text-decoration:none}.header-link:hover,.text-button:hover,.link-button:hover{color:var(--text)}.language-switch,.theme-switch{display:flex;background:var(--surface-2);border:1px solid var(--line);padding:3px;border-radius:8px}.language-switch a{display:flex;gap:6px;align-items:center;padding:5px 8px;border-radius:5px;font-size:12px;color:var(--muted)}.language-switch img{width:20px;height:14px;border:1px solid #0002}.language-switch a.is-active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}.theme-switch button{border:0;background:none;width:30px;height:29px;border-radius:5px;color:var(--muted)}.theme-switch button.is-active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}.account-chip{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:18px;font-weight:750}.inline-form{display:inline-flex;margin:0}.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;font-weight:750;box-shadow:0 4px 0 color-mix(in srgb,var(--accent-2) 80%,#000);transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-1px);box-shadow:0 6px 0 color-mix(in srgb,var(--accent-2) 80%,#000)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-2)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 4px 0 var(--line)}.button-secondary:hover{box-shadow:0 6px 0 var(--line)}.button-small{min-height:36px;padding:0 13px;font-size:13px;box-shadow:0 3px 0 color-mix(in srgb,var(--accent-2) 80%,#000)}.button-block{width:100%}.danger-button{background:var(--danger);border-color:var(--danger);box-shadow:0 4px 0 #751425;color:#fff}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.centered{justify-content:center}
.hero{position:relative;overflow:hidden;padding:92px 0 72px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),radial-gradient(circle at 90% 30%,#16a08516,transparent 35%)}.hero:after{content:"";position:absolute;inset:auto -8% -170px;height:330px;background:linear-gradient(100deg,var(--accent-soft),transparent);transform:rotate(-4deg);pointer-events:none}.hero-inner{position:relative;z-index:1;text-align:center}.eyebrow{display:inline-block;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:900px;margin:14px auto 12px;font-size:clamp(48px,8vw,92px);line-height:.95;letter-spacing:-.07em}.hero-copy{max-width:660px;margin:0 auto 38px;color:var(--muted);font-size:clamp(18px,2vw,23px)}.shortener-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:10px;width:min(1050px,100%);margin:auto;padding:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;text-align:left}.shortener-card>input{box-sizing:border-box;min-width:0;width:100%;height:58px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:8px;background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);padding:0 16px;font-size:18px;outline:0;transition:border-color .18s,box-shadow .18s}.shortener-card>input:hover{border-color:color-mix(in srgb,var(--accent) 70%,var(--line))}.shortener-card>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shortener-card>.button{height:58px}.custom-code{grid-column:1/-1;width:100%;border-top:1px solid var(--line);padding:8px 10px 2px}.custom-code summary{cursor:pointer;color:var(--muted);font-size:13px}.custom-code label{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted)}.custom-code input{height:40px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:0 10px}.form-hint{font-size:13px;color:var(--muted)}.trust-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:13px}.feature-section{padding:90px 0}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em;margin:10px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:290px;padding:28px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 34px #1720330a}.feature-card-accent{background:var(--text);color:var(--surface)}.feature-number{display:block;color:var(--accent);font-weight:800}.feature-card h3{font-size:26px;margin:72px 0 8px}.feature-card p{color:var(--muted);margin:0}.feature-card-accent p{color:color-mix(in srgb,var(--surface) 70%,transparent)}.ad-zone{margin-bottom:70px}.ad-card{background:var(--surface);border:1px solid var(--line);padding:24px}.ad-card>span{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.ad-card.compact{margin:22px 0;padding:18px}.ad-card.compact h2{font-size:18px}
.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-grid nav{display:flex;flex-wrap:wrap;gap:12px}.footer-grid a:hover{color:var(--text)}
input,textarea,select{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:12px 13px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}textarea{resize:vertical}.stack-form{display:grid;gap:16px}.stack-form label,.control-section>label{display:grid;gap:7px;font-size:13px;font-weight:700}.check-row{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important}.check-row input{width:18px;height:18px;flex:none;margin-top:2px}.check-row a{text-decoration:underline}.flash{position:fixed;z-index:90;top:84px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 30px));padding:13px 16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.flash-success{border-left:4px solid var(--success)}.flash-error{border-left:4px solid var(--danger)}.notice{padding:16px 18px;border:1px solid var(--line);background:var(--surface);margin-bottom:20px}.notice-warning{border-left:4px solid var(--warning)}.notice-success{border-left:4px solid var(--success)}
.auth-section{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:60px 20px;background:radial-gradient(circle at 50% 0%,var(--accent-soft),transparent 45%)}.auth-card{width:min(460px,100%);padding:38px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-brand{margin-bottom:30px}.auth-card h1{font-size:40px;letter-spacing:-.05em;margin:8px 0}.auth-card>p{color:var(--muted);margin:0 0 26px}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:13px;color:var(--muted)}
.result-section,.content-section,.error-section{min-height:70vh;padding:76px 0}.result-card,.error-card{background:var(--surface);border:1px solid var(--line);padding:42px;text-align:center;box-shadow:var(--shadow)}.success-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:#daf4e7;color:var(--success);font-size:26px}.result-card h1{font-size:42px;letter-spacing:-.05em;margin:8px 0}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin:24px 0}.qr-panel{display:grid;justify-items:center;gap:14px;padding:24px;background:var(--bg);border:1px solid var(--line)}.qr-panel canvas{background:#fff;padding:12px;width:220px;height:220px}.error-card{max-width:620px;margin:auto}.error-code{font-size:84px;font-weight:900;color:var(--accent);letter-spacing:-.06em}.error-card h1{font-size:36px}
.dashboard-section,.admin-section{padding:46px 0 80px}.dashboard-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.side-nav{position:sticky;top:96px;height:max-content;display:grid;gap:20px;padding:20px;background:var(--surface);border:1px solid var(--line)}.profile-summary{display:flex;gap:12px;align-items:center}.profile-summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800}.profile-summary div{display:grid;min-width:0}.profile-summary strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-summary small{color:var(--muted)}.side-nav nav{display:grid;gap:4px}.side-nav nav a{padding:9px 10px;color:var(--muted);border-left:2px solid transparent}.side-nav nav a.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.dashboard-main{min-width:0}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.dashboard-heading h1{font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:8px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric-grid article{display:grid;gap:12px;padding:22px;background:var(--surface);border:1px solid var(--line)}.metric-grid span{color:var(--muted);font-size:13px}.metric-grid strong{font-size:36px;letter-spacing:-.05em}.metric-alert{border-top:3px solid var(--danger)!important}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);padding:22px}.panel-heading,.control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2,.control-heading h2,.panel h2{margin:0;font-size:20px}.panel-heading>a{color:var(--accent);font-size:13px}.list-stack{display:grid;margin-top:12px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.list-row>span:first-child{display:grid;min-width:0}.list-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;width:max-content;padding:3px 8px;border-radius:3px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.status-published,.status-active{background:#daf4e7;color:#12643d}.status-draft,.status-pending{background:#fff1c9;color:#785600}.status-disabled,.status-deleted{background:#f5dce1;color:#8d1b32}.status-new{background:#e1e8ff;color:#2948a3}.empty-state{padding:34px 10px;text-align:center;color:var(--muted)}.empty-state.large{padding:80px 24px}.empty-state h2{color:var(--text);font-size:30px}.table-panel{padding:0}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:760px}.responsive-table th,.responsive-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.responsive-table th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.07em}.responsive-table td input{min-width:220px;padding:8px}.url-cell{max-width:450px;word-break:break-all}.filter-bar,.bulk-bar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.filter-bar input{max-width:520px}.filter-bar select{max-width:180px}.bulk-bar{padding:12px 15px;margin:0;border-bottom:1px solid var(--line);justify-content:space-between}.bulk-bar input{width:auto}.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-card{background:var(--surface);border:1px solid var(--line);overflow:hidden}.page-card-cover{height:190px;background:var(--page-bg);color:var(--page-fg);display:grid;place-items:center;align-content:center;gap:8px}.page-card-cover>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--button);color:#fff;font-weight:800}.page-card-cover i{display:block;width:64%;height:15px;border-radius:5px;background:var(--button);opacity:.85}.page-card-body{padding:20px}.page-card-body h2{margin:8px 0 2px;font-size:22px}.page-card-body p{color:var(--muted);margin:0}.mini-stats{display:flex;gap:14px;margin:16px 0;color:var(--muted);font-size:12px}.profile-list{display:grid;grid-template-columns:120px 1fr;gap:10px}.profile-list dt{color:var(--muted)}.profile-list dd{margin:0}.danger-zone{margin-top:18px;border-left:4px solid var(--danger)}.danger-zone form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.danger-zone label{display:grid;gap:6px}
.admin-nav{display:flex;gap:4px;flex:1;justify-content:center}.admin-nav a{padding:7px 9px;color:var(--muted);font-size:13px}.admin-nav a:hover{color:var(--text)}.admin-section .metric-grid{margin-top:24px}.request-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.request-card dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:16px 0}.request-card dt{color:var(--muted)}.request-card dd{margin:0;word-break:break-word}.request-actions{display:grid;grid-template-columns:1fr 150px auto;gap:8px}.admin-page-grid .page-card{min-height:230px}.ad-admin-row form{flex:none}
.editor-body .site-footer{display:none}.editor-page{min-height:calc(100vh - 72px)}.editor-toolbar{position:sticky;top:72px;z-index:30;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border-bottom:1px solid var(--line)}.save-state{color:var(--muted);font-size:12px}.save-state.is-error{color:var(--danger)}.editor-layout{display:grid;grid-template-columns:minmax(420px,580px) minmax(0,1fr);min-height:calc(100vh - 136px)}.editor-controls{padding:26px;display:grid;gap:16px;border-right:1px solid var(--line);background:var(--bg)}.control-section{padding:22px;background:var(--surface);border:1px solid var(--line);display:grid;gap:15px}.control-section h2{margin:0;font-size:19px}.avatar-picker{display:flex;align-items:center;gap:16px}.avatar-picker p{margin:2px 0;color:var(--muted);font-size:12px}.avatar-circle{width:82px;height:82px;padding:0;border:2px dashed var(--line);background:var(--surface-2);border-radius:50%;overflow:hidden;color:var(--accent);font-size:28px}.avatar-circle img{width:100%;height:100%;object-fit:cover}.prefix-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.prefix-input span{padding:0 0 0 12px;color:var(--muted)}.prefix-input input{border:0}.color-grid{display:flex;flex-wrap:wrap;gap:8px}.color-swatch input{position:absolute;opacity:0;pointer-events:none}.color-swatch span{display:block;width:36px;height:36px;border-radius:50%;background:var(--swatch);border:2px solid var(--line);box-shadow:inset 0 0 0 2px #fff3}.color-swatch input:checked+span{outline:3px solid var(--accent);outline-offset:2px}.item-editor-list{display:grid;gap:10px}.item-editor{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);background:var(--bg)}.drag-handle{padding-top:12px;color:var(--muted);cursor:grab}.item-fields{display:grid;gap:8px;flex:1;min-width:0}.item-options,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.item-editor input,.item-editor select{padding:9px;font-size:13px}.icon-button{border:0;background:var(--surface-2);width:32px;height:32px}.icon-button.danger{color:var(--danger)}.preview-column{position:sticky;top:136px;height:calc(100vh - 136px);padding:22px;display:grid;grid-template-rows:auto 1fr;background:#e8ebf1;overflow:auto}.preview-size-switch{display:flex;justify-content:center;margin-bottom:14px}.preview-size-switch button{border:1px solid #c8ced8;background:#fff;padding:6px 12px;color:#555}.preview-size-switch button.is-active{background:#222;color:#fff}.device-preview{width:390px;max-width:100%;margin:auto;height:720px;max-height:100%;background:#fff;border:10px solid #242832;border-radius:28px;overflow:auto;box-shadow:0 25px 70px #1a213044;transition:width .2s}.device-preview[data-size="tablet"]{width:680px}.device-preview[data-size="desktop"]{width:920px}.link-page-preview{min-height:100%;padding:54px 22px 30px;background:var(--page-bg);color:var(--page-fg);text-align:center}.preview-avatar{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 15px;border-radius:50%;background:color-mix(in srgb,var(--page-fg) 12%,transparent);overflow:hidden;font-size:34px;font-weight:800}.preview-avatar img{width:100%;height:100%;object-fit:cover}.link-page-preview h1{margin:0;font-size:28px;text-align:var(--page-title-align,center)}.link-page-preview>p{margin:7px auto 24px;opacity:.78;text-align:var(--page-bio-align,center)}.preview-links{display:grid;gap:10px}.preview-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;background:var(--item-bg,var(--button-bg));color:var(--item-fg,var(--button-fg));border-radius:var(--item-radius,var(--button-radius));font-weight:750}.preview-socials{display:flex;justify-content:center;gap:8px;margin:20px}.preview-socials>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;font-size:10px;font-weight:800}.link-page-preview>small{opacity:.55}
.public-page-body{background:var(--page-bg)}.public-link-page{min-height:100vh;background:var(--page-bg);color:var(--page-fg);padding:clamp(36px,8vh,84px) 18px}.public-page-inner{width:min(620px,100%);margin:auto;text-align:center}.public-avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid color-mix(in srgb,var(--page-fg) 18%,transparent)}.public-avatar-placeholder{display:grid;place-items:center;margin:auto;background:color-mix(in srgb,var(--page-fg) 12%,transparent);font-size:42px;font-weight:850}.public-link-page h1{font-size:clamp(34px,7vw,54px);line-height:1;margin:18px 0 10px;letter-spacing:-.05em;text-align:var(--page-title-align,center)}.public-bio{max-width:520px;margin:0 auto 28px;opacity:.78;text-align:var(--page-bio-align,center)}.public-buttons{display:grid;gap:12px}.public-buttons a{min-height:56px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 52px;background:var(--item-bg);color:var(--item-fg);border-radius:var(--item-radius);font-weight:800;box-shadow:0 6px 20px #0002}.public-buttons a span{position:absolute;right:20px}.public-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0}.public-socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;color:var(--page-fg);font-size:14px;font-weight:850}.powered-by{display:block;margin:30px 0 15px;opacity:.65}.public-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;opacity:.66}.public-legal button{border:0;background:none;color:inherit;padding:0}.public-page-inner>small{display:block;margin-top:12px;opacity:.55}
.redirect-section{min-height:75vh;display:grid;place-items:center;padding:60px 20px}.redirect-card{width:min(680px,100%);padding:42px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.redirect-card h1{font-size:44px;letter-spacing:-.05em;margin:8px}.redirect-actions{margin-top:30px}.destination-host{display:inline-flex;padding:9px 13px;background:var(--surface-2);font-family:monospace}.small-print{color:var(--muted);font-size:12px}.iframe-body{overflow:hidden}.iframe-shell{height:100vh;display:grid;grid-template-rows:auto auto 1fr}.iframe-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.iframe-toolbar>div{display:grid;text-align:center}.iframe-toolbar span{color:var(--muted);font-size:12px}.iframe-shell iframe{width:100%;height:100%;border:0;background:white}.iframe-ad{display:flex;gap:12px;align-items:center;padding:8px 16px;background:#fff5d9;color:#392f16;font-size:12px}.iframe-ad p{margin:0}.iframe-ad>span{font-size:9px;text-transform:uppercase}.lead{color:var(--muted);font-size:19px}.legal-document{max-width:900px}.legal-document h1{font-size:46px;letter-spacing:-.05em}.legal-document h2{font-size:30px;margin-top:42px}.legal-document h3{font-size:22px}.legal-document p,.legal-document li{color:color-mix(in srgb,var(--text) 84%,var(--muted))}.legal-document a{color:var(--accent);text-decoration:underline}.legal-document table{width:100%;border-collapse:collapse;display:block;overflow:auto}.legal-document td{border:1px solid var(--line);padding:10px;min-width:180px}.legal-document blockquote{margin:20px 0;padding:12px 18px;border-left:4px solid var(--warning);background:var(--surface)}
.cookie-banner{position:fixed;z-index:100;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;width:min(980px,calc(100% - 36px));margin:auto;padding:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.cookie-banner[hidden],.cookie-options[hidden]{display:none}.cookie-banner p{margin:3px 0;color:var(--muted);font-size:13px}.cookie-banner a{color:var(--accent);font-size:12px}.cookie-actions{display:flex;gap:8px}.cookie-options{grid-column:1/-1;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:12px}.cookie-options label{display:flex;gap:6px;align-items:center}.cookie-options input{width:auto}
.ad-modal-overlay{position:fixed;z-index:95;inset:0;display:grid;place-items:center;padding:20px;background:#08111dcc;backdrop-filter:blur(8px)}.ad-modal-overlay[hidden]{display:none}.ad-modal-content{position:relative;width:min(520px,100%);box-shadow:0 30px 90px #0005}.ad-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:var(--surface-2);font-size:24px}
@media(max-width:1000px){.language-switch span{display:none}.admin-nav{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.feature-card h3{margin-top:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:1fr}.side-nav{position:static}.side-nav nav{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.page-card-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.editor-controls{border-right:0}.preview-column{position:static;height:auto;min-height:760px}.request-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell,.narrow{width:min(100% - 24px,1180px)}.header-inner{min-height:62px}.site-header .brand span:last-child{display:none}.language-switch,.theme-switch{transform:scale(.9)}.header-link{display:none}.hero{padding:62px 0 48px}.hero h1{font-size:48px}.shortener-card{grid-template-columns:1fr}.shortener-card>input,.shortener-card>.button{width:100%}.shortener-card>.button{height:50px}.custom-code{grid-column:auto}.trust-row{gap:10px;display:grid;grid-template-columns:1fr 1fr}.feature-section{padding:60px 0}.footer-grid{align-items:flex-start;flex-direction:column}.footer-grid nav{display:grid}.auth-card{padding:28px 20px}.copy-field{grid-template-columns:1fr}.result-card{padding:28px 16px}.dashboard-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:15px}.metric-grid strong{font-size:28px}.side-nav nav{grid-template-columns:1fr}.page-card-grid{grid-template-columns:1fr}.editor-toolbar{top:62px;height:auto;min-height:70px;padding:8px 12px;flex-wrap:wrap}.editor-toolbar .save-state{order:3;width:100%;text-align:center}.editor-controls{padding:12px}.control-section{padding:16px}.item-options,.two-col{grid-template-columns:1fr}.preview-column{padding:12px}.device-preview{height:680px}.request-actions{grid-template-columns:1fr}.admin-section{padding-top:28px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input,.filter-bar select{max-width:none}.danger-zone form{grid-template-columns:1fr}.iframe-toolbar .brand{display:none}.cookie-banner{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .text-button{grid-column:1/-1}.cookie-options{align-items:flex-start;flex-direction:column}.public-avatar{width:104px;height:104px}}
.item-actions{display:grid;gap:4px}.language-switch{display:flex;background:none;border:0;padding:0;border-radius:0}.language-switch a{display:block;padding:0;border-radius:0;line-height:0}.language-switch img{display:block;width:28px;height:19px;object-fit:cover;border:0}.language-switch a.is-active{background:none;box-shadow:none}.sort-link{color:inherit;white-space:nowrap}.sort-link:hover{color:var(--accent)}.empty-url{display:inline-flex;padding:3px 7px;background:#fff1c9;color:#785600;font-size:12px;font-weight:750}.bulk-count{color:var(--muted);font-size:12px}.bulk-bar{flex-wrap:wrap}
.has-modal{overflow:hidden}.onboarding-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#111827a8;backdrop-filter:blur(10px)}.onboarding-overlay[hidden]{display:none}.onboarding-dialog{position:relative;width:min(560px,100%);padding:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 100px #0006}.onboarding-close{position:absolute;right:30px;top:30px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffa8;color:#172033;font-size:24px}.onboarding-slides{min-height:330px}.onboarding-sticker{position:relative;min-height:330px;padding:58px 48px 42px;display:flex;flex-direction:column;justify-content:flex-end;color:#172033;box-shadow:0 18px 44px #17203326;transform:rotate(-1deg)}.onboarding-sticker[hidden]{display:none}.onboarding-sticker:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff8,transparent 40%);pointer-events:none}.onboarding-sticker h2{position:relative;z-index:1;margin:0 0 12px;max-width:410px;font-size:clamp(30px,7vw,46px);line-height:.98;letter-spacing:-.045em}.onboarding-sticker p{position:relative;z-index:1;margin:0;max-width:430px;font-size:17px;line-height:1.55}.sticker-step{position:absolute;z-index:1;left:48px;top:42px;font-size:13px;font-weight:900;letter-spacing:.14em}.sticker-yellow{background:#ffe878}.sticker-pink{background:#ffb8d1;transform:rotate(1deg)}.sticker-blue{background:#9cddff;transform:rotate(-.7deg)}.sticker-green{background:#bcef87;transform:rotate(.8deg)}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px}.onboarding-dots{display:flex;gap:7px}.onboarding-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--line)}.onboarding-dots button.is-active{width:27px;border-radius:999px;background:var(--accent)}
@media(max-width:600px){.onboarding-overlay{padding:10px}.onboarding-dialog{padding:12px}.onboarding-close{right:20px;top:20px}.onboarding-slides,.onboarding-sticker{min-height:390px}.onboarding-sticker{padding:62px 26px 34px}.sticker-step{left:26px;top:28px}.onboarding-sticker p{font-size:15px}.onboarding-footer{align-items:stretch;flex-direction:column}.onboarding-footer .button-row{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.brand-wordmark{display:inline!important}.footer-grid nav{align-items:center}.footer-grid nav .link-button{display:inline;padding:0;font:inherit;line-height:inherit}
.code-availability{display:block;margin-top:7px;color:var(--muted);font-size:12px}.code-availability.is-checking{color:var(--warning)}.code-availability.is-available{color:var(--success)}.code-availability.is-unavailable{color:var(--danger)}.custom-code input.is-available{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}.custom-code input.is-unavailable{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 13%,transparent)}
.scenarios-details{border:1px solid var(--line);background:var(--surface)}.scenarios-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;cursor:pointer}.scenarios-summary::-webkit-details-marker{display:none}.scenarios-summary>span:first-child{display:grid;gap:8px}.scenarios-summary strong{font-size:clamp(30px,5vw,54px);line-height:1.02;letter-spacing:-.05em}.scenarios-toggle{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;font-size:28px;transition:transform .2s}.scenarios-details[open] .scenarios-toggle{transform:rotate(45deg)}.scenarios-content{padding:0 30px 30px}.news-section{margin-top:34px;padding-top:32px;border-top:1px solid var(--line)}.news-heading h2{margin:6px 0 22px;font-size:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-card{padding:20px;background:var(--bg);border:1px solid var(--line)}.news-card time{color:var(--muted);font-size:12px}.news-card h3{margin:9px 0 8px;font-size:20px;line-height:1.2}.news-card p{margin:0;color:var(--muted);font-size:14px}.news-admin-row>span{max-width:60%}.news-admin-row form{margin:0}
.page-share-tools{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.page-share-tools>summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:750}.page-share-content{display:grid;gap:13px;padding-top:15px}.page-share-content label{display:grid;gap:6px;color:var(--muted);font-size:12px}.page-share-content textarea{font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.page-share-tools .qr-panel{padding:16px}.page-share-tools .qr-panel canvas{width:160px;height:160px}.compact-copy-field{margin:0}.embedded-page-body .public-link-page{min-height:100vh}
@media(max-width:1000px){.news-grid{grid-template-columns:1fr}.news-admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.site-header .brand .brand-wordmark{display:inline!important}.footer-grid nav{display:flex}.scenarios-summary{padding:22px 18px}.scenarios-content{padding:0 18px 18px}.scenarios-toggle{width:40px;height:40px}.scenarios-summary strong{font-size:32px}.page-share-content .copy-field{display:grid}}
.ad-zone:empty{display:none}.ad-bottom-popup,.ad-top-bar{position:fixed;z-index:92;box-shadow:0 24px 80px #0004}.ad-bottom-popup{right:22px;bottom:22px;width:min(430px,calc(100% - 44px));border-top:4px solid var(--accent)}.ad-top-bar{left:50%;top:84px;transform:translateX(-50%);width:min(900px,calc(100% - 30px));padding-right:64px}.ad-popup-close{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:22px}.format-fieldset{display:grid;gap:9px;margin:0;padding:16px;border:1px solid var(--line)}.format-fieldset legend{padding:0 7px;font-weight:800}.format-fieldset p{margin:0 0 4px;color:var(--muted);font-size:12px}.ad-admin-row>span{gap:2px}
@media(max-width:760px){.ad-bottom-popup{right:12px;bottom:12px;width:calc(100% - 24px)}.ad-top-bar{top:70px}.ad-admin-row{align-items:flex-start;flex-direction:column}.ad-admin-row>span{max-width:100%}}
.scheme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scheme-chip{display:grid;grid-template-columns:24px 24px 1fr;align-items:center;gap:0;min-height:48px;padding:7px 9px;border:1px solid var(--line);background:var(--surface);border-radius:7px;text-align:left}.scheme-chip i,.scheme-chip b{display:block;width:26px;height:26px;border:2px solid var(--surface);border-radius:50%;background:var(--scheme-bg)}.scheme-chip b{margin-left:-8px;background:var(--scheme-button)}.scheme-chip span{margin-left:7px;font-size:11px;font-weight:750}.scheme-chip.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.item-options-colors{grid-template-columns:minmax(0,1fr) 120px;align-items:start}.item-color-picker{display:flex;flex-wrap:wrap;gap:5px}.item-color-picker .color-swatch span{width:25px;height:25px}.color-swatch-global span{background:conic-gradient(var(--text) 0 25%,var(--surface) 0 50%,var(--muted) 0 75%,var(--surface-2) 0)}.page-card-cover>span,.page-card-cover i{background:var(--page-button,var(--button))}
@media(max-width:760px){.scheme-grid{grid-template-columns:1fr 1fr}.item-options-colors{grid-template-columns:1fr}}

/* Circular controls share the same raised-button language as primary actions. */
.scenarios-toggle,.onboarding-close,.ad-modal-close,.ad-popup-close{box-sizing:border-box;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--accent);border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 58%,#17173a);font-size:0;line-height:1;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.onboarding-close,.ad-modal-close,.ad-popup-close{position:absolute;z-index:2}
.onboarding-close{right:30px;top:30px}
.ad-modal-close,.ad-popup-close{right:10px;top:10px}
.onboarding-close:before,.onboarding-close:after,.ad-modal-close:before,.ad-modal-close:after,.ad-popup-close:before,.ad-popup-close:after,.scenarios-toggle:before,.scenarios-toggle:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:999px;background:currentColor;transform-origin:center}
.onboarding-close:before,.ad-modal-close:before,.ad-popup-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.onboarding-close:after,.ad-modal-close:after,.ad-popup-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.onboarding-close:hover,.ad-modal-close:hover,.ad-popup-close:hover,.scenarios-summary:hover .scenarios-toggle{transform:translateY(-1px);box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 58%,#17173a)}
.onboarding-close:active,.ad-modal-close:active,.ad-popup-close:active,.scenarios-summary:active .scenarios-toggle{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 58%,#17173a)}
.scenarios-toggle{position:relative;flex:none;width:46px;height:46px}
.scenarios-toggle:before{transform:translate(-50%,-50%)}
.scenarios-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .16s ease}
.scenarios-details[open] .scenarios-toggle{transform:none}
.scenarios-details[open] .scenarios-toggle:after{opacity:0}
.scenarios-details[open] .scenarios-summary:hover .scenarios-toggle{transform:translateY(-1px)}
.scenarios-details[open] .scenarios-summary:active .scenarios-toggle{transform:translateY(3px)}

/* Keep the editor grid inside the viewport and let every nested control shrink. */
.editor-body{overflow-x:hidden}
.editor-page{max-width:100%;overflow-x:clip;overflow-y:visible}
.editor-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,580px) minmax(0,1fr);overflow-x:clip;overflow-y:visible}
.editor-controls,.control-section,.editor-controls fieldset,.item-editor,.item-fields,.preview-column,.device-preview{min-width:0;max-width:100%}
.editor-controls{width:100%;overflow-x:hidden}
.editor-controls fieldset{min-inline-size:0;margin-inline:0}
.scheme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.scheme-chip{min-width:0}
.scheme-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-options-colors{grid-template-columns:minmax(0,1fr) minmax(100px,120px)}
.item-color-picker{min-width:0}
.preview-column{position:sticky;top:136px;align-self:start;height:calc(100vh - 136px);overflow-x:hidden;overflow-y:auto}

/* The preview size switch mirrors the site's theme selector. */
.preview-size-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;width:min(390px,100%);margin:0 auto 14px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.preview-size-switch button{min-width:0;padding:7px 10px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:13px;font-weight:750;box-shadow:none;white-space:nowrap}
.preview-size-switch button:hover{color:var(--text)}
.preview-size-switch button.is-active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}
.news-heading{margin-bottom:22px}

@media(max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;height:auto;min-height:760px;overflow-y:visible}}
@media(max-width:760px){.scenarios-toggle{width:40px;height:40px}.scheme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-options-colors{grid-template-columns:minmax(0,1fr)}.preview-size-switch button{padding-inline:6px;font-size:12px}}
@media(max-width:600px){.onboarding-close{right:20px;top:20px}}
.item-editor select optgroup{font-weight:850;color:var(--text);background:var(--surface)}
.item-editor select option{font-weight:500;color:var(--text);background:var(--surface)}
.icon-button{display:grid;place-items:center;padding:0;border-radius:50%}
.icon-button .trash-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* HTTP wrapper: the embedded site always fills the viewport below the toolbar and inline ad. */
body.iframe-body{height:100vh;height:100dvh;min-height:0;overflow:hidden}
body.iframe-body main{height:100%;min-height:0;overflow:hidden}
body.iframe-body .iframe-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
body.iframe-body .iframe-toolbar,body.iframe-body .iframe-ad{flex:0 0 auto}
body.iframe-body .iframe-shell>iframe{display:block;flex:1 1 0;width:100%;height:auto;min-height:0;border:0;background:#fff}

/* Optional custom short code selector. */
.custom-code{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 10px 4px}
.custom-code-header{display:flex;align-items:center;justify-content:space-between;gap:18px}
.custom-code-header>div:first-child{display:grid;gap:2px}
.custom-code-header strong{font-size:14px}
.custom-code-header small{color:var(--muted);font-size:12px}
.custom-code-control{position:relative;flex:none}
.custom-code .custom-code-toggle-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.custom-code .custom-code-selector{display:grid;grid-template-columns:1fr 1fr;min-width:190px;margin:0;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);cursor:pointer}
.custom-code-selector span{display:grid;place-items:center;min-height:30px;padding:0 10px;border-radius:5px;font-size:12px;font-weight:750}
.custom-code-toggle-input:not(:checked)+.custom-code-selector span:first-child,.custom-code-toggle-input:checked+.custom-code-selector span:last-child{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}
.custom-code-toggle-input:focus-visible+.custom-code-selector{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.custom-code-fields{display:grid;grid-template-columns:auto minmax(180px,300px);align-items:center;gap:8px 10px;margin-top:12px}
.custom-code-fields[hidden]{display:none}
.custom-code .custom-code-fields label{display:flex;align-items:center;margin:0;color:var(--muted)}
.custom-code-fields .code-availability{grid-column:2;margin:0}

/* Informational text below portal news. */
.service-about{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:28px;margin-top:34px;padding:34px 30px;border:1px solid var(--line);background:var(--surface-2)}
.service-about .eyebrow{padding-top:7px}
.service-about h2{max-width:760px;margin:0 0 14px;font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:-.045em}
.service-about p{max-width:850px;margin:0 0 12px;color:var(--muted)}
.service-about p:last-child{margin-bottom:0}
.page-card-body p,.responsive-table code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){.custom-code-header{align-items:stretch;flex-direction:column}.custom-code .custom-code-selector{width:100%;min-width:0}.custom-code-fields{grid-template-columns:auto minmax(0,1fr)}.service-about{grid-template-columns:1fr;padding:26px 20px;gap:14px}}

/* Seamless page patterns inherit the foreground color, so they stay legible on every palette. */
[data-pattern="it"]{--page-pattern:url("/assets/patterns/it.svg?v=2")}
[data-pattern="business"]{--page-pattern:url("/assets/patterns/business.svg?v=2")}
[data-pattern="science"]{--page-pattern:url("/assets/patterns/science.svg?v=2")}
[data-pattern="interests"]{--page-pattern:url("/assets/patterns/interests.svg?v=2")}
[data-pattern="animals"]{--page-pattern:url("/assets/patterns/animals.svg?v=2")}
[data-pattern="mathematics"]{--page-pattern:url("/assets/patterns/mathematics.svg?v=1")}
[data-pattern="family"]{--page-pattern:url("/assets/patterns/family.svg?v=1")}
[data-pattern="agriculture"]{--page-pattern:url("/assets/patterns/agriculture.svg?v=1")}
[data-pattern="transport"]{--page-pattern:url("/assets/patterns/transport.svg?v=1")}
[data-pattern="space"]{--page-pattern:url("/assets/patterns/space.svg?v=1")}
[data-pattern="flowers"]{--page-pattern:url("/assets/patterns/flowers.svg?v=3")}
[data-pattern="jewelry"]{--page-pattern:url("/assets/patterns/jewelry.svg?v=3")}
[data-pattern="luxury"]{--page-pattern:url("/assets/patterns/luxury.svg?v=3")}
[data-pattern="construction"]{--page-pattern:url("/assets/patterns/construction.svg?v=4")}
[data-pattern="beauty"]{--page-pattern:url("/assets/patterns/beauty.svg?v=4")}
[data-pattern="wildlife"]{--page-pattern:url("/assets/patterns/wildlife.svg?v=4")}
[data-pattern="people"]{--page-pattern:url("/assets/patterns/people.svg?v=4")}
[data-pattern="travel"]{--page-pattern:url("/assets/patterns/travel.svg?v=3")}
[data-pattern="shopping"]{--page-pattern:url("/assets/patterns/shopping.svg?v=3")}
[data-pattern="celebration"]{--page-pattern:url("/assets/patterns/celebration.svg?v=3")}
[data-pattern="sports"]{--page-pattern:url("/assets/patterns/sports.svg?v=1")}

.link-page-preview,.public-link-page,.page-card-cover{position:relative;isolation:isolate;overflow:hidden}
.link-page-preview:before,.public-link-page:before,.page-card-cover:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-color:var(--pattern-color,var(--page-fg));opacity:var(--pattern-opacity,0);
  -webkit-mask-image:var(--page-pattern,none);mask-image:var(--page-pattern,none);
  -webkit-mask-repeat:repeat;mask-repeat:repeat;
  -webkit-mask-position:center top;mask-position:center top;
  -webkit-mask-size:var(--pattern-size,220px) var(--pattern-size,220px);
  mask-size:var(--pattern-size,220px) var(--pattern-size,220px)
}
.link-page-preview[data-pattern="none"]:before,
.public-link-page[data-pattern="none"]:before,
.page-card-cover[data-pattern="none"]:before{display:none}
.link-page-preview[data-background-mode]:not([data-background-mode="pattern"]):before,
.public-link-page[data-background-mode]:not([data-background-mode="pattern"]):before{display:none}
.link-page-preview:after,.public-link-page:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--page-background-image) center/cover no-repeat;
  opacity:var(--page-background-opacity,0)
}
.link-page-preview:not([data-background-mode="image"]):after,
.public-link-page:not([data-background-mode="image"]):after{display:none}
.link-page-preview>*,
.public-link-page>.public-page-inner,
.page-card-cover>*{position:relative;z-index:1}
.link-page-preview{--pattern-size:164px}
.page-card-cover{--pattern-size:106px}

.pattern-picker{display:grid;gap:12px;min-inline-size:0;margin:0;padding:0;border:0}
.pattern-picker legend{margin-bottom:7px;font-size:13px;font-weight:800}
.pattern-mode-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.pattern-mode-switch button{min-height:34px;padding:5px 10px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:12px;font-weight:750;box-shadow:none}
.pattern-mode-switch button:hover{color:var(--text)}
.pattern-mode-switch button.is-active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}
.pattern-settings{display:grid;gap:14px}
.pattern-settings[hidden]{display:none}
.pattern-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pattern-pagination{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:10px}
.pattern-pagination[hidden]{display:none}
.pattern-page-arrow{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--line)}
.pattern-page-arrow:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 0 var(--line)}
.pattern-page-arrow:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
.pattern-page-arrow:disabled{opacity:.3;cursor:default}
.pattern-page-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pattern-page-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}
.pattern-page-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line);box-shadow:none}
.pattern-page-dot:hover{background:color-mix(in srgb,var(--accent) 55%,var(--line))}
.pattern-page-dot.is-active{width:20px;border-radius:6px;background:var(--accent)}
.pattern-chip{display:block;min-width:0;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);text-align:center}
.pattern-chip[hidden]{display:none}
.pattern-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.pattern-chip.is-active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.pattern-thumb{position:relative;display:block;height:64px;overflow:hidden;border-radius:5px;background:var(--surface-2)}
.pattern-thumb:before{
  content:"";position:absolute;inset:0;background:var(--text);opacity:.34;
  -webkit-mask-image:var(--page-pattern);mask-image:var(--page-pattern);
  -webkit-mask-repeat:repeat;mask-repeat:repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:118px 118px;mask-size:118px 118px
}
.pattern-intensity{display:grid;gap:7px;font-size:13px;font-weight:700}
.pattern-intensity>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pattern-intensity output{color:var(--muted);font-variant-numeric:tabular-nums}
.pattern-intensity input{padding:0}

@media(max-width:760px){.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-page-dots{gap:5px}.pattern-page-dot{width:7px;height:7px}.pattern-page-dot.is-active{width:17px}}
.editor-form-error{position:sticky;top:0;z-index:3;margin:0}
.editor-form-error[hidden]{display:none}

/* Editor groups share one calm surface; only the actual color samples stay colorful. */
.control-section{border-radius:14px}
.control-section>fieldset{
  min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface-2)
}
.control-section>fieldset>legend{padding:0 6px;color:var(--muted);font-size:13px;font-weight:800}
.color-swatch-auto span{
  background:linear-gradient(135deg,#111 0 48%,#fff 52% 100%);
  box-shadow:inset 0 0 0 2px #fff5
}
.pattern-adjustments{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.pattern-tone{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:700}
.pattern-tone-switch{
  display:flex;gap:4px;width:max-content;padding:3px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface)
}
.pattern-tone-switch label{position:relative;display:block;line-height:0;cursor:pointer}
.pattern-tone-switch input{position:absolute;opacity:0;pointer-events:none}
.pattern-tone-switch label span{
  display:block;width:28px;height:28px;border:2px solid var(--line);border-radius:50%;
  box-shadow:inset 0 0 0 2px #fff3
}
.pattern-tone-black{background:#000}
.pattern-tone-white{background:#fff}
.pattern-tone-switch input:checked+span{
  border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px
}
@media(max-width:520px){.pattern-adjustments{grid-template-columns:1fr}.pattern-tone{justify-self:start}}

.button-adjustments{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:14px}
.button-opacity{display:grid;gap:7px;font-size:13px;font-weight:700}
.button-opacity>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.button-opacity output{color:var(--muted);font-variant-numeric:tabular-nums}
.button-opacity input{padding:0}
.button-style-control{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:700}
.button-style-filled{background:var(--accent)}
.button-style-outline{background:transparent;border-color:var(--accent)!important;box-shadow:inset 0 0 0 2px var(--surface)!important}

/* Profile image framing and crop controls. A reduced working copy is used to build the public 512px crop. */
.avatar-circle,.preview-avatar,.public-avatar{
  position:relative;border-radius:var(--avatar-radius,50%);overflow:hidden
}
.avatar-circle{
  flex:0 0 82px;width:82px;height:82px;aspect-ratio:1;
  border-style:solid;border-width:var(--avatar-editor-border-width,2px);
  border-color:var(--line)
}
.avatar-picker-copy{min-width:0}
.preview-avatar{
  border:var(--avatar-border-width,4px) solid color-mix(in srgb,var(--page-fg) 18%,transparent)
}
.public-avatar{
  display:grid;place-items:center;margin-inline:auto;
  border:var(--avatar-border-width,4px) solid color-mix(in srgb,var(--page-fg) 18%,transparent)
}
.avatar-circle img,.preview-avatar img,.public-avatar img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(var(--avatar-scale,1));transform-origin:center;
  transition:transform .18s ease
}
.public-avatar-placeholder{border-radius:var(--avatar-radius,50%)}
.avatar-adjustments{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:14px;align-items:end;padding:14px;border:1px solid var(--line);
  border-radius:12px;background:var(--surface-2)
}
.avatar-range{display:grid;gap:7px;font-size:13px;font-weight:700}
.avatar-range>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.avatar-range output{color:var(--muted);font-variant-numeric:tabular-nums}
.avatar-range input{padding:0}
.avatar-border-control{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:700}
.avatar-border-off{background:var(--surface)}
.avatar-border-off:after{
  content:"";display:block;width:18px;height:2px;margin:11px auto;background:var(--danger);
  border-radius:2px;transform:rotate(-35deg)
}
.avatar-border-on{background:var(--surface);box-shadow:inset 0 0 0 4px var(--accent)!important}
@media(max-width:760px){
  .avatar-adjustments{grid-template-columns:1fr}
  .avatar-border-control{justify-self:start}
}

.link-page-preview .preview-links a,
.public-link-page .public-buttons a{
  background:color-mix(in srgb,var(--item-bg,var(--button-bg)) var(--button-opacity,100%),transparent);
  border:2px solid transparent
}
.link-page-preview[data-button-style="outline"] .preview-links a,
.public-link-page[data-button-style="outline"] .public-buttons a{
  background:transparent;color:var(--item-outline,var(--item-bg,var(--button-bg)));
  border-color:color-mix(in srgb,var(--item-bg,var(--button-bg)) var(--button-opacity,100%),transparent);
  box-shadow:0 6px 18px #0001
}
.page-card-cover i{
  background:color-mix(in srgb,var(--page-button,var(--button)) var(--button-opacity,100%),transparent)
}
.page-card-cover[data-button-style="outline"] i{
  background:transparent;border:2px solid color-mix(in srgb,var(--page-button,var(--button)) var(--button-opacity,100%),transparent)
}
@media(max-width:520px){.button-adjustments{grid-template-columns:1fr}.button-style-control{justify-self:start}}

/* Temporary site-wide notifications. */
.toast-region{
  position:fixed;z-index:220;left:50%;bottom:18px;display:grid;gap:12px;
  width:min(460px,calc(100vw - 28px));pointer-events:none;transform:translateX(-50%)
}
.toast{
  --toast-color:var(--accent);position:relative;display:grid;
  grid-template-columns:38px minmax(0,1fr) 30px;align-items:start;gap:12px;
  overflow:hidden;padding:15px 14px 17px;border:1px solid var(--line);
  border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,var(--toast-color) 4%);
  color:var(--text);box-shadow:0 18px 45px #11172f2c;
  opacity:0;transform:translateY(30px) scale(.98);pointer-events:auto;
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)
}
.toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.toast.is-leaving{opacity:0;transform:translateY(34px) scale(.98)}
.toast-success{--toast-color:var(--success)}
.toast-error{--toast-color:var(--danger)}
.toast-warning{--toast-color:var(--warning)}
.toast-info{--toast-color:var(--accent)}
.toast-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  background:var(--toast-color);color:#fff;font-size:19px;font-weight:900;
  box-shadow:0 4px 0 color-mix(in srgb,var(--toast-color) 58%,#17173a)
}
.toast-content{min-width:0;padding-top:1px}
.toast-content strong{display:block;margin-bottom:3px;font-size:14px}
.toast-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.42;overflow-wrap:anywhere}
.toast-close{
  position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;
  border:1px solid var(--line);border-radius:50%;background:var(--surface-2);
  color:var(--muted);box-shadow:0 2px 0 color-mix(in srgb,var(--line) 70%,#777);
  font-size:0
}
.toast-close:before,.toast-close:after{
  content:"";position:absolute;width:12px;height:1.7px;border-radius:99px;background:currentColor
}
.toast-close:before{transform:rotate(45deg)}
.toast-close:after{transform:rotate(-45deg)}
.toast-close:hover{color:var(--text);transform:translateY(-1px)}
.toast-close:active{transform:translateY(1px);box-shadow:none}
.toast-progress{
  position:absolute;left:0;bottom:0;width:100%;height:3px;
  background:var(--toast-color);transform:scaleX(1);transform-origin:left
}
.toast.is-visible .toast-progress{
  animation:toast-countdown var(--toast-duration,4500ms) linear forwards
}
.toast:hover .toast-progress,.toast:focus-within .toast-progress{animation-play-state:paused}
@keyframes toast-countdown{to{transform:scaleX(0)}}
@media(max-width:760px){
  .toast-region{bottom:12px}
  .toast{grid-template-columns:34px minmax(0,1fr) 28px;padding:13px 12px 15px}
  .toast-icon{width:32px;height:32px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .toast{transition:none;transform:none}
  .toast-progress{display:none}
}

/* Popup advertisements use the same calm card language as the rest of Haa.su. */
.ad-modal-overlay{
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(7px);
  animation:ad-overlay-in .22s ease-out both
}
.ad-popup-card{
  box-sizing:border-box;
  display:grid;
  gap:14px;
  overflow:hidden;
  isolation:isolate;
  padding:28px;
  border:1px solid #dfe5ef;
  border-radius:18px;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 24px 70px rgba(23,32,51,.22);
  text-align:left;
  animation:ad-popup-in .24s ease-out both
}
.ad-card.ad-popup-card,.iframe-ad.ad-popup-card{
  margin:0;
  padding:28px
}
.ad-popup-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2))
}
.ad-popup-card>span{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid #dfe5ff;
  border-radius:999px;
  background:#f1f3ff;
  color:#4c45a8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase
}
.ad-card.ad-popup-card>h2,.ad-card.ad-popup-card>h3,.iframe-ad.ad-popup-card>strong{
  margin:0;
  padding-right:46px;
  color:#172033;
  font-size:clamp(21px,3vw,28px);
  line-height:1.12;
  letter-spacing:-.025em
}
.ad-popup-card>p{
  margin:0;
  padding:14px 16px;
  border:1px solid #e7ebf2;
  border-radius:12px;
  background:#f7f8fb;
  color:#5b6575;
  font-size:14px;
  line-height:1.55
}
.ad-popup-card .ad-popup-action{
  justify-self:start;
  min-height:44px;
  margin-top:2px;
  border-radius:8px;
  color:#fff!important;
  text-decoration:none
}
.ad-popup-card .ad-modal-close,.ad-popup-card .ad-popup-close{
  right:16px;
  top:16px;
  width:38px;
  height:38px;
  border:1px solid #dfe5ef;
  background:#f3f5f8;
  color:#4f5a6a;
  box-shadow:0 3px 0 #dfe5ef
}
.ad-popup-card .ad-modal-close:hover,.ad-popup-card .ad-popup-close:hover{
  background:#fff;
  color:#172033;
  box-shadow:0 5px 0 #dfe5ef
}
.ad-popup-card .ad-modal-close:active,.ad-popup-card .ad-popup-close:active{
  box-shadow:0 1px 0 #dfe5ef
}
.ad-modal-content{
  width:min(540px,100%)
}
.ad-bottom-popup{
  right:24px;
  bottom:24px;
  width:min(450px,calc(100% - 48px));
  border-top-width:1px
}
.ad-top-bar{
  top:88px;
  width:min(760px,calc(100% - 32px));
  padding-right:28px
}
.result-actions{margin-top:28px}
@keyframes ad-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes ad-popup-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(max-width:760px){
  .ad-popup-card{gap:12px;padding:23px 20px 20px;border-radius:15px}
  .ad-card.ad-popup-card,.iframe-ad.ad-popup-card{padding:23px 20px 20px}
  .ad-card.ad-popup-card>h2,.ad-card.ad-popup-card>h3,.iframe-ad.ad-popup-card>strong{padding-right:42px;font-size:22px}
  .ad-popup-card .ad-modal-close,.ad-popup-card .ad-popup-close{right:12px;top:12px}
  .ad-popup-card .ad-popup-action{justify-self:stretch;width:100%}
  .ad-bottom-popup{right:12px;bottom:12px;width:calc(100% - 24px)}
  .ad-top-bar{top:70px;width:calc(100% - 24px)}
}
@media(max-width:520px){
  .result-actions{display:grid;grid-template-columns:1fr;margin-top:24px}
  .result-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ad-modal-overlay,.ad-popup-card{animation:none}
}

/* Управление короткими ссылками и необязательная защита паролем */
.notice-error{border-left:4px solid var(--danger)}
.status-protected{background:#e5e3ff;color:#4035a8}
.account-links-table{min-width:1040px}
.account-link-copy{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:7px}
.account-link-copy input{min-width:220px}
.link-access-tools,.admin-link-access{
  width:max-content;
  max-width:100%
}
.link-access-tools>summary,.admin-link-access>summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--text);
  font-size:12px;
  font-weight:800;
  box-shadow:0 3px 0 var(--line);
  cursor:pointer
}
.link-access-tools>summary::-webkit-details-marker,.admin-link-access>summary::-webkit-details-marker{display:none}
.link-access-tools[open]>summary,.admin-link-access[open]>summary{
  transform:translateY(2px);
  box-shadow:0 1px 0 var(--line)
}
.link-access-popover,.admin-link-password-form{
  position:fixed;
  z-index:85;
  left:12px;
  top:12px;
  display:grid;
  gap:14px;
  width:min(390px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  margin:0;
  padding:16px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  box-shadow:var(--shadow);
  visibility:hidden
}
.link-access-popover.is-positioned,.admin-link-password-form.is-positioned{visibility:visible}
.link-password-settings{display:grid;gap:14px}
.link-password-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.link-password-heading>div:first-child{display:grid;gap:2px}
.link-password-heading small{max-width:245px;color:var(--muted);font-weight:500;line-height:1.35}
.link-password-heading .custom-code-control{flex:none}
.link-password-heading .custom-code-toggle-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important
}
.link-password-heading .custom-code-selector{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-width:142px;
  margin:0;
  padding:3px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--muted);
  cursor:pointer
}
.link-password-fields{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface)
}
.link-password-fields[hidden]{display:none}
.link-password-fields label{display:grid;gap:6px;font-size:12px;font-weight:750}
.link-password-fields input{width:100%;min-width:0!important}
.link-password-settings input[type=checkbox],.admin-link-password-form input[type=checkbox]{
  width:1px!important;
  min-width:0!important;
  padding:0!important
}
.link-management-actions{display:flex;align-items:center;gap:9px}
.link-delete-form{display:inline-flex;margin:0;padding:0;border:0}
.link-delete-icon-button{
  appearance:none;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid var(--danger);
  border-radius:8px;
  background:var(--danger);
  color:#fff;
  box-shadow:0 3px 0 #751425;
  transition:transform .16s,box-shadow .16s
}
.link-delete-icon-button:before{
  content:"";
  width:19px;
  height:19px;
  background:currentColor;
  -webkit-mask:url("/assets/icons/trash.svg") center/contain no-repeat;
  mask:url("/assets/icons/trash.svg") center/contain no-repeat
}
.link-delete-icon-button:hover{transform:translateY(-1px);box-shadow:0 5px 0 #751425}
.link-delete-icon-button:active{transform:translateY(2px);box-shadow:0 1px 0 #751425}
.link-delete-icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--danger) 30%,transparent);outline-offset:2px}
.password-reveal-field{position:relative;display:block}
.password-reveal-field input{padding-right:44px}
.password-reveal-button{
  position:absolute;
  top:50%;
  right:6px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  box-shadow:none
}
.password-reveal-button:before{
  content:"";
  display:block;
  width:22px;
  height:22px;
  background:currentColor;
  -webkit-mask:url("/assets/icons/eye.svg") center/contain no-repeat;
  mask:url("/assets/icons/eye.svg") center/contain no-repeat
}
.password-reveal-button:hover{color:var(--accent)}
.password-reveal-button:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px
}
.password-reveal-button.is-revealed:before{
  -webkit-mask-image:url("/assets/icons/eye-off.svg");
  mask-image:url("/assets/icons/eye-off.svg")
}
.password-reveal-button.is-revealed{color:var(--accent)}
.link-password-section{background:radial-gradient(circle at 50% 0,var(--accent-soft),transparent 50%)}
.link-password-card{width:min(510px,100%);border-radius:18px}
.protected-link-mark{
  position:relative;
  display:block;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border-radius:50%;
  background:var(--accent-soft);
  color:var(--accent)
}
.protected-link-mark:before{
  content:"";
  position:absolute;
  left:18px;
  top:25px;
  width:22px;
  height:18px;
  border:3px solid currentColor;
  border-radius:5px
}
.protected-link-mark:after{
  content:"";
  position:absolute;
  left:22px;
  top:14px;
  width:14px;
  height:15px;
  border:3px solid currentColor;
  border-bottom:0;
  border-radius:10px 10px 0 0
}
.protected-link-form{margin:24px 0;text-align:left}
.protected-link-form input{font-size:18px}
@media(max-width:760px){
  .account-link-copy{grid-template-columns:1fr}
  .link-password-heading{align-items:stretch;flex-direction:column}
  .link-password-heading .custom-code-selector{width:100%}
  .link-access-popover,.admin-link-password-form{
    width:min(330px,calc(100vw - 24px));
    padding:13px
  }
  .link-password-card{padding:32px 22px}
}

/* Extensible page editor: custom colors, source-image crop and widget floors. */
.color-swatch{position:relative;display:block;flex:none;line-height:0;cursor:pointer}
.color-swatch>span{box-sizing:border-box}
.color-swatch>input[type="radio"],
.pattern-tone-switch input,
.wys-align-switch input{
  position:absolute;left:50%;top:50%;width:1px;height:1px;margin:0;padding:0;border:0;
  opacity:0;overflow:hidden;clip-path:inset(50%);box-shadow:none;pointer-events:none
}
.color-swatch-none>span{
  position:relative;background:
    linear-gradient(45deg,#e8eaf0 25%,transparent 25%,transparent 75%,#e8eaf0 75%),
    linear-gradient(45deg,#e8eaf0 25%,#fff 25%,#fff 75%,#e8eaf0 75%);
  background-position:0 0,5px 5px;background-size:10px 10px
}
.color-swatch-none>span:after{
  content:"";position:absolute;left:13%;top:calc(50% - 1.5px);width:74%;height:3px;
  border-radius:999px;background:#e32636;box-shadow:0 0 0 1px #fff8;transform:rotate(-45deg)
}
.color-swatch-custom{
  position:relative;display:block;flex:none;box-sizing:border-box;width:36px;height:36px;
  padding:0;border:2px solid var(--line);border-radius:50%;overflow:hidden;
  background:transparent;box-shadow:inset 0 0 0 2px #fff4;line-height:0
}
.color-swatch-custom>span{
  box-sizing:border-box;display:block;width:100%;height:100%;border:0;
  background:conic-gradient(#ff334f,#ffbe0b,#62df24,#00b8ff,#6d4aff,#f0008d,#ff334f)
}
.color-swatch-custom>input[type="color"]{
  position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;
  opacity:0;cursor:pointer;pointer-events:auto
}
.color-swatch-custom.is-premium-locked{filter:grayscale(.65);opacity:.58;cursor:pointer}
.color-swatch-custom.is-premium-locked>input[type="color"]{cursor:pointer}
.item-color-picker .color-swatch-custom{width:25px;height:25px}
.item-color-picker .color-swatch-custom>span{width:100%;height:100%}
.social-icon-mask{
  display:block;width:21px;height:21px;background:currentColor;
  -webkit-mask-image:var(--social-icon);mask-image:var(--social-icon);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain
}
.preview-socials .social-icon-mask{width:17px;height:17px}
.premium-notice{border-radius:12px}
.avatar-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.avatar-border-control{grid-column:1/-1}
.avatar-circle img,.preview-avatar img{
  object-position:var(--avatar-x,50%) var(--avatar-y,50%);
  transform-origin:var(--avatar-x,50%) var(--avatar-y,50%);
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none
}
.avatar-circle img{pointer-events:none}
.avatar-circle:has(img){cursor:grab;touch-action:none;overscroll-behavior:contain}
.avatar-circle:has(img):active,.avatar-circle.is-dragging{cursor:grabbing}
.block-add-dropdown{position:relative;flex:0 0 auto}
.block-add-toggle{min-width:132px}
.block-add-toggle.is-premium-locked{opacity:.62;filter:saturate(.45);cursor:pointer}
.block-add-toggle.is-premium-locked:after{content:" 🔒";font-size:11px}
.block-add-plus{display:inline-grid;place-items:center;width:auto;height:auto;border:0;font-size:22px;font-weight:500;line-height:1;transform:translateY(-1px)}
.block-add-chevron{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.block-add-toggle[aria-expanded="true"] .block-add-chevron{transform:rotate(180deg)}
.block-add-menu{
  position:absolute;z-index:60;right:0;top:calc(100% + 10px);display:grid;width:min(350px,calc(100vw - 32px));
  padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);
  box-shadow:0 22px 55px #1114
}
.block-add-menu[hidden]{display:none}
.block-add-option{
  display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;width:100%;
  padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;box-shadow:none
}
.block-add-option:hover,.block-add-option:focus-visible{background:var(--accent-soft);outline:none}
.block-add-option-icon{
  display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--surface-2);color:var(--accent)
}
.block-add-option-icon svg,.article-editor-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.block-add-option>span:last-child{display:grid;gap:2px;min-width:0}
.block-add-option strong{font-size:13px}
.block-add-option small{color:var(--muted);font-size:11px;line-height:1.3}
.page-block-editor-list{display:grid;gap:14px;min-width:0;max-width:100%}
.floor-editor-row{align-items:center;min-width:0;max-width:100%;border-radius:10px;background:var(--bg);transition:opacity .15s,transform .15s}
.floor-editor-row>.drag-handle{padding-top:0}
.floor-drag-handle{
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:42px;padding:0;border:0;
  border-radius:7px;background:transparent;color:var(--muted);font-weight:900;letter-spacing:-2px;
  touch-action:none;cursor:grab
}
.floor-drag-handle:hover,.floor-drag-handle:focus-visible{background:var(--surface-2);color:var(--text);outline:none}
.floor-drag-handle:active{cursor:grabbing}
.floor-editor-row.is-dragging{z-index:2;opacity:.55;transform:scale(.99);box-shadow:0 12px 30px #1113}
.floor-editor-summary{gap:3px}
.floor-editor-summary strong{font-size:14px}
.floor-editor-summary small,.product-editor-summary small{color:var(--muted);font-size:12px}
.floor-editor-actions{display:flex;gap:4px}

.has-editor-modal{overflow:hidden}
body.has-editor-modal .editor-page,
body.has-editor-modal .editor-layout,
body.has-editor-modal .editor-controls{overflow:visible}
.editor-modal-overlay{
  position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:24px;overflow:hidden;
  background:#08111dbf;backdrop-filter:blur(8px)
}
.editor-modal-overlay[hidden]{display:none}
.product-editor-modal{z-index:230}
.editor-modal-dialog{
  position:relative;display:flex;flex-direction:column;
  width:min(820px,100%);height:calc(100vh - 48px);
  height:calc(var(--editor-modal-viewport,100vh) - 48px);max-height:900px;min-height:0;
  overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);
  box-shadow:0 32px 100px #0006
}
.editor-modal-dialog-product{width:min(680px,100%)}
.editor-modal-header{
  position:relative;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:88px;
  padding:18px 76px 18px 24px;border-bottom:1px solid var(--line);background:var(--surface)
}
.editor-modal-header h2{margin:2px 0 0;font-size:25px;letter-spacing:-.035em}
.editor-modal-header .eyebrow{font-size:10px}
.editor-modal-close{right:18px!important;top:22px!important}
.editor-modal-scroll{
  flex:1 1 0;width:100%;height:0;min-width:0;min-height:0;
  display:flex;flex-direction:column;align-items:stretch;gap:14px;overflow-x:hidden;overflow-y:scroll;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;
  padding:18px;background:var(--bg)
}
.editor-modal-scroll>.editor-modal-card{flex:0 0 auto}
.editor-modal-scroll::-webkit-scrollbar{width:10px}
.editor-modal-scroll::-webkit-scrollbar-track{background:var(--surface-2)}
.editor-modal-scroll::-webkit-scrollbar-thumb{border:2px solid var(--surface-2);border-radius:999px;background:var(--muted)}
.editor-modal-footer{
  position:relative;z-index:2;display:flex;flex:0 0 auto;justify-content:flex-end;gap:10px;
  padding:14px 18px;border-top:1px solid var(--line);
  background:var(--surface)
}
.editor-modal-overlay.has-child-editor-modal{
  overflow:visible;backdrop-filter:none
}
.editor-modal-overlay.has-child-editor-modal>.editor-modal-dialog,
.editor-modal-overlay.has-child-editor-modal>.editor-modal-dialog>.editor-modal-scroll{
  overflow:visible
}
.editor-modal-card{
  min-width:0;display:grid;gap:14px;padding:17px;border:1px solid var(--line);
  border-radius:14px;background:var(--surface)
}
.editor-modal-card label{display:grid;gap:6px;font-size:13px;font-weight:750}
.editor-modal-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.editor-modal-section-heading h3{margin:0;font-size:17px}
.editor-modal-section-heading p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:500}

.block-appearance,.block-color-settings{min-width:0;max-width:100%}
.block-appearance{display:grid;gap:14px;overflow:visible}
.block-color-settings{display:grid;gap:8px}
.block-color-setting{
  min-width:0;max-width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)
}
.block-setting-copy{display:grid;flex:0 0 110px;gap:2px;min-width:0}
.block-setting-copy strong{font-size:13px}
.block-setting-copy small{color:var(--muted);font-size:11px}
.block-color-setting .color-grid{
  flex:1 1 0;width:auto;min-width:0;max-width:100%;justify-content:flex-start;overflow:visible
}
.block-color-grid .color-swatch span,.block-color-grid .color-swatch-custom{width:28px;height:28px}
.block-color-grid .color-swatch-custom>span{width:100%;height:100%}
.block-pattern-picker{
  padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)
}
.block-pattern-picker .pattern-mode-switch{grid-template-columns:repeat(3,1fr)}
.page-background-mode-switch{grid-template-columns:repeat(3,1fr)}
.background-image-settings{display:grid;gap:13px}.background-image-settings[hidden]{display:none}
.background-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.background-image-chip{position:relative;display:block!important}.background-image-chip input{position:absolute;opacity:0}
.background-image-chip span{display:block;aspect-ratio:1;border:2px solid var(--line);border-radius:9px;background:var(--background-thumb) center/cover;cursor:pointer}
.background-image-chip input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}
.background-upload{padding:11px;border:1px dashed var(--line);border-radius:9px;background:var(--surface);cursor:pointer}
.block-radius-setting{display:grid;gap:7px;font-size:13px;font-weight:750}
.block-radius-setting output{color:var(--muted)}
.block-radius-setting input{padding:0}
.matrix-setting{display:grid;gap:9px;width:max-content;max-width:100%;margin-inline:auto}
.matrix-setting>span{display:flex;justify-content:space-between;gap:14px;font-size:13px;font-weight:800}
.matrix-grid{display:grid;grid-template-columns:repeat(6,22px);gap:4px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.matrix-grid button{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);box-shadow:none}
.matrix-grid button.is-selected{border-color:var(--accent);background:var(--accent-soft)}
.product-editor-list{display:grid;gap:10px}
.product-editor.item-editor{
  position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto 34px;
  align-items:center;gap:10px;padding:9px;border-radius:10px;background:var(--bg)
}
.product-editor-thumb{
  display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:1px solid var(--line);
  border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:21px
}
.product-editor-thumb img{width:100%;height:100%;object-fit:cover}
.product-editor-summary{gap:3px}
.product-image-picker{cursor:pointer}
.product-image-picker>input{font-weight:500}
.product-image-preview{
  display:grid;place-items:center;width:100%;min-height:220px;overflow:hidden;border:1px dashed var(--line);
  border-radius:12px;background:var(--surface-2);color:var(--muted)
}
.product-image-preview img{display:block;width:100%;height:260px;object-fit:cover}
.product-price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.page-commerce-settings{min-width:0;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.page-commerce-settings legend{padding:0 6px;color:var(--text);font-size:13px;font-weight:850}
.page-commerce-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:10px}
.page-commerce-grid label{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800}
.page-commerce-grid select,.page-commerce-grid input{width:100%;min-width:0;min-height:43px;border-color:var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-weight:700}
.page-commerce-grid select:focus,.page-commerce-grid input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.gallery-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.gallery-mode-switch label{position:relative}
.gallery-mode-switch input{position:absolute;opacity:0;pointer-events:none}
.gallery-mode-switch span{
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:8px 12px;
  border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--muted);cursor:pointer
}
.gallery-mode-switch svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gallery-mode-switch input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.gallery-grid-settings[hidden]{display:none}
.gallery-image-editor-list,.article-editor-list{display:grid;gap:10px}
.gallery-image-editor{
  display:grid;grid-template-columns:64px minmax(0,1fr) 34px;align-items:center;gap:11px;
  padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg)
}
.gallery-image-thumb{
  display:grid!important;place-items:center;width:64px;height:64px;overflow:hidden;border:1px dashed var(--line);
  border-radius:10px;background:var(--surface-2);color:var(--accent);cursor:pointer
}
.gallery-image-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-image-thumb>span{font-size:25px;font-weight:500}
.gallery-caption-field{min-width:0}
.gallery-caption-field>span{display:flex;align-items:baseline;gap:5px}
.gallery-caption-field small,.article-editor-fields label>small{color:var(--muted);font-weight:500}
.article-editor{
  display:grid;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)
}
.article-editor-heading{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:10px}
.article-editor-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.article-editor-heading>div{display:grid;gap:2px;min-width:0}
.article-editor-heading strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.article-editor-heading small{color:var(--muted);font-size:11px}
.article-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.article-editor-wide{grid-column:1/-1}
.article-editor-fields textarea{resize:vertical}
.wysiwyg{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.wys-align-control{display:grid;gap:7px;min-height:46px}
.wys-align-switch{
  display:grid;grid-template-columns:repeat(4,42px);gap:4px;width:max-content;padding:4px;
  border:1px solid var(--line);border-radius:9px;background:var(--surface-2)
}
.wys-align-switch label{position:relative;display:block;width:42px;height:36px}
.wys-align-switch span{
  display:flex;align-items:center;justify-content:center;width:42px;height:36px;
  border-radius:6px;color:var(--muted);cursor:pointer
}
.wys-align-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.wys-align-switch input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0001}
.wysiwyg-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.wysiwyg-toolbar button{min-width:34px;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);box-shadow:none}
.text-format-field{position:relative;min-width:0}
.text-format-field>label{display:grid;gap:6px}
.text-format-field-input input{padding-right:86px}
.text-format-field-textarea textarea{padding-top:42px}
.inline-align-switch{display:flex;gap:1px;padding:1px;border:0;border-radius:7px;background:transparent}
.text-format-field-input>.inline-align-switch{position:absolute;right:6px;bottom:5px}
.text-format-field-textarea>.inline-align-switch{position:absolute;right:6px;top:29px}
.inline-align-switch label{position:relative;display:block!important}
.inline-align-switch input{position:absolute!important;opacity:0;pointer-events:none}
.inline-align-switch span{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:5px;color:var(--muted);cursor:pointer}
.inline-align-switch input:checked+span{background:var(--accent-soft);color:var(--accent);box-shadow:none}
.inline-align-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round}
.wys-inline-align{position:static;margin-left:auto}
.wysiwyg-area{min-height:180px;padding:15px;outline:0;line-height:1.55}
.wysiwyg-area:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}
.wysiwyg-area table,.public-rich-text table{width:100%;border-collapse:collapse}
.wysiwyg-area th,.wysiwyg-area td,.public-rich-text th,.public-rich-text td{padding:8px;border:1px solid currentColor;text-align:left}
@media(max-width:680px){
  .editor-modal-overlay{padding:8px}
  .editor-modal-dialog{
    height:calc(100vh - 16px);height:calc(var(--editor-modal-viewport,100vh) - 16px);
    max-height:none;border-radius:14px
  }
  .editor-modal-header{min-height:78px;padding:14px 68px 14px 16px}
  .editor-modal-close{right:12px!important;top:17px!important}
  .editor-modal-scroll{padding:10px}
  .editor-modal-card{padding:13px}
  .block-color-setting{align-items:flex-start;flex-direction:column}
  .block-color-setting .color-grid{width:100%;justify-content:flex-start}
  .product-price-row{grid-template-columns:1fr}
  .block-add-menu{position:fixed;right:12px;left:12px;top:auto;bottom:12px;width:auto}
  .gallery-mode-switch,.article-editor-fields{grid-template-columns:1fr}
  .article-editor-wide{grid-column:1}
  .floor-editor-row{flex-wrap:wrap}
  .floor-editor-row>.floor-editor-summary{min-width:calc(100% - 32px)}
  .product-editor.item-editor{grid-template-columns:46px minmax(0,1fr) 34px}
  .product-editor-thumb{width:46px;height:46px}
  .product-editor>[data-open-product-editor]{grid-column:2/3;justify-self:start}
  .product-editor>.product-remove{grid-column:3;grid-row:1}
}
@media(max-height:820px) and (min-width:681px){
  .editor-modal-overlay{padding:10px}
  .editor-modal-dialog{
    height:calc(100vh - 20px);height:calc(var(--editor-modal-viewport,100vh) - 20px);
    max-height:none;border-radius:14px
  }
  .editor-modal-header{min-height:64px;padding:9px 64px 9px 16px}
  .editor-modal-header h2{font-size:21px}
  .editor-modal-close{right:12px!important;top:11px!important}
  .editor-modal-scroll{gap:10px;padding:10px 12px}
  .editor-modal-footer{padding:9px 12px}
  .editor-modal-footer .button{min-height:40px}
  .editor-modal-card{gap:10px;padding:12px}
  .editor-modal-section-heading p{margin-top:1px}
  .product-image-preview{min-height:150px}
  .product-image-preview img{height:180px}
  .wysiwyg-area{min-height:130px}
}
.preview-blocks{display:grid;gap:10px;margin-top:16px}
.preview-floor,.public-page-block{
  position:relative;isolation:isolate;overflow:hidden;background:var(--floor-bg);
  color:var(--floor-fg);border-radius:var(--floor-radius);text-align:left
}
.preview-floor:before,.public-page-block:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--pattern-color);
  opacity:var(--pattern-opacity);-webkit-mask:var(--page-pattern,none) repeat center/180px;
  mask:var(--page-pattern,none) repeat center/180px
}
.preview-floor[data-background-mode]:not([data-background-mode="pattern"]):before,
.public-page-block[data-background-mode]:not([data-background-mode="pattern"]):before{display:none}
.preview-floor:after,.public-page-block:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--floor-image) center/cover no-repeat;
  opacity:var(--floor-image-opacity,0)
}
.preview-floor:not([data-background-mode="image"]):after,
.public-page-block:not([data-background-mode="image"]):after{display:none}
.preview-floor[data-pattern="none"]:before,.public-page-block[data-pattern="none"]:before{display:none}
.preview-floor>* ,.public-page-block>*{position:relative;z-index:1}
.preview-floor{display:grid;gap:7px;padding:13px}
.preview-floor i{display:block;padding:7px;border:1px solid color-mix(in srgb,var(--floor-fg) 20%,transparent);border-radius:7px;font-style:normal}
.preview-floor b{padding:8px;border-radius:7px;background:var(--floor-accent);color:var(--floor-button-fg,#fff);text-align:center}
.preview-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.preview-product-card{
  min-width:0;display:flex;flex-direction:column;gap:5px;padding:7px;
  border:1px solid color-mix(in srgb,var(--floor-fg) 18%,transparent);
  border-radius:calc(var(--floor-radius) * .7);background:color-mix(in srgb,var(--floor-bg) 90%,#fff 10%)
}
.preview-product-image{
  display:grid;place-items:center;width:100%;aspect-ratio:4/3;overflow:hidden;
  border-radius:calc(var(--floor-radius) * .5);background:color-mix(in srgb,var(--floor-fg) 8%,transparent);
  color:color-mix(in srgb,var(--floor-fg) 45%,transparent)
}
.preview-product-image img{width:100%;height:100%;object-fit:cover}
.preview-product-card>strong{
  min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font-size:11px;line-height:1.25
}
.preview-product-card>small{overflow:hidden;color:inherit;opacity:.72;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.preview-product-card>b{margin-top:auto;padding:5px!important;border-radius:5px!important;font-size:9px}
.preview-gallery{display:grid;gap:6px}
.preview-gallery.is-slider{grid-template-columns:1fr}
.preview-gallery.is-grid{grid-template-columns:repeat(var(--preview-gallery-columns,3),minmax(0,1fr))}
.preview-gallery-image{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--floor-radius) * .55);background:color-mix(in srgb,var(--floor-fg) 8%,transparent)}
.preview-gallery-image img{width:100%;height:100%;object-fit:cover}
.preview-gallery.is-slider .preview-gallery-image:not(:first-child){display:none}
.preview-articles{display:grid;gap:7px}
.preview-article{display:grid;gap:3px;padding:8px;border:1px solid color-mix(in srgb,var(--floor-fg) 16%,transparent);border-radius:calc(var(--floor-radius) * .65);text-align:left}
.preview-article time{opacity:.6;font-size:8px}
.preview-article strong{font-size:11px}
.preview-article span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;opacity:.78}
.public-page-inner{width:min(1040px,100%)}
.public-buttons,.public-bio{width:min(620px,100%);margin-inline:auto}
.public-page-blocks{display:grid;gap:20px;margin:28px auto;width:100%}
.public-page-block{padding:clamp(18px,3vw,30px);box-shadow:0 12px 35px #0002}
.public-page-block-text,.public-page-block-catalog,.public-page-block-shop,.public-page-block-contact{box-sizing:border-box;width:min(620px,100%);margin-inline:auto}
.public-page-block-gallery{box-sizing:border-box;width:min(620px,100%);max-width:100%;margin-inline:auto;overflow:hidden}
.public-page-block-news{box-sizing:border-box;width:min(760px,100%);margin-inline:auto}
.public-page-block>h2{margin:0 0 18px;font-size:clamp(22px,4vw,32px);letter-spacing:-.03em;text-align:var(--floor-title-align,center)}
.public-page-block-text>h2{text-align:var(--floor-title-align,center)}
.preview-floor>strong{display:block;text-align:var(--floor-title-align,center)}
.row-drag-handle{flex:0 0 30px;width:30px;min-height:38px;padding:0;border:0;background:transparent;box-shadow:none;letter-spacing:-2px;cursor:grab}
.row-drag-handle:active{cursor:grabbing}
.item-editor.is-dragging{opacity:.55}
.block-height-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.branding-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.branding-setting>span{display:grid;gap:2px}.branding-setting small{color:var(--muted)}
.branding-setting.is-premium-locked{opacity:.62}
.block-height-setting>span{display:grid;gap:2px}
.block-height-setting small{color:var(--muted)}
.compact-segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.compact-segmented label{position:relative}
.compact-segmented input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.compact-segmented span{display:block;padding:7px 10px;border-radius:6px;color:var(--muted);cursor:pointer}
.compact-segmented input:checked+span{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #0001}
.compact-segmented input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:1px}
@media(max-width:680px){
  .public-page-block[data-mobile-height="screen"]{
    box-sizing:border-box;width:100%;min-height:100vh;min-height:100svh;height:100dvh;
    display:flex;flex-direction:column;justify-content:center;background-size:cover
  }
  .block-height-setting{align-items:flex-start;flex-direction:column}
  .compact-segmented{width:100%}
  .compact-segmented label{flex:1}
  .compact-segmented span{text-align:center}
  .background-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.device-preview[data-size="mobile"] .preview-floor[data-mobile-height="screen"]{
  box-sizing:border-box;min-height:620px;display:flex;flex-direction:column;justify-content:center
}
.public-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;text-align:left}
.public-contact-form label{display:grid;gap:6px;font-size:13px;font-weight:750}
.public-contact-form label:nth-of-type(3),.public-contact-consent,.public-contact-form>.public-floor-button{grid-column:1/-1}
.public-contact-form input,.public-contact-form textarea{
  border-color:color-mix(in srgb,var(--floor-fg) 18%,transparent);background:color-mix(in srgb,var(--floor-bg) 88%,#fff 12%);color:var(--floor-fg)
}
.public-contact-consent{display:flex!important;align-items:flex-start;grid-template-columns:auto 1fr!important;font-weight:500!important}
.public-contact-consent input{width:18px;height:18px;flex:none}
.contact-honeypot{position:absolute!important;left:-9999px!important}
.public-floor-button{
  display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;
  border:0;border-radius:calc(var(--floor-radius) * .65);background:var(--floor-accent);color:var(--floor-button-fg,#fff);
  font-weight:800;box-shadow:0 7px 18px #0002
}
.public-cart-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:center;gap:7px;min-width:58px;height:50px;padding:0 15px;border:0;border-radius:25px;background:var(--button-bg);color:var(--button-fg);box-shadow:0 12px 30px #0004;font-weight:850}.public-cart-fab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.public-cart-fab span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--page-bg);color:var(--page-fg);font-size:12px}.public-cart-dialog,.order-editor-dialog{width:min(720px,calc(100% - 24px));max-height:min(88dvh,900px);overflow:auto;padding:24px;border:0;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px #0006}.public-cart-dialog::backdrop,.order-editor-dialog::backdrop{background:#101828aa;backdrop-filter:blur(4px)}.public-cart-dialog h2{margin:0 44px 18px 0}.public-cart-items{display:grid;gap:8px}.public-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.public-cart-item>div:first-child{display:grid;gap:2px;min-width:0}.public-cart-item small{color:var(--muted)}.cart-quantity{display:flex;align-items:center;gap:7px}.cart-quantity button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);box-shadow:none}.public-cart-total{display:flex;justify-content:space-between;margin:14px 0;padding-top:14px;border-top:1px solid var(--line);font-size:18px}.public-order-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.public-order-form label{display:grid;gap:5px;text-align:left;font-size:13px;font-weight:750}.public-order-form label:first-of-type,.public-order-form label:nth-of-type(n+4),.public-order-form>.public-floor-button{grid-column:1/-1}
.public-cart-fab:not(.has-items){display:none}
.orders-search{display:flex;gap:8px;flex-wrap:wrap}.orders-search input{min-width:260px}.orders-list{display:grid;gap:12px}.order-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.order-card-main{display:grid;grid-template-columns:1.1fr 1.3fr minmax(300px,1.5fr) auto auto;align-items:center;gap:14px}.order-card-main>div{display:grid;gap:3px;min-width:0}.order-card-main small{color:var(--muted);overflow-wrap:anywhere}.order-quick-state{display:grid;gap:5px;min-width:0}.order-quick-state .compact-segmented{min-width:0}.order-quick-state .compact-segmented span{padding:5px 7px;font-size:11px;text-align:center}.order-total{white-space:nowrap}.order-editor-dialog>header h2{margin:5px 44px 18px 0}.order-editor-dialog form{display:grid;gap:16px}.order-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-state-grid fieldset{min-width:0}.order-state-grid .compact-segmented{flex-wrap:wrap}.order-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-customer-grid label{display:grid;gap:5px;font-size:13px;font-weight:750}.order-customer-grid .wide{grid-column:1/-1}.order-items-editor{display:grid;gap:10px}.order-item-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 90px 34px;gap:8px;margin-top:8px}.order-editor-dialog footer{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:8px;margin:4px -24px -24px;padding:13px 24px;background:var(--surface);border-top:1px solid var(--line)}
@media(max-width:760px){.public-order-form,.order-state-grid,.order-customer-grid{grid-template-columns:1fr}.public-order-form label,.public-order-form label:nth-of-type(n+4),.public-order-form>.public-floor-button,.order-customer-grid .wide{grid-column:1}.public-cart-dialog,.order-editor-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);padding:16px;border-radius:13px}.order-card-main{grid-template-columns:1fr}.order-item-row{grid-template-columns:1fr 90px 70px 34px}.orders-search,.orders-search input,.orders-search select,.orders-search button{width:100%;min-width:0}.order-editor-dialog footer{bottom:-16px;margin:4px -16px -16px;padding:11px 16px}}
.public-cart-dialog{background:var(--page-bg);color:var(--page-fg);border-radius:var(--button-radius)}
.public-cart-dialog .public-dialog-close{border:0;background:color-mix(in srgb,var(--button-bg) var(--button-opacity,100%),transparent);color:var(--button-fg);box-shadow:0 4px 0 color-mix(in srgb,var(--button-bg) 72%,#000 28%)}
.public-link-page[data-button-style="outline"] .public-cart-dialog .public-dialog-close{border:2px solid color-mix(in srgb,var(--button-bg) var(--button-opacity,100%),transparent);background:var(--page-bg);color:var(--button-bg);box-shadow:0 4px 0 color-mix(in srgb,var(--button-bg) 28%,transparent)}
.public-cart-dialog input:not([type="checkbox"]):not([type="radio"]),.public-cart-dialog textarea{background:color-mix(in srgb,var(--page-bg) 88%,#fff 12%);color:var(--page-fg);border-color:color-mix(in srgb,var(--page-fg) 20%,transparent)}
.public-cart-dialog .public-cart-item{border-color:color-mix(in srgb,var(--page-fg) 18%,transparent);border-radius:var(--button-radius);background:color-mix(in srgb,var(--page-bg) 90%,#fff 10%)}
.public-cart-dialog .public-cart-item small,.public-cart-dialog .public-cart-total,.public-cart-vat{color:inherit}
.public-cart-vat{margin:-6px 0 14px;opacity:.72;font-size:13px}
.public-cart-dialog .cart-quantity button{border-color:color-mix(in srgb,var(--page-fg) 20%,transparent);background:color-mix(in srgb,var(--page-bg) 88%,#fff 12%);color:inherit}
.public-cart-dialog .public-order-form>.public-floor-button{
  border:2px solid transparent;border-radius:var(--button-radius);
  background:color-mix(in srgb,var(--button-bg) var(--button-opacity,100%),transparent);
  color:var(--button-fg);box-shadow:0 7px 18px #0002
}
.public-link-page[data-button-style="outline"] .public-cart-dialog .public-order-form>.public-floor-button{
  border-color:color-mix(in srgb,var(--button-bg) var(--button-opacity,100%),transparent);
  background:transparent;color:var(--button-bg);box-shadow:none
}

.orders-filter{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(135px,auto)) auto auto;align-items:center;margin:0 0 14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.orders-filter input,.orders-filter select{width:100%;min-width:0;height:38px;padding-top:6px;padding-bottom:6px}
.orders-filter .button{min-height:38px;white-space:nowrap}
.order-quick-state select{width:100%;min-width:150px;height:34px;padding:4px 30px 4px 9px;font-size:12px}
.order-page-select{display:grid;gap:5px;font-size:13px;font-weight:750}
@media(max-width:1000px){.orders-filter{grid-template-columns:minmax(200px,1fr) 1fr 1fr}.orders-filter .button{width:100%}}
@media(max-width:620px){.orders-filter{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start}.dashboard-heading>.button{width:100%}}
.public-products{display:grid;grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr));gap:10px}
.public-product-card{display:flex;min-width:0;flex-direction:column;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--floor-fg) 16%,transparent);border-radius:var(--floor-radius);background:color-mix(in srgb,var(--floor-bg) 90%,#fff 10%)}
.public-product-card>img,.public-product-image-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--floor-radius) * .7)}
.public-product-image-placeholder{display:grid;place-items:center;background:color-mix(in srgb,var(--floor-fg) 8%,transparent);color:color-mix(in srgb,var(--floor-fg) 42%,transparent);font-size:28px}
.public-product-card h3{min-width:0;margin:0;overflow-wrap:anywhere;font-size:15px}.public-product-card p{margin:0;opacity:.78;font-size:12px;overflow-wrap:anywhere}.public-product-card .public-floor-button{margin-top:auto}
.product-public-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.product-public-price del{opacity:.55;font-size:12px}.product-public-price strong{font-size:18px}
.public-products[data-columns="4"],.public-products[data-columns="5"],.public-products[data-columns="6"]{gap:7px}
.public-products[data-columns="4"] .public-product-card,.public-products[data-columns="5"] .public-product-card,.public-products[data-columns="6"] .public-product-card{gap:6px;padding:7px;border-radius:calc(var(--floor-radius) * .72)}
.public-products[data-columns="4"] .public-product-card h3,.public-products[data-columns="5"] .public-product-card h3,.public-products[data-columns="6"] .public-product-card h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;line-height:1.22}
.public-products[data-columns="4"] .public-product-card p,.public-products[data-columns="5"] .public-product-card p,.public-products[data-columns="6"] .public-product-card p{display:none}
.public-products[data-columns="4"] .product-public-price strong,.public-products[data-columns="5"] .product-public-price strong,.public-products[data-columns="6"] .product-public-price strong{font-size:12px}
.public-products[data-columns="5"] .product-public-price del,.public-products[data-columns="6"] .product-public-price del{display:none}
.public-products[data-columns="4"] .public-floor-button,.public-products[data-columns="5"] .public-floor-button,.public-products[data-columns="6"] .public-floor-button{min-height:32px;padding:6px 4px;font-size:10px}
.public-gallery-slider{display:grid;width:100%;max-width:100%;min-width:0;gap:12px;overflow:hidden}
.public-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--floor-radius);scrollbar-width:none}
.public-gallery-track::-webkit-scrollbar{display:none}
.public-gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}
.public-gallery-slide>button,.public-gallery-grid figure>button{
  display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:calc(var(--floor-radius) * .75);
  background:color-mix(in srgb,var(--floor-fg) 8%,transparent);box-shadow:none;cursor:zoom-in
}
.public-gallery-slide img{display:block;width:100%;height:clamp(260px,58vw,540px);object-fit:contain}
.public-gallery-slide figcaption,.public-gallery-grid figcaption{margin-top:7px;font-size:12px;opacity:.72;text-align:center}
.public-gallery-controls{display:flex;align-items:center;justify-content:center;gap:12px}
.public-gallery-controls button{
  display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;
  background:var(--floor-accent);color:var(--floor-button-fg,#fff);box-shadow:0 5px 14px #0002
}
.public-gallery-controls span{min-width:58px;font-size:12px;font-weight:750;text-align:center}
.public-gallery-grid{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));gap:10px;overflow:hidden}
.public-gallery-grid figure{min-width:0;margin:0}
.public-gallery-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .2s}
.public-gallery-grid button:hover img{transform:scale(1.035)}
.public-article-list{display:grid;width:100%;max-width:100%;min-width:0;gap:11px;overflow:hidden}
.public-article-card{min-width:0}
.public-article-preview{
  display:grid;width:100%;gap:7px;padding:16px;border:1px solid color-mix(in srgb,var(--floor-fg) 16%,transparent);
  border-radius:var(--floor-radius);background:color-mix(in srgb,var(--floor-bg) 90%,#fff 10%);
  color:var(--floor-fg);text-align:left;box-shadow:none
}
button.public-article-preview{cursor:pointer}
button.public-article-preview:hover{border-color:var(--floor-accent);transform:translateY(-1px);box-shadow:0 8px 22px #0001}
.public-article-preview time,.article-dialog time{opacity:.58;font-size:11px;font-weight:750}
.public-article-preview h3{margin:0;font-size:19px;letter-spacing:-.02em}
.public-article-preview p{margin:0;opacity:.78;font-size:13px;line-height:1.55}
.public-article-preview>span{color:var(--floor-accent);font-size:12px;font-weight:800}
.public-content-dialog{
  position:fixed!important;inset:0!important;width:min(760px,calc(100% - 28px));max-width:none;max-height:calc(100vh - 28px);
  margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);
  box-shadow:0 30px 100px #0007;overflow:auto
}
.public-content-dialog::backdrop{background:#08111dcc;backdrop-filter:blur(7px)}
.public-dialog-close{
  position:sticky;z-index:3;float:right;top:14px;right:14px;width:44px;height:44px;margin:14px;padding:0;
  border:0;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-2)
}
.public-dialog-close:before,.public-dialog-close:after{content:"";position:absolute;left:12px;top:21px;width:20px;height:2px;border-radius:2px;background:currentColor}
.public-dialog-close:before{transform:rotate(45deg)}.public-dialog-close:after{transform:rotate(-45deg)}
.gallery-lightbox{width:min(1120px,calc(100% - 28px));background:#0e1118;color:#fff}
.gallery-lightbox>img{display:block;width:100%;max-height:calc(100vh - 110px);object-fit:contain}
.gallery-lightbox>p{margin:0;padding:12px 24px 20px;text-align:center}
.article-dialog{padding:clamp(24px,5vw,48px)}
.article-dialog .public-dialog-close{margin:-10px -10px 10px 18px}
.article-dialog h2{margin:8px 0 20px;font-size:clamp(28px,5vw,44px);letter-spacing:-.04em}
.article-dialog-body{line-height:1.7;white-space:normal}
.public-rich-text{min-width:0;line-height:1.65;text-align:var(--floor-text-align,left);overflow-wrap:anywhere}.public-rich-text h2,.public-rich-text h3{letter-spacing:-.02em}.public-rich-text a{text-decoration:underline;font-weight:750}.public-rich-text blockquote{margin:1em 0;padding-left:14px;border-left:4px solid var(--floor-accent)}.public-rich-text table{display:block;max-width:100%;overflow-x:auto}
.preview-floor[data-block-type="text"]{text-align:var(--floor-text-align,left)}
.page-settings-primary{order:1;width:100%;border-radius:14px}
.page-settings-appearance{order:2;width:100%;border-radius:14px}
.page-settings-appearance .page-settings-subtitle{margin:0;font-size:17px}
.premium-blocks-section{order:3;border-radius:14px}
.editor-controls>.button-block{order:4}
.block-add-option.is-premium-module{opacity:.68}
.block-add-option.is-premium-module:hover{opacity:1}

/* Compact, familiar controls in the page editor and account tables. */
.editor-toolbar-icon{
  display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;
  border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);
  box-shadow:0 3px 0 var(--line)
}
.editor-toolbar-icon:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--line)}
.editor-toolbar-icon:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
.editor-toolbar-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.editor-toolbar-delete{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger);color:#fff;box-shadow:0 3px 0 #751425}
.editor-toolbar-delete:hover{box-shadow:0 5px 0 #751425}
.editor-toolbar-visibility svg path:last-child{stroke:var(--danger)}
.copy-icon-button{
  display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);
  border-radius:9px;background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--line)
}
.copy-icon-button span{position:relative;width:16px;height:16px;border:1.8px solid currentColor;border-radius:4px}
.copy-icon-button span:before{content:"";position:absolute;width:13px;height:13px;right:4px;bottom:4px;border:1.8px solid currentColor;border-radius:4px;background:var(--surface)}
.copy-icon-button:hover{color:var(--accent);transform:translateY(-1px);box-shadow:0 5px 0 var(--line)}
.link-access-tools>summary{min-width:42px;padding:0 10px;font-size:20px;line-height:1;letter-spacing:2px}

@media(max-width:760px){
  .editor-toolbar{align-items:center}
  .editor-toolbar>.button-row{margin-left:auto;gap:7px}
  .floor-editor-row{
    display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px
  }
  .floor-editor-row>.floor-drag-handle{grid-column:1;grid-row:1/3}
  .floor-editor-row>.floor-editor-summary{grid-column:2;grid-row:1;min-width:0}
  .floor-editor-row>[data-open-block-editor]{grid-column:2;grid-row:2;justify-self:start}
  .floor-editor-row>.floor-editor-actions{grid-column:3;grid-row:1/3;align-self:center}
  .floor-editor-row>.editor-modal-overlay{display:grid}
  .floor-editor-row>.editor-modal-overlay[hidden]{display:none}
  .block-add-menu{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:calc(100dvh - 96px);overflow:auto}
}
.preview-floor[data-block-type="links"] .preview-links,
.public-page-block-links .public-buttons{width:100%}
.preview-floor[data-block-type="socials"] .preview-socials,
.public-page-block-socials .public-socials{margin:0}
.public-page-block-links,.public-page-block-socials,.public-page-block-news{
  box-sizing:border-box;width:min(620px,100%);margin-inline:auto
}
.public-page-block-socials .public-socials a{color:var(--floor-fg)}
.preview-floor[data-block-type="socials"] .preview-socials{color:var(--floor-fg)}
.preview-floor[data-transparent="1"],.public-page-block[data-transparent="1"]{
  padding:0;overflow:visible;box-shadow:none
}
.preview-floor[data-transparent="1"]:before,.public-page-block[data-transparent="1"]:before{border-radius:var(--floor-radius)}
.subscription-form{display:flex;align-items:end;gap:7px;min-width:270px}.subscription-form label{display:grid;gap:4px;font-size:11px}.subscription-form input{min-width:145px;padding:8px}
@media(max-width:900px){
  .public-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-gallery-grid[data-columns="4"],.public-gallery-grid[data-columns="5"],.public-gallery-grid[data-columns="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .product-price-row,.page-commerce-grid,.public-contact-form{grid-template-columns:1fr}
  .public-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-contact-form label,.public-contact-form label:nth-of-type(3),.public-contact-consent,.public-contact-form>.public-floor-button{grid-column:1}
}

/* Current page styles and real premium pages in the home showcase */
.showcase-phone-violet{--demo-bg:linear-gradient(145deg,#44249a,#8f3fd1 58%,#ec78ce);--demo-accent:#f7d8ff}
.showcase-phone-coral{--demo-bg:linear-gradient(155deg,#fff6ef,#ffd5cd 58%,#ffb19e)}
.showcase-phone-mint{--demo-bg:linear-gradient(150deg,#f2fff0,#c9f2d5 54%,#8eddbd)}
.showcase-phone-blue{--demo-bg:linear-gradient(160deg,#0a1833,#183b68 58%,#17699b)}
.showcase-phone-yellow{--demo-bg:linear-gradient(145deg,#fff1a8,#ffd34f 55%,#ff9d3f)}
.showcase-layout-glass .demo-links b,.showcase-layout-glass .demo-quote,.showcase-layout-glass .demo-audio{border:1px solid #fff5;background:color-mix(in srgb,var(--demo-card) 72%,transparent);backdrop-filter:blur(10px)}
.showcase-layout-soft .demo-calendar,.showcase-layout-soft .demo-links b{border-radius:18px;box-shadow:0 12px 30px #8e36351c}
.showcase-layout-outlined .demo-products>i,.showcase-layout-outlined .demo-links b,.showcase-layout-outlined .demo-calendar,.showcase-layout-outlined .demo-article{border:1px solid color-mix(in srgb,var(--demo-fg) 25%,transparent);background:color-mix(in srgb,var(--demo-card) 55%,transparent);box-shadow:none}
.showcase-layout-poster .demo-links b,.showcase-layout-poster .demo-article{border:2px solid color-mix(in srgb,var(--demo-fg) 72%,transparent);box-shadow:4px 4px 0 color-mix(in srgb,var(--demo-fg) 65%,transparent)}
.showcase-layout-editorial .demo-article{border:0;border-top:2px solid currentColor;border-radius:0;background:transparent}
.showcase-layout-bold .demo-products>i,.showcase-layout-bold .demo-article{border:2px solid var(--demo-fg);box-shadow:4px 4px 0 var(--demo-fg)}
.showcase-phone-live{--showcase-live-width:390px;--showcase-live-height:820px;--showcase-live-scale:.6;background:#15171d;cursor:pointer}
.showcase-phone-live iframe{position:absolute;top:9px;left:9px;display:block;width:var(--showcase-live-width);max-width:none;height:var(--showcase-live-height);border:0;border-radius:48px;background:#fff;overflow:hidden;pointer-events:none;transform:scale(var(--showcase-live-scale));transform-origin:top left}
.showcase-live-badge{position:absolute;z-index:6;left:50%;bottom:15px;max-width:calc(100% - 34px);padding:5px 9px;border:1px solid #fff6;border-radius:999px;background:#15171dcc;color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%);box-shadow:0 5px 15px #0005;backdrop-filter:blur(8px)}
@media(max-width:620px){.showcase-phone-live{--showcase-live-height:826px;--showcase-live-scale:.5230769231}.showcase-phone-live iframe{border-radius:52px}}

/* Editor walkthrough */
.editor-tour{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:260;width:min(390px,calc(100vw - 28px));padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(15,23,42,.27),0 8px 20px rgba(15,23,42,.12);backdrop-filter:blur(18px);opacity:0;transform:translateY(24px) scale(.96);transition:opacity .22s ease,transform .22s ease}
.editor-tour[hidden]{display:none}
.editor-tour.is-visible{opacity:1;transform:none}
.editor-tour.is-leaving{opacity:0;transform:translateY(24px) scale(.96)}
.editor-tour-close{position:absolute;right:-8px;top:-8px;z-index:2;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#191d2c;box-shadow:0 5px 0 rgba(15,23,42,.22),0 10px 20px rgba(15,23,42,.18);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.editor-tour-close:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(15,23,42,.22),0 13px 22px rgba(15,23,42,.2)}
.editor-tour-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
.editor-tour-sticker{--tour-color:#ffe56d;position:relative;min-height:190px;padding:28px 30px 27px;border-radius:21px;background:var(--tour-color);color:#171b2b;overflow:hidden;transition:background .24s ease}
.editor-tour-sticker:after{content:"";position:absolute;right:15px;bottom:13px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.72) 0,rgba(255,255,255,.32) 34%,rgba(95,70,220,.2) 68%,rgba(95,70,220,0) 100%);filter:blur(1px);opacity:.72;pointer-events:none}
.editor-tour-sticker[data-tone="pink"]{--tour-color:#ffb6d7}
.editor-tour-sticker[data-tone="blue"]{--tour-color:#9bdef9}
.editor-tour-sticker[data-tone="green"]{--tour-color:#bce978}
.editor-tour-sticker[data-tone="coral"]{--tour-color:#ffb091}
.editor-tour-sticker[data-tone="violet"]{--tour-color:#c7b8ff}
.editor-tour-kicker{display:block;margin-bottom:11px;font-size:.7rem;font-weight:900;letter-spacing:.14em;color:rgba(23,27,43,.62)}
.editor-tour-sticker h2{position:relative;z-index:1;margin:0 26px 10px 0;font-size:clamp(1.22rem,3.5vw,1.55rem);line-height:1.08;letter-spacing:-.025em}
.editor-tour-sticker p{position:relative;z-index:1;margin:0;max-width:32rem;font-size:.95rem;line-height:1.48;color:rgba(23,27,43,.8)}
.editor-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px 1px 10px}
.editor-tour-dots{display:flex;align-items:center;gap:6px;min-width:0}
.editor-tour-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#c7cbd8;cursor:pointer;transition:width .18s ease,background .18s ease}
.editor-tour-dots button.is-active{width:22px;background:#5957e8}
.editor-tour-arrows{display:flex;gap:8px}
.editor-tour-arrows button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#5957e8;box-shadow:0 4px 0 #3936a9,0 8px 15px rgba(89,87,232,.22);cursor:pointer;transition:transform .16s ease,opacity .16s ease}
.editor-tour-arrows button:hover:not(:disabled){transform:translateY(-2px)}
.editor-tour-arrows button:disabled{opacity:.32;cursor:default;box-shadow:none}
.editor-tour-arrows svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.editor-tour-target{position:relative;z-index:115;scroll-margin-block:120px 240px;outline:4px solid rgba(89,87,232,.48);outline-offset:5px;box-shadow:0 0 0 12px rgba(89,87,232,.1),0 20px 45px rgba(15,23,42,.18)!important;transition:outline-color .22s ease,box-shadow .22s ease}
.editor-tour-active,.editor-tour-active .editor-layout,.editor-tour-active .editor-controls{overflow-anchor:none}
html[data-theme="dark"] .editor-tour{border-color:rgba(255,255,255,.13);background:rgba(25,29,44,.93)}

@media (max-width:700px){
  .editor-tour{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:auto;border-radius:24px}
  .editor-tour-sticker{min-height:158px;padding:22px 24px 21px}
  .editor-tour-sticker h2{font-size:1.24rem}
  .editor-tour-sticker p{font-size:.88rem;line-height:1.42}
  .editor-tour-close{right:-4px;top:-10px;width:39px;height:39px}
  .editor-tour-target{scroll-margin-block:90px 285px}
}
@media (prefers-reduced-motion:reduce){
  .editor-tour,.editor-tour-close,.editor-tour-arrows button,.editor-tour-dots button{transition:none}
}

/* Centred editor save-status chip */
.editor-toolbar .save-state{position:absolute;left:50%;max-width:min(42vw,520px);padding:7px 13px;border:1px solid color-mix(in srgb,var(--muted) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 84%,transparent);color:var(--muted);font-size:12px;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 5px 16px rgba(15,23,42,.07);transform:translateX(-50%);transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.editor-toolbar .save-state.is-dirty{border-color:#f1b927;background:#fff2b8;color:#6e4a00;box-shadow:0 6px 18px rgba(241,185,39,.22)}
.editor-toolbar .save-state.is-saving{border-color:#75b9ff;background:#dceeff;color:#15518d}
.editor-toolbar .save-state.is-error{border-color:#ff8686;background:#ffe2e2;color:#a51f2b}
html[data-theme="dark"] .editor-toolbar .save-state.is-dirty{background:#5e4818;color:#ffe99d}
html[data-theme="dark"] .editor-toolbar .save-state.is-saving{background:#183f65;color:#bfe0ff}
html[data-theme="dark"] .editor-toolbar .save-state.is-error{background:#5f252c;color:#ffd0d4}
@media(max-width:760px){
  .editor-toolbar .save-state{position:static;order:3;width:auto;max-width:100%;margin:0 auto;transform:none}
}

/* Booking dialogs keep their close control outside the form flow. */
.booking-entity-dialog{position:relative}
.booking-entity-dialog>.public-dialog-close{position:absolute;float:none;top:16px;right:16px;margin:0}
.booking-entity-dialog>h2{min-height:44px;margin:0 58px 14px 0;display:flex;align-items:center}
.booking-form-tour{position:fixed;z-index:1005;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 28px));padding:12px;border:1px solid rgba(15,23,42,.13);border-radius:26px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:#171b2b;box-shadow:0 24px 70px #07111d55}
.booking-form-tour .booking-form-tour-close{position:absolute;z-index:2;right:7px;top:7px}
.booking-form-tour .editor-tour-sticker{min-height:178px;padding:25px 48px 23px 24px;border-radius:19px}
.booking-form-tour .editor-tour-footer{padding:10px 4px 1px}
.booking-form-tour-target{position:relative;z-index:2;outline:3px solid #6a5df2;outline-offset:4px;border-radius:10px;box-shadow:0 0 0 9px #6a5df21a}
@media(max-width:620px){
  .booking-form-tour{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:16px}
  .booking-entity-dialog>.public-dialog-close{top:12px;right:12px}
}

/* Direct block editing from the desktop preview. */
.preview-edit-block{position:absolute!important;z-index:5!important;right:8px;top:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d6dce5;border-radius:50%;background:#eef1f5;color:#465064;box-shadow:0 3px 0 #c8ced8,0 8px 18px #0002;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,background .16s ease}
.preview-edit-block:hover{background:#fff}
.preview-edit-block svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.preview-products{grid-template-columns:repeat(var(--preview-product-columns,2),minmax(0,1fr))}
.preview-rich-text{max-width:100%;overflow-wrap:anywhere;text-align:var(--floor-text-align,center)}
.preview-rich-text table{display:block;max-width:100%;overflow:auto}
@media(min-width:1001px){
  .preview-floor:hover>.preview-edit-block,.preview-edit-block:focus-visible{opacity:1;transform:none}
}
@media(max-width:1000px){.preview-edit-block{display:none}}

/* Global page-layout presets and width. */
.page-layout-settings{overflow:hidden}
.layout-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.layout-preset-chip{min-width:0}
.layout-preset-chip input{position:absolute;opacity:0;pointer-events:none}
.layout-preset-chip>span{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;min-height:78px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--bg);cursor:pointer}
.layout-preset-chip i{display:block;min-height:15px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,var(--surface))}
.layout-preset-chip i:nth-child(2){transform:translateY(5px)}
.layout-preset-chip i:nth-child(3){grid-column:1/-1}
.layout-preset-chip b{grid-column:1/-1;overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.layout-preset-chip input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.layout-preset-chip[data-layout-preview="clean-minimal"] i{border-radius:0;background:transparent;border-bottom:2px solid var(--accent)}
.layout-preset-chip[data-layout-preview="outlined"] i{background:transparent;border:1px solid var(--accent)}
.layout-preset-chip[data-layout-preview="elevated"] i{box-shadow:0 4px 7px #0003}
.layout-preset-chip[data-layout-preview^="asymmetric"] i:nth-child(2){transform:translate(8px,5px)}
.layout-preset-chip[data-layout-preview="square"] i{border-radius:0}
.layout-preset-chip[data-layout-preview="rounded"] i{border-radius:10px}
.page-width-setting{display:grid;gap:8px;margin-top:14px}
.page-width-setting>span{display:flex;justify-content:space-between}
.public-page-inner{width:min(var(--page-content-width,620px),100%)}
.public-buttons,.public-bio,.public-page-block,.public-page-block-text,.public-page-block-catalog,.public-page-block-shop,.public-page-block-contact,.public-page-block-gallery,.public-page-block-news,.public-page-block-booking{width:min(var(--page-content-width,620px),100%);max-width:100%;box-sizing:border-box;margin-inline:auto}
.link-page-preview .preview-blocks{width:min(var(--page-content-width,620px),100%);max-width:100%;margin-inline:auto}
.public-link-page[data-layout="clean-minimal"] .public-page-block,.link-page-preview[data-layout="clean-minimal"] .preview-floor{padding-inline:0;border-radius:0;background:transparent!important;box-shadow:none;border-bottom:1px solid color-mix(in srgb,var(--page-fg) 18%,transparent)}
.public-link-page[data-layout="outlined"] .public-page-block,.link-page-preview[data-layout="outlined"] .preview-floor{border:1px solid color-mix(in srgb,var(--page-fg) 28%,transparent);box-shadow:none}
.public-link-page[data-layout="elevated"] .public-page-block,.link-page-preview[data-layout="elevated"] .preview-floor{box-shadow:0 22px 55px #0004}
.public-link-page[data-layout="flat"] .public-page-block,.link-page-preview[data-layout="flat"] .preview-floor{border-radius:4px;box-shadow:none}
.public-link-page[data-layout="longread"] .public-page-inner,.link-page-preview[data-layout="longread"]{text-align:left}.public-link-page[data-layout="longread"] .public-avatar{margin-left:0}.public-link-page[data-layout="longread"] .public-bio{margin-left:0}.public-link-page[data-layout="longread"] .public-page-block{box-shadow:none;border-radius:0;padding-inline:0}
.public-link-page[data-layout="editorial"] .public-page-blocks{gap:36px}.public-link-page[data-layout="editorial"] .public-page-block{border-top:3px double currentColor;border-radius:0;box-shadow:none}
.public-link-page[data-layout="compact"] .public-page-blocks,.link-page-preview[data-layout="compact"] .preview-blocks{gap:8px}.public-link-page[data-layout="compact"] .public-page-block{padding:12px}
.public-link-page[data-layout="spacious"] .public-page-blocks,.link-page-preview[data-layout="spacious"] .preview-blocks{gap:42px}.public-link-page[data-layout="spacious"] .public-page-block{padding:clamp(28px,6vw,58px)}
.public-link-page[data-layout="glass"] .public-page-block,.link-page-preview[data-layout="glass"] .preview-floor{border:1px solid #fff6;background:color-mix(in srgb,var(--floor-bg) 72%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 45px #0002}
.public-link-page[data-layout="bold"] .public-page-block,.link-page-preview[data-layout="bold"] .preview-floor{border:3px solid var(--floor-fg);box-shadow:8px 8px 0 var(--floor-fg)}
.public-link-page[data-layout="monochrome"] .public-page-inner,.link-page-preview[data-layout="monochrome"]{filter:grayscale(1)}
.public-link-page[data-layout="rounded"] .public-page-block,.link-page-preview[data-layout="rounded"] .preview-floor{border-radius:32px;box-shadow:0 14px 35px #0002}
.public-link-page[data-layout="square"] .public-page-block,.link-page-preview[data-layout="square"] .preview-floor{border-radius:0!important}
.public-link-page[data-layout="stacked"] .public-page-blocks,.link-page-preview[data-layout="stacked"] .preview-blocks{gap:0}.public-link-page[data-layout="stacked"] .public-page-block{margin-top:-1px;border:1px solid color-mix(in srgb,var(--page-fg) 18%,transparent);border-radius:0;box-shadow:none}
.public-link-page[data-layout="poster"] h1{font-weight:950;text-transform:uppercase}.public-link-page[data-layout="poster"] .public-page-block{border:2px solid var(--floor-fg);box-shadow:6px 6px 0 var(--floor-fg)}
@media(min-width:761px){
  .public-link-page[data-layout="asymmetric-left"] .public-page-block:nth-child(even){transform:translateX(-7%)}
  .public-link-page[data-layout="asymmetric-left"] .public-page-block:nth-child(odd){transform:translateX(5%)}
  .public-link-page[data-layout="asymmetric-right"] .public-page-block:nth-child(even){transform:translateX(7%)}
  .public-link-page[data-layout="asymmetric-right"] .public-page-block:nth-child(odd){transform:translateX(-5%)}
}
@media(max-width:620px){.layout-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.public-products{grid-template-columns:1fr}.gallery-image-editor{grid-template-columns:52px minmax(0,1fr) 32px}.gallery-image-thumb{width:52px;height:52px}}

/* Order state panels share the platform card and control language. */
.order-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.order-state-panel{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);box-shadow:0 7px 18px rgba(15,23,42,.05)}
.order-state-panel legend{padding:0 7px;color:var(--text);font-size:12px;font-weight:900}
.order-state-panel .compact-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.order-state-panel .compact-segmented label{min-width:0}
.order-state-panel .compact-segmented span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:40px;border-radius:999px;text-align:center}
.order-paid-panel{display:grid;align-content:center}
.site-switch,.order-paid-switch{display:inline-flex!important;align-items:center;gap:9px;margin:0;font-weight:850;cursor:pointer}
.site-switch input,.order-paid-switch input{position:absolute;opacity:0;pointer-events:none}
.site-switch>span{display:block;width:42px;height:24px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:inset 0 1px 3px #0002;transition:.18s}
.site-switch>span:after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0004;transition:.18s}
.site-switch input:checked+span{background:var(--accent);border-color:var(--accent)}
.site-switch input:checked+span:after{transform:translateX(18px)}
.order-paid-switch>span{position:relative;display:flex;align-items:center;min-height:24px;padding-left:51px}
.order-paid-switch>span:before{content:"";position:absolute;left:0;top:50%;width:42px;height:24px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:inset 0 1px 3px #0002;transform:translateY(-50%);transition:.18s}
.order-paid-switch>span:after{content:"";position:absolute;left:3px;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0004;transform:translateY(-50%);transition:.18s}
.order-paid-switch input:checked+span:before{background:var(--accent);border-color:var(--accent)}
.order-paid-switch input:checked+span:after{transform:translate(18px,-50%)}
.site-switch input:focus-visible+span,.order-paid-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:3px}
.order-quick-state{align-items:center}
.order-paid-panel{grid-column:1/-1}
.public-cart-dialog>.public-dialog-close,.order-editor-dialog>.public-dialog-close{position:absolute;float:none;top:16px;right:16px;margin:0}
.order-editor-dialog>header{padding-right:58px}
.public-cart-dialog .public-contact-consent input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox;width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:2px 0 0;box-shadow:none}
@media(max-width:900px){.order-state-grid{grid-template-columns:1fr}.order-state-panel{width:100%}}

/* Social module appearance */
.public-page-block-socials .public-socials a{border-color:color-mix(in srgb,var(--social-fg,var(--floor-fg)) 45%,transparent);border-radius:var(--social-radius,50%);background:var(--social-bg,transparent);color:var(--social-fg,var(--floor-fg));box-shadow:0 7px 18px #0002}
.preview-floor[data-block-type="socials"] .preview-socials>span{border-color:color-mix(in srgb,var(--social-fg,var(--floor-fg)) 45%,transparent);border-radius:var(--social-radius,50%);background:var(--social-bg,transparent);color:var(--social-fg,var(--floor-fg));box-shadow:0 5px 13px #0002}

/* Online booking */
.preview-booking{display:grid;gap:8px}.preview-booking-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.preview-booking-calendar i{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;background:color-mix(in srgb,var(--floor-fg) 7%,transparent);font-size:9px;font-style:normal;opacity:.35}.preview-booking-calendar i.is-free{background:var(--floor-accent);color:var(--floor-button-fg);opacity:1}.preview-booking-times{display:flex;justify-content:center;gap:5px}.preview-booking-times span{padding:4px 7px;border:1px solid var(--floor-accent);border-radius:var(--floor-radius);font-size:9px}
.public-booking{display:grid;gap:16px;text-align:left}.booking-flow-switch{display:flex;padding:4px;border-radius:calc(var(--floor-radius) + 4px);background:color-mix(in srgb,var(--floor-fg) 8%,transparent)}.booking-flow-switch button{flex:1;padding:9px 12px;border:0;border-radius:var(--floor-radius);background:transparent;color:inherit;font-weight:750}.booking-flow-switch button.is-active{background:var(--floor-accent);color:var(--floor-button-fg);box-shadow:0 5px 14px #0002}.booking-step{display:grid;gap:9px}.booking-step h3{margin:0;font-size:15px}.booking-choice-grid,.booking-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.booking-choice,.booking-service-choice{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid color-mix(in srgb,var(--floor-fg) 18%,transparent);border-radius:var(--floor-radius);background:color-mix(in srgb,var(--floor-bg) 88%,transparent);color:inherit;text-align:left}.booking-choice.is-active,.booking-service-choice:has(input:checked){border-color:var(--floor-accent);box-shadow:inset 0 0 0 1px var(--floor-accent)}.booking-choice small,.booking-service-choice small{display:block;margin-top:2px;opacity:.7}.booking-service-choice input{margin-top:3px}.booking-calendar-step{padding-top:5px}.booking-calendar-heading{display:grid;grid-template-columns:38px 1fr 38px;align-items:center}.booking-calendar-heading h3{text-align:center;text-transform:capitalize}.booking-calendar-heading button{height:36px;padding:0;border:0;border-radius:50%;background:var(--floor-accent);color:var(--floor-button-fg);font-size:25px}.booking-weekdays,.booking-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.booking-weekdays span{text-align:center;font-size:11px;opacity:.6}.booking-calendar-grid button,.booking-calendar-grid i{aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:var(--floor-radius);font-style:normal}.booking-calendar-grid button{background:color-mix(in srgb,var(--floor-accent) 14%,transparent);color:inherit;font-weight:800}.booking-calendar-grid button:hover,.booking-calendar-grid button.is-active{background:var(--floor-accent);color:var(--floor-button-fg)}.booking-calendar-grid button:disabled{opacity:.22}.booking-time-list{display:flex;flex-wrap:wrap;gap:7px}.booking-time-list button{padding:8px 11px;border:1px solid var(--floor-accent);border-radius:var(--floor-radius);background:transparent;color:inherit;font-weight:750}.booking-time-list button.is-active{background:var(--floor-accent);color:var(--floor-button-fg)}.booking-selection-summary{margin:0;font-weight:750}.public-booking-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:8px}.public-booking-form label{display:grid;gap:5px;font-size:13px;font-weight:750}.public-booking-form input,.public-booking-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--floor-fg) 20%,transparent);border-radius:var(--floor-radius);background:color-mix(in srgb,var(--floor-bg) 88%,transparent);color:inherit}.public-booking-form .wide{grid-column:1/-1}.booking-contact-hint{margin:0;font-size:12px;opacity:.7}

/* Booking administration */
.booking-admin .dashboard-main{min-width:0}.booking-heading{align-items:end}.booking-page-switch{display:grid;gap:4px;font-size:12px;font-weight:750}.booking-admin-tabs{position:sticky;top:72px;z-index:8;display:flex;gap:5px;overflow:auto;padding:8px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.booking-admin-tabs a{padding:7px 10px;border-radius:8px;white-space:nowrap;color:var(--text);font-size:12px;font-weight:750}.booking-admin-tabs a:hover{background:var(--surface-2)}.booking-section{margin-bottom:14px;scroll-margin-top:135px}.booking-entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.booking-admin-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.booking-admin-card label{display:grid;gap:5px;font-size:12px;font-weight:750}.booking-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.booking-form-grid label{display:grid;gap:5px;font-size:12px;font-weight:750}.booking-specialist-grid{grid-template-columns:1fr}.booking-check-list{display:flex;flex-wrap:wrap;gap:7px}.booking-check-list label,.switch-line{display:flex!important;align-items:center;gap:6px!important}.booking-specialist-services{display:grid;gap:7px}.booking-specialist-services>div{display:grid;grid-template-columns:minmax(160px,1fr) 90px 90px 120px;gap:7px;align-items:center}.booking-wide-form{width:100%}.booking-rule-list{display:grid;gap:5px}.booking-rule-list>span{padding:9px;border-radius:8px;background:var(--surface-2);font-size:12px}.booking-exception summary{cursor:pointer;font-weight:800}.booking-exception form{display:grid;gap:10px;margin-top:12px}.booking-filter{grid-template-columns:minmax(180px,1fr) repeat(4,minmax(120px,auto)) auto}.booking-order-list{display:grid;gap:9px}.booking-order-card{border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.booking-order-card summary{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:12px;align-items:center;padding:13px;cursor:pointer}.booking-order-card summary>span{display:grid;gap:2px;min-width:0}.booking-order-card small{color:var(--muted);overflow-wrap:anywhere}.booking-status{padding:6px 9px;border-radius:8px;background:var(--surface-2);font-size:11px;font-weight:800}.booking-order-editor{display:grid;gap:12px;padding:14px;border-top:1px solid var(--line)}.booking-order-services{display:flex;flex-wrap:wrap;gap:6px}.booking-order-services span{padding:5px 8px;border-radius:7px;background:var(--surface-2);font-size:11px}.booking-result{text-align:center}.booking-result.is-success{border-color:#22c55e}.booking-result.is-error{border-color:#ef4444}
@media(max-width:900px){.booking-entity-grid{grid-template-columns:1fr}.booking-form-grid{grid-template-columns:1fr 1fr}.booking-filter{grid-template-columns:1fr 1fr}.booking-order-card summary{grid-template-columns:1fr 1fr}.booking-specialist-services>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.booking-choice-grid,.booking-service-list,.public-booking-form,.booking-form-grid,.booking-filter{grid-template-columns:1fr}.public-booking-form .wide{grid-column:1}.booking-specialist-services>div,.booking-order-card summary{grid-template-columns:1fr}.booking-admin-tabs{top:0}.booking-flow-switch{display:grid}}
.booking-rule-list>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.booking-rule-list form{margin:0}
.booking-group-title{position:sticky;top:128px;z-index:3;margin:7px 0 0;padding:7px 10px;border-radius:9px;background:var(--accent);color:#fff;font-size:13px}

.public-page-block-booking{box-sizing:border-box;width:min(var(--page-content-width,620px),100%);max-width:100%;margin-inline:auto;overflow:hidden}.public-page-block-booking .public-booking{width:100%;max-width:100%;min-width:0}.public-page-block-booking .booking-calendar-step{width:min(410px,100%);margin-inline:auto}.public-page-block-booking .booking-calendar-heading{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px}.public-page-block-booking .booking-calendar-heading button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;line-height:0}.public-page-block-booking .booking-calendar-heading button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.public-page-block-booking .booking-weekdays,.public-page-block-booking .booking-calendar-grid{gap:4px}.public-page-block-booking .booking-calendar-grid button,.public-page-block-booking .booking-calendar-grid i{width:100%;max-width:42px;justify-self:center;font-size:12px}.public-page-block-booking .booking-time-list{justify-content:center}.public-page-block-booking .booking-selection-summary{text-align:center}.public-page-block-booking input,.public-page-block-booking textarea{box-sizing:border-box;min-width:0}
.public-booking [hidden]{display:none!important}

/* Standard booking checkboxes */
.booking-admin input[type="checkbox"],.public-booking input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;flex:0 0 auto;width:20px!important;height:20px!important;min-width:20px!important;margin:0;padding:0!important;border:2px solid color-mix(in srgb,var(--accent,#5961e8) 38%,var(--line,#d8deea));border-radius:6px;background:var(--surface,#fff);box-shadow:none;cursor:pointer;vertical-align:middle}.booking-admin input[type="checkbox"]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.public-booking input[type="checkbox"]{border-color:color-mix(in srgb,var(--floor-accent) 45%,var(--floor-fg));background:color-mix(in srgb,var(--floor-bg) 94%,transparent)}.public-booking input[type="checkbox"]:checked{border-color:var(--floor-accent);background-color:var(--floor-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.booking-admin input[type="checkbox"]:focus-visible,.public-booking input[type="checkbox"]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#5961e8) 28%,transparent);outline-offset:2px}.booking-check-list label,.switch-line,.booking-service-choice,.public-booking .public-contact-consent{align-items:center!important}.booking-check-list label{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.booking-check-list label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}

/* Compact booking tables and editor dialogs */
.booking-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.booking-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.booking-data-table{width:100%;border-collapse:collapse;font-size:13px}.booking-data-table th,.booking-data-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.booking-data-table th{background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.booking-data-table tbody tr:last-child td{border-bottom:0}.booking-data-table td:first-child{min-width:170px}.booking-data-table td:last-child{text-align:right;white-space:nowrap}.booking-data-table td small{display:block;max-width:300px;margin-top:2px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-status{display:inline-flex;padding:4px 7px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.table-status.is-active{background:#dcfce7;color:#16703a}.table-pagination{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px;border-top:1px solid var(--line)}.table-pagination[hidden]{display:none!important}.table-pagination span{min-width:48px;text-align:center;font-size:12px;font-weight:800}.table-pagination button{width:34px;min-width:34px;padding:0}.booking-entity-dialog{width:min(720px,calc(100% - 24px));max-height:min(88dvh,900px);padding:22px;border:0;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px #0006;overflow:auto}.booking-entity-dialog::backdrop{background:#101828aa;backdrop-filter:blur(4px)}.booking-entity-dialog>h2{margin:2px 44px 17px 0}.booking-entity-dialog .booking-admin-card{padding:0;border:0;background:transparent}.booking-entity-dialog footer{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;gap:8px;margin:5px -22px -22px;padding:13px 22px;border-top:1px solid var(--line);background:var(--surface)}.booking-specialist-dialog{width:min(900px,calc(100% - 24px))}
@media(max-width:620px){.booking-data-table th,.booking-data-table td{padding:8px}.booking-entity-dialog{width:calc(100% - 10px);max-height:calc(100dvh - 10px);padding:16px;border-radius:13px}.booking-entity-dialog footer{bottom:-16px;margin:5px -16px -16px;padding:11px 16px}}

/* Home page mobile website showcase */
.site-showcase{position:relative;overflow:hidden;padding:90px 0 72px;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--accent) 7%,var(--bg)))}.site-showcase:before{content:"";position:absolute;inset:15% -10% auto;height:420px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%);pointer-events:none}.site-showcase-heading{position:relative;z-index:2;max-width:760px;margin:0 auto 38px;text-align:center}.site-showcase-heading h2{margin:10px 0 12px;font-size:clamp(38px,5.7vw,68px);line-height:.98;letter-spacing:-.055em}.site-showcase-heading p{max-width:650px;margin:auto;color:var(--muted);font-size:17px}.site-showcase-stage{position:relative;width:min(1120px,100%);height:550px;margin:auto;perspective:1500px;transform-style:preserve-3d}.showcase-phone{--showcase-x:0px;--showcase-z:0px;--showcase-r:0deg;position:absolute;top:0;left:50%;width:254px;height:512px;margin-left:-127px;padding:9px;border:1px solid #ffffff45;border-radius:38px;background:#15171d;box-shadow:0 25px 55px #10182838,0 4px 0 #06070a;cursor:pointer;outline:0;overflow:hidden;transform:translate3d(var(--showcase-x),24px,var(--showcase-z)) rotateY(var(--showcase-r)) scale(.78);opacity:0;z-index:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s,box-shadow .45s}.showcase-phone.is-active{transform:translate3d(0,0,100px) rotateY(0) scale(1);opacity:1;z-index:5;box-shadow:0 38px 80px #10182850,0 5px 0 #06070a}.showcase-phone.is-left{--showcase-x:-245px;--showcase-r:12deg;opacity:.88;z-index:3;filter:saturate(.85)}.showcase-phone.is-right{--showcase-x:245px;--showcase-r:-12deg;opacity:.88;z-index:3;filter:saturate(.85)}.showcase-phone.is-far-left{--showcase-x:-425px;--showcase-r:18deg;transform:translate3d(var(--showcase-x),36px,-80px) rotateY(var(--showcase-r)) scale(.66);opacity:.42;z-index:1;filter:saturate(.55)}.showcase-phone.is-far-right{--showcase-x:425px;--showcase-r:-18deg;transform:translate3d(var(--showcase-x),36px,-80px) rotateY(var(--showcase-r)) scale(.66);opacity:.42;z-index:1;filter:saturate(.55)}.showcase-phone:focus-visible{box-shadow:0 0 0 4px var(--accent),0 38px 80px #10182850}.showcase-phone-speaker{position:absolute;z-index:4;top:15px;left:50%;width:66px;height:18px;border-radius:10px;background:#111318;transform:translateX(-50%)}.showcase-screen{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;box-sizing:border-box;padding:42px 14px 18px;border-radius:30px;overflow:hidden;color:var(--demo-fg);background:var(--demo-bg)}.showcase-screen:before{content:"";position:absolute;inset:0;background-image:var(--demo-pattern);background-size:245px;opacity:.075;filter:var(--demo-pattern-filter,none);pointer-events:none}.showcase-screen>*{position:relative;z-index:1}.showcase-phone-violet{--demo-bg:#5b38b7;--demo-fg:#fff;--demo-accent:#f7d8ff;--demo-card:#ffffff1e}.showcase-phone-coral{--demo-bg:#fff0e9;--demo-fg:#642b2b;--demo-accent:#f05d5e;--demo-card:#fff8}.showcase-phone-mint{--demo-bg:#dff5de;--demo-fg:#173d2a;--demo-accent:#248a59;--demo-card:#ffffff9c}.showcase-phone-blue{--demo-bg:#17243f;--demo-fg:#fff;--demo-accent:#80d8ff;--demo-card:#ffffff16}.showcase-phone-yellow{--demo-bg:#ffd34f;--demo-fg:#2b2316;--demo-accent:#171717;--demo-card:#fff8}.demo-profile{display:grid;justify-items:center;text-align:center}.demo-profile>i{display:grid;place-items:center;width:62px;height:62px;margin-bottom:7px;border:3px solid color-mix(in srgb,var(--demo-accent) 70%,white);border-radius:50%;background:var(--demo-card);font-size:19px;font-weight:900;font-style:normal;box-shadow:0 8px 20px #0002}.demo-profile strong{font-size:18px;line-height:1.1}.demo-profile small{margin-top:3px;opacity:.72;font-size:10px}.demo-links{display:grid;gap:7px}.demo-links b{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--demo-accent);color:color-mix(in srgb,var(--demo-fg) 92%,#000);box-shadow:0 5px 12px #0002;font-size:11px}.showcase-phone-violet .demo-links b{color:#4c2362}.showcase-phone-blue .demo-links b{color:#10233a}.demo-links i{font-style:normal}.demo-socials{display:flex;justify-content:center;gap:8px}.demo-socials i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--demo-card);font-style:normal;font-weight:900}.demo-audio{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;margin-top:auto;padding:9px;border-radius:12px;background:var(--demo-card);font-size:9px}.demo-audio>i{display:block;width:20px;height:20px;border-radius:50%;background:var(--demo-accent)}.demo-audio em{opacity:.65;font-style:normal}.demo-booking-title{margin-top:1px;text-align:center;font-size:12px;font-weight:900}.demo-specialists{display:flex;justify-content:center;gap:6px}.demo-specialists i{display:grid;place-items:center;width:27px;height:27px;border:2px solid transparent;border-radius:50%;background:#fff;font-size:10px;font-weight:900;font-style:normal}.demo-specialists i.is-selected{border-color:var(--demo-accent);color:var(--demo-accent)}.demo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:9px;border-radius:13px;background:#fff9}.demo-calendar>*{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;font-size:8px;font-style:normal}.demo-calendar>b{aspect-ratio:auto;opacity:.55;font-size:7px}.demo-calendar i.is-free{background:var(--demo-accent);color:#fff;font-weight:900}.demo-time{display:flex;justify-content:center;gap:5px}.demo-time b{padding:6px 8px;border:1px solid var(--demo-accent);border-radius:8px;color:var(--demo-accent);font-size:8px}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-products>i{display:grid;gap:2px;padding:7px;border-radius:12px;background:var(--demo-card);font-style:normal}.demo-products>i>b{display:grid;place-items:center;height:55px;border-radius:8px;background:#fff8;font-size:28px}.demo-products strong{font-size:9px}.demo-products small{color:var(--demo-accent);font-size:8px;font-weight:900}.demo-shop-button{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:9px;border-radius:11px;background:var(--demo-accent);color:#fff;font-size:10px;font-weight:900}.demo-shop-button b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--demo-accent)}.demo-photo-screen:before{opacity:.11}.demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5px}.demo-gallery i{height:78px;border-radius:10px;background-image:var(--photo);background-position:center;background-size:cover}.demo-article{display:grid;gap:4px;padding:11px;border-radius:13px;background:var(--demo-card);text-align:left}.demo-article small{opacity:.6;font-size:8px}.demo-article strong{font-size:12px}.demo-article em{opacity:.72;font-size:9px;line-height:1.3;font-style:normal}.demo-article b{margin-top:2px;font-size:9px}.site-showcase-controls{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:-5px}.showcase-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 55%,#000);font-size:19px;cursor:pointer}.showcase-arrow:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 55%,#000)}.showcase-arrow span{display:block;line-height:1;transform:translateY(-1px)}.showcase-dots{display:flex;gap:7px}.showcase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer;transition:width .25s,background .25s}.showcase-dots button.is-active{width:25px;border-radius:5px;background:var(--accent)}.site-showcase-hint{margin:14px 0 0;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:900px){.site-showcase-stage{height:520px}.showcase-phone.is-left{--showcase-x:-190px}.showcase-phone.is-right{--showcase-x:190px}.showcase-phone.is-far-left{--showcase-x:-310px}.showcase-phone.is-far-right{--showcase-x:310px}}
@media(max-width:620px){.site-showcase{padding:62px 0 52px}.site-showcase-heading{margin-bottom:25px}.site-showcase-heading h2{font-size:40px}.site-showcase-stage{height:495px}.showcase-phone{width:224px;height:452px;margin-left:-112px;border-radius:34px}.showcase-screen{padding:37px 12px 14px;border-radius:27px;gap:8px}.showcase-phone.is-active{transform:translate3d(0,0,80px) scale(1)}.showcase-phone.is-left{--showcase-x:-142px;transform:translate3d(var(--showcase-x),30px,-40px) rotateY(12deg) scale(.7);opacity:.48}.showcase-phone.is-right{--showcase-x:142px;transform:translate3d(var(--showcase-x),30px,-40px) rotateY(-12deg) scale(.7);opacity:.48}.showcase-phone.is-far-left,.showcase-phone.is-far-right{opacity:0;pointer-events:none}.demo-profile>i{width:52px;height:52px}.demo-gallery i{height:65px}.site-showcase-hint{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-phone{transition:none}}
.site-header .brand .brand-dot{display:inline!important}

/* Showcase photography and extended themes */
.showcase-phone.is-hidden{opacity:0;pointer-events:none}.demo-profile-photo>i{background-image:var(--profile-photo);background-position:center;background-size:cover;color:transparent}.showcase-phone-sage{--demo-bg:#e8efe6;--demo-fg:#20372b;--demo-accent:#3d7558;--demo-card:#ffffffa8}.showcase-phone-terracotta{--demo-bg:#f4d8bd;--demo-fg:#4c2a1b;--demo-accent:#a54f2d;--demo-card:#fff9}.showcase-phone-clinic{--demo-bg:#edf5fa;--demo-fg:#15384f;--demo-accent:#176f9e;--demo-card:#fffc}.showcase-phone-farm{--demo-bg:#203c29;--demo-fg:#fff;--demo-accent:#e8c36a;--demo-card:#17301fcc}.demo-image-background:after,.demo-full-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--demo-bg) 92%,transparent) 0 36%,var(--demo-bg) 70%),var(--demo-photo) center/cover;opacity:.34;pointer-events:none}.demo-full-photo:after{background:linear-gradient(180deg,#14281aaa,#14281af2),var(--demo-photo) center/cover;opacity:1}.demo-image-background>*,.demo-full-photo>*{z-index:2}.demo-quote{padding:8px 10px;border-radius:11px;background:var(--demo-card);font-size:10px;font-weight:750;text-align:center}.demo-calendar-compact{padding:7px}.demo-gallery-wide{grid-template-columns:1.25fr .75fr}.demo-gallery-wide i{height:65px}.showcase-phone-terracotta .demo-products>i>b{height:42px}

/* Page typography */
.link-page-preview,.public-link-page{font-family:var(--page-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:calc(16px * var(--page-font-scale,1))}.link-page-preview h1{font-size:calc(28px * var(--page-font-scale,1))}.public-link-page h1{font-size:clamp(calc(34px * var(--page-font-scale,1)),7vw,calc(54px * var(--page-font-scale,1)))}.public-page-block h2{font-size:calc(22px * var(--page-font-scale,1))}.font-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.font-choice-grid label{min-width:0}.font-choice-grid input{position:absolute;opacity:0;pointer-events:none}.font-choice-grid label>span{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-family:var(--font-choice);font-size:12px;cursor:pointer}.font-choice-grid b{font-size:20px}.font-choice-grid input:checked+span{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.font-size-slider{display:grid;gap:7px;margin-top:12px}.font-size-slider>span:first-child{display:flex;justify-content:space-between}.font-size-marks{display:flex;justify-content:space-between;padding-inline:4px;color:var(--muted);font-size:10px}.font-size-marks i{font-style:normal}

/* Service scale counter */
.service-scale{padding:25px 0 85px}.service-scale-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:30px;align-items:end;padding:42px;border-radius:24px;background:#172033;color:#fff;box-shadow:var(--shadow)}.service-scale h2{margin:8px 0 0;font-size:clamp(64px,11vw,132px);line-height:.8;letter-spacing:-.075em;color:#fff}.service-scale p{margin:18px 0 0;color:#ffffffa8;font-size:18px}.service-scale dl{display:grid;gap:6px;margin:0}.service-scale dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border:0;background:transparent}.service-scale dt{color:#ffffffd0}.service-scale dt a{display:inline-flex;align-items:center;gap:8px;color:inherit;font-weight:800}.service-scale dt a span{color:var(--accent);font-size:20px}.service-scale dt a:hover{color:#fff}.service-scale dd{margin:0;color:#fff;font-size:24px;font-weight:900}
html[data-theme="dark"] .service-scale-inner{background:#080d15;color:#f8fafc}
@media(max-width:620px){.font-choice-grid{grid-template-columns:1fr}.service-scale{padding-bottom:55px}.service-scale-inner{grid-template-columns:1fr;padding:25px 20px;border-radius:18px}.service-scale h2{font-size:70px}.service-scale dl>div{padding:11px 12px}}
.preview-floor[data-block-type="gallery"],.preview-floor[data-block-type="gallery"] .preview-gallery{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden}

/* Showcase depth is expressed with focus instead of transparency */
.booking-time-list button{box-sizing:border-box;flex:0 0 78px;width:78px;min-width:78px;padding-inline:6px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.public-page-body .toast{border-color:color-mix(in srgb,var(--public-toast-accent) 42%,transparent);border-radius:calc(var(--public-toast-radius) + 9px);background:color-mix(in srgb,var(--public-toast-bg) 94%,#fff 6%);color:var(--public-toast-fg);font-family:var(--public-toast-font);box-shadow:0 22px 60px #0004}.public-page-body .toast-success{--toast-color:var(--public-toast-accent)}.public-page-body .toast-content strong{color:var(--public-toast-fg);font-size:15px}.public-page-body .toast-content p{color:color-mix(in srgb,var(--public-toast-fg) 72%,transparent);font-size:13px}.public-page-body .toast-icon{border-radius:calc(var(--public-toast-radius) + 50%);background:var(--toast-color);color:var(--public-toast-button-fg);box-shadow:0 4px 0 color-mix(in srgb,var(--toast-color) 55%,#000)}.public-page-body .toast-error .toast-icon{color:#fff}.public-page-body .toast-close{border-color:color-mix(in srgb,var(--public-toast-accent) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--public-toast-accent) 10%,transparent);color:var(--public-toast-fg);box-shadow:0 2px 0 color-mix(in srgb,var(--public-toast-accent) 25%,transparent)}.public-page-body .toast-progress{background:var(--toast-color)}
.editor-preferences{grid-column:1/-1}.editor-autosave-switch{display:flex!important;align-items:center;gap:12px!important;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer}.editor-autosave-switch input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:48px;height:27px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);box-shadow:none;transition:background .18s,border-color .18s}.editor-autosave-switch input:before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--surface);box-shadow:0 2px 6px #0003;transition:transform .18s}.editor-autosave-switch input:checked{border-color:var(--accent);background:var(--accent)}.editor-autosave-switch input:checked:before{transform:translateX(21px)}.editor-autosave-switch>span{display:grid}.editor-autosave-switch small{color:var(--muted);font-weight:500}.editor-delay-field{display:grid;grid-template-columns:minmax(90px,150px) auto;align-items:center;gap:9px}.editor-delay-field span{color:var(--muted)}.editor-manual-save{white-space:nowrap}
.appearance-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.appearance-section-heading h3{margin:0}.appearance-section-content{display:grid;gap:14px;min-width:0;padding-top:14px}.appearance-section-content[hidden]{display:none!important}.block-appearance>.appearance-section-content{padding-top:0}.appearance-section-heading [data-appearance-toggle]{flex:none;min-width:100px}.appearance-section-heading [data-appearance-toggle][aria-expanded="true"]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}
.text-format-field-input>.inline-align-switch{right:10px;bottom:11px}.text-format-field-textarea>.inline-align-switch{right:10px;top:34px}.inline-align-switch span{width:23px;height:23px}.inline-align-switch svg{width:14px;height:14px;stroke-width:2.55}
.account-side-nav{gap:16px;padding:16px;border-radius:18px;box-shadow:0 14px 38px #1720330b}.account-side-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.account-overview-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--line);transition:transform .16s,box-shadow .16s,color .16s}.account-overview-button:hover,.account-overview-button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.account-overview-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.account-overview-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.account-side-identity{display:grid;gap:5px;min-width:0}.account-side-identity>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-access-chips{display:flex;flex-wrap:wrap;gap:5px}.account-premium-chip,.account-email-warning{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850;line-height:1.25}.account-premium-chip{background:linear-gradient(135deg,#ffe69a,#ffbd45);color:#563700;box-shadow:inset 0 0 0 1px #a66a0022}.account-email-warning{background:#fff0d4;color:#895200}.account-side-nav nav{gap:6px}.account-side-nav nav a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:13px;font-weight:720;transition:background .16s,color .16s,border-color .16s,transform .16s}.account-side-nav nav a:hover{background:var(--surface-2);color:var(--text);transform:translateX(2px)}.account-side-nav nav a.is-active{border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--accent-2)));color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 55%,#17173a)}.account-side-nav nav a.is-active:hover{transform:translateY(-1px)}.account-side-nav nav svg,.account-side-logout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.account-side-logout{margin:0;padding-top:12px;border-top:1px solid var(--line)}.account-side-logout button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px}.account-side-logout button:hover{background:var(--surface-2);color:var(--text)}
@media(max-width:1000px){.account-side-nav{position:static}.account-side-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.account-side-nav nav a{border-radius:10px}.account-side-logout{padding-top:10px}.account-side-logout button{width:auto}}
@media(max-width:620px){.account-side-nav nav{grid-template-columns:1fr 1fr}.account-side-nav nav a{font-size:12px}.account-side-head{grid-template-columns:40px minmax(0,1fr)}}
.service-scale h2,.service-scale dd{white-space:nowrap}.service-scale dd{font-size:clamp(15px,2vw,24px)}.avatar-resize-frame{position:relative;flex:0 0 var(--avatar-editor-size,82px);width:var(--avatar-editor-size,82px);height:var(--avatar-editor-size,82px);touch-action:none}.avatar-resize-frame .avatar-circle{width:100%;height:100%;max-width:none}.avatar-size-handle{position:absolute;z-index:3;right:-7px;bottom:-7px;width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 2px 7px #0004;cursor:nwse-resize;touch-action:none}.avatar-resize-frame.is-resizing .avatar-size-handle{transform:scale(1.12)}.preview-avatar,.public-avatar{width:var(--avatar-size,128px);height:var(--avatar-size,128px);max-width:min(200px,70vw);max-height:min(200px,70vw)}.preview-avatar{flex:none}
@media(max-width:620px){.service-scale h2{font-size:clamp(42px,15vw,70px)}.service-scale dd{font-size:clamp(14px,4.8vw,21px)}}
@media(max-width:760px){.editor-page input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),.editor-page textarea,.editor-page select,.editor-page [contenteditable="true"]{font-size:16px!important}.editor-toolbar{gap:7px}.editor-toolbar .button-row{gap:7px}.editor-manual-save{padding-inline:10px}}
.font-size-slider{margin-top:13px}.font-size-marks{align-items:baseline;padding-inline:2px;color:var(--text)}.font-size-marks i:nth-child(1){font-size:10px}.font-size-marks i:nth-child(2){font-size:12px}.font-size-marks i:nth-child(3){font-size:14px}.font-size-marks i:nth-child(4){font-size:17px}.font-size-marks i:nth-child(5){font-size:21px;font-weight:800}
@media(max-width:620px){.showcase-phone.is-far-left,.showcase-phone.is-far-right,.showcase-phone.is-hidden{visibility:hidden;opacity:1}}
.showcase-phone.is-left,.showcase-phone.is-right{opacity:1;filter:blur(1.35px) saturate(.82) brightness(.92)}.showcase-phone.is-far-left,.showcase-phone.is-far-right{opacity:1;filter:blur(4px) saturate(.68) brightness(.82)}.showcase-phone.is-active{filter:none;opacity:1}.showcase-phone.is-hidden{opacity:0;filter:blur(7px);pointer-events:none}.showcase-screen{background:radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--demo-accent) 30%,transparent),transparent 38%),var(--demo-bg)}.showcase-screen:before{background-size:185px;opacity:.14;mix-blend-mode:soft-light}.showcase-phone-yellow .showcase-screen:before,.showcase-phone-mint .showcase-screen:before,.showcase-phone-coral .showcase-screen:before{mix-blend-mode:multiply;opacity:.1}.demo-socials{min-height:29px;align-items:center}.demo-socials i{color:var(--demo-fg)}.demo-socials .social-icon-mask{width:14px;height:14px}.showcase-phone-violet .demo-socials i,.showcase-phone-blue .demo-socials i,.showcase-phone-farm .demo-socials i{background:#ffffff22}.showcase-phone-coral .demo-socials i,.showcase-phone-mint .demo-socials i,.showcase-phone-yellow .demo-socials i,.showcase-phone-clinic .demo-socials i{background:#fff9}

/* Unified editor selectors, paged backgrounds and mobile page behavior */
.background-image-chip[hidden]{display:none!important}
.font-choice-grid{gap:8px}
.font-choice-grid label>span{min-height:48px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 3px 0 var(--line);transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.font-choice-grid label>span:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--surface-2)}
.font-choice-grid input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}
.font-choice-grid input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 3px 0 var(--accent)}
.font-size-slider{margin-top:14px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.color-swatch span{border-width:1px;box-shadow:0 2px 0 var(--line),inset 0 0 0 2px #fff3}
.color-swatch input:checked+span{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 0 0 2px #fff3}
.color-swatch-custom{border-width:1px;box-shadow:0 2px 0 var(--line),inset 0 0 0 2px #fff3}
.page-analytics-settings{display:grid;gap:10px}.page-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-analytics-grid label{display:grid;gap:6px;font-size:12px;font-weight:750}.page-analytics-settings.is-premium-locked{opacity:.72}.premium-field-hint{margin:0;color:var(--muted);font-size:12px}
.appearance-card{
  min-width:0;padding:15px;border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);
  border-radius:14px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 72%,var(--surface)));
  box-shadow:0 4px 0 color-mix(in srgb,var(--line) 78%,transparent),0 12px 28px #17203308
}
.appearance-card-heading{display:flex;align-items:center;min-height:24px;margin-bottom:12px}
.appearance-card-heading h4{margin:0;color:var(--text);font-size:14px;font-weight:850;letter-spacing:-.01em}
.appearance-card>.color-grid,.appearance-card>.scheme-grid{padding:10px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.appearance-card .field-help{margin:-4px 0 2px}
.appearance-card .font-size-slider{background:color-mix(in srgb,var(--surface-2) 68%,var(--surface))}
.scheme-chip[hidden]{display:none!important}
.scheme-pagination{margin-top:2px}
.page-gradient-settings{display:grid;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.page-gradient-settings[hidden]{display:none}
.gradient-color-fields{display:grid;grid-template-columns:1fr 38px 1fr;align-items:end;gap:10px}
.gradient-color-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}
.gradient-color-fields input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.gradient-swap{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--line)}
.gradient-swap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gradient-angle{display:grid;gap:7px;font-size:12px;font-weight:750}.gradient-angle>span{display:flex;justify-content:space-between}.gradient-angle output{color:var(--muted)}
.gradient-preview{height:72px;border:1px solid #fff5;border-radius:11px;background:linear-gradient(var(--gradient-angle),var(--gradient-start),var(--gradient-end));box-shadow:inset 0 0 0 1px #0000000d}
.background-layer-controls{display:flex;align-items:end;gap:10px;min-width:0;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}
.background-control-group{display:grid;flex:1 0 auto;gap:5px;min-width:0}
.background-control-group>span{padding-left:4px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.background-base-switch{grid-template-columns:repeat(2,minmax(76px,1fr))}
.block-background-layer-controls .background-base-switch{grid-template-columns:repeat(2,minmax(76px,1fr))}
.background-overlay-switch{grid-template-columns:repeat(3,minmax(70px,1fr))}
.background-layer-controls .pattern-mode-switch{width:max-content;min-width:100%}
.block-background-color-settings[hidden],.block-gradient-settings[hidden]{display:none!important}
@media(max-width:620px){.pattern-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.background-base-switch{grid-template-columns:repeat(2,minmax(76px,1fr))}.block-background-layer-controls .background-base-switch{grid-template-columns:repeat(2,minmax(76px,1fr))}.background-overlay-switch{grid-template-columns:repeat(3,minmax(70px,1fr))}.gradient-color-fields{grid-template-columns:1fr 34px 1fr}.gradient-swap{width:34px;height:34px}}
@media(max-width:620px){
  .page-analytics-grid{grid-template-columns:1fr}
  .public-link-page[data-background-mode="image"]:after{background-position:center top;background-size:auto 100svh;background-repeat:repeat-y}
}

/* Keep the editor preview inside the mobile viewport */
.editor-page,.editor-layout,.preview-column,.device-preview,.link-page-preview,.preview-blocks,.preview-floor{box-sizing:border-box;min-width:0;max-width:100%}
.preview-blocks,.preview-floor,.preview-products,.preview-gallery,.preview-articles{overflow-wrap:anywhere}
@media(max-width:760px){
  html,body.editor-body{max-width:100%;overflow-x:hidden}
  .editor-page,.editor-layout,.editor-controls,.preview-column{width:100%;max-width:100vw;overflow-x:hidden}
  .preview-column{display:block;padding-inline:12px}
  .preview-size-switch{max-width:100%;overflow-x:auto}
  .device-preview,.device-preview[data-size="tablet"],.device-preview[data-size="desktop"]{width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);margin-inline:auto}
  .link-page-preview{width:100%;overflow:hidden}
  .preview-floor>*{min-width:0;max-width:100%}
  .preview-products,.preview-gallery,.preview-articles{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-product-card,.preview-article{min-width:0;max-width:100%}
  .preview-product-card strong,.preview-product-card small,.preview-article *{overflow-wrap:anywhere;word-break:break-word}
}

/* Mobile public pages cover the complete dynamic viewport and safe area */
@media(max-width:620px){
  body.public-page-body,body.public-page-body main{min-height:100vh;min-height:100dvh;margin:0}
  .public-link-page{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding-bottom:calc(clamp(36px,8vh,84px) + env(safe-area-inset-bottom))}
  .public-link-page:before,.public-link-page:after{bottom:calc(0px - env(safe-area-inset-bottom))}
  .public-link-page[data-background-mode="image"]:after{background-position:center -1px;background-size:auto calc(100svh + 2px)}
}


/* v69: compact order controls, external SVG avatar frame and full-source image positioning. */
.order-state-panel{padding:10px 11px;border-radius:12px;box-shadow:0 3px 10px rgba(15,23,42,.035)}
.order-state-panel legend{padding:0 5px;font-size:11px}
.order-state-panel .compact-segmented{gap:4px;padding:3px;border-radius:9px}
.order-state-panel .compact-segmented span{min-height:32px;padding:6px 8px;border-radius:6px;font-size:13px;line-height:1.25}
.page-showcase-setting .site-switch{margin-left:auto}
.avatar-picker{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:10px}
.avatar-shape-arrow{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:18px;cursor:pointer}
.avatar-shape-arrow:hover{border-color:var(--accent);color:var(--accent)}
.avatar-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.avatar-color-control{display:grid;gap:7px}.avatar-color-control>span{font-size:13px;font-weight:750}.avatar-color-control input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.avatar-frame-host{--avatar-clip:circle(50% at 50% 50%);position:relative;box-sizing:border-box;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;clip-path:none!important}
.avatar-circle{width:100%;height:100%;max-width:none;padding:0}
.avatar-media-mask{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--page-fg,var(--accent)) var(--avatar-backdrop-alpha,88%),transparent);clip-path:var(--avatar-clip);overflow:hidden;color:var(--accent);font:inherit;cursor:inherit}
.avatar-media-mask img{display:block;width:100%;height:100%;max-width:none;object-fit:contain!important;object-position:var(--avatar-x,50%) var(--avatar-y,50%)!important;border:0!important;border-radius:0!important;clip-path:none!important;background:transparent!important;transform:scale(var(--avatar-scale,1));transform-origin:var(--avatar-x,50%) var(--avatar-y,50%);transition:transform .18s ease;will-change:transform,object-position;-webkit-user-drag:none;user-select:none}
.avatar-frame-svg{position:absolute;z-index:4;pointer-events:none;overflow:visible;inset:calc(0px - var(--avatar-border-width,0px));width:calc(100% + var(--avatar-border-width,0px) + var(--avatar-border-width,0px));height:calc(100% + var(--avatar-border-width,0px) + var(--avatar-border-width,0px))}
.avatar-frame-svg path{fill:none;stroke:var(--avatar-border-color,#fff);stroke-opacity:var(--avatar-border-alpha,100%);stroke-width:calc(var(--avatar-border-width,0px) + var(--avatar-border-width,0px));stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.avatar-circle .avatar-frame-svg path{stroke-width:calc(var(--avatar-editor-border-width,var(--avatar-border-width,0px)) + var(--avatar-editor-border-width,var(--avatar-border-width,0px)))}
.avatar-circle:has(img){cursor:grab;touch-action:none;overscroll-behavior:contain}.avatar-circle:has(img):active,.avatar-circle.is-dragging,.avatar-media-mask.is-dragging{cursor:grabbing}
.avatar-circle .avatar-media-mask{font-size:28px}.preview-avatar .avatar-media-mask,.public-avatar .avatar-media-mask{color:var(--page-fg);font-size:34px;font-weight:800}
.preview-avatar,.public-avatar{display:block;width:var(--avatar-size,128px);height:var(--avatar-size,128px);max-width:min(200px,70vw);max-height:min(200px,70vw);margin:0 auto calc(15px + var(--avatar-border-width,0px))}
.public-avatar{margin-inline:auto}.public-avatar-placeholder .avatar-media-mask{background:color-mix(in srgb,var(--page-fg) var(--avatar-backdrop-alpha,88%),transparent)!important}
[data-avatar-shape="circle"]{--avatar-clip:circle(50% at 50% 50%)}
[data-avatar-shape="rounded"]{--avatar-clip:inset(0 round var(--avatar-radius,24%))}
[data-avatar-shape="square"]{--avatar-clip:inset(0)}
[data-avatar-shape="triangle"]{--avatar-clip:polygon(50% 2%,98% 96%,2% 96%)}
[data-avatar-shape="pentagon"]{--avatar-clip:polygon(50% 1%,98% 36%,80% 98%,20% 98%,2% 36%)}
[data-avatar-shape="hexagon"]{--avatar-clip:polygon(25% 2%,75% 2%,99% 50%,75% 98%,25% 98%,1% 50%)}
[data-avatar-shape="diamond"]{--avatar-clip:polygon(50% 1%,99% 50%,50% 99%,1% 50%)}
[data-avatar-shape="star"]{--avatar-clip:polygon(50% 2%,61% 34%,95% 34%,68% 54%,78% 89%,50% 69%,22% 89%,32% 54%,5% 34%,39% 34%)}
[data-avatar-shape="heart"]{--avatar-clip:polygon(50% 98%,43% 91%,35% 83%,27% 74%,19% 65%,12% 55%,8% 45%,7% 33%,10% 22%,17% 13%,27% 8%,38% 10%,50% 21%,62% 10%,73% 8%,83% 13%,90% 22%,93% 33%,92% 45%,88% 55%,81% 65%,73% 74%,65% 83%,57% 91%)}
.public-page-block-socials .public-socials a,.preview-floor[data-block-type="socials"] .preview-socials>span{background:color-mix(in srgb,var(--social-bg,transparent) var(--social-bg-opacity,100%),transparent)}
.public-page-block-socials[data-social-transparent="1"] .public-socials a,.preview-floor[data-block-type="socials"][data-social-transparent="1"] .preview-socials>span{background:transparent!important;box-shadow:none}
.version-preview-banner{position:sticky;top:0;z-index:20;margin:-32px auto 24px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--page-fg) 24%,transparent);border-radius:10px;background:color-mix(in srgb,var(--page-bg) 88%,transparent);backdrop-filter:blur(10px);font-size:12px;font-weight:800}
.version-preview-body .public-link-page a,.version-preview-body .public-link-page button,.version-preview-body .public-link-page form{pointer-events:none}.version-preview-body .public-link-page{user-select:none}
.editor-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.avatar-picker{grid-template-columns:auto auto auto;justify-content:center}.avatar-picker-copy{grid-column:1/-1;text-align:center}.avatar-adjustments{grid-template-columns:1fr}.editor-toolbar{height:auto;min-height:64px;padding-block:10px}.editor-layout{min-height:calc(100vh - 156px)}.editor-toolbar-actions{gap:6px}}

.public-link-page[data-layout="monochrome"],.link-page-preview[data-layout="monochrome"]{filter:grayscale(1)}
.public-link-page[data-layout="monochrome"] .public-page-inner{filter:none}
.public-link-page[data-layout="clean-minimal"] .public-page-block,.link-page-preview[data-layout="clean-minimal"] .preview-floor{
  padding-inline:clamp(12px,2vw,18px);
  row-gap:12px;
}
.public-link-page[data-layout="glass"] .public-page-block,.link-page-preview[data-layout="glass"] .preview-floor{
  overflow:hidden;
  background-clip:padding-box;
}
.public-link-page[data-layout="clean-minimal"] .public-page-block>:first-child,
.public-link-page[data-layout="glass"] .public-page-block>:first-child,
.link-page-preview[data-layout="clean-minimal"] .preview-floor>:first-child,
.link-page-preview[data-layout="glass"] .preview-floor>:first-child{margin-top:0}
.public-link-page[data-layout="clean-minimal"] .public-page-block>:last-child,
.public-link-page[data-layout="glass"] .public-page-block>:last-child,
.link-page-preview[data-layout="clean-minimal"] .preview-floor>:last-child,
.link-page-preview[data-layout="glass"] .preview-floor>:last-child{margin-bottom:0}


/* Site access and premium version history. */
.access-management-panel,.version-history-panel{display:grid;gap:18px}
.access-management-section{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.access-management-section h2,.version-history-panel h2{margin:0}
.access-add-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;align-items:end}
.access-add-form label,.transfer-site-form label{display:grid;gap:6px;font-size:13px;font-weight:750}
.access-user-list,.version-card-list{display:grid;gap:9px}
.access-user-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.access-user-card>div{display:grid;gap:2px;min-width:0}.access-user-card small{color:var(--muted);overflow-wrap:anywhere}
.transfer-site-form{display:grid;gap:11px}.transfer-site-form .switch-line{font-weight:650}
.version-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.version-card-main{display:flex;align-items:center;gap:12px;min-width:0}.version-card-main>div:last-child{display:grid;gap:3px;min-width:0}.version-card-main small{color:var(--muted)}
.version-number{display:grid;place-items:center;flex:0 0 auto;min-width:48px;height:42px;padding:0 8px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:900}
.version-card .button-row{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.access-add-form{grid-template-columns:1fr}.access-user-card,.version-card{align-items:flex-start;flex-direction:column}.access-user-card form,.version-card .button-row{width:100%}.access-user-card button,.version-card .button-row>*{flex:1}.version-card .button-row{justify-content:stretch}}

/* v70: collapsible logo controls, exact shape stroke and visual effects. */
.logo-visibility-setting{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;
  border:1px solid var(--line);border-radius:12px;background:var(--bg)
}
.logo-visibility-setting>span{display:grid;gap:3px}.logo-visibility-setting small{color:var(--muted);font-size:12px}
.logo-visibility-setting .compact-segmented{flex:0 0 auto;min-width:150px}
.logo-settings{display:grid;gap:16px;padding-top:2px}.logo-settings[hidden]{display:none!important}
.avatar-frame-palette,.avatar-effect-setting{min-width:0;margin:0;padding:0;border:0;display:grid;gap:8px}
.avatar-frame-palette legend,.avatar-effect-setting legend{padding:0;font-size:13px;font-weight:750}
.avatar-frame-palette .color-grid{gap:7px}.avatar-frame-palette .color-swatch span{width:32px;height:32px}
.avatar-effect-setting{grid-column:1/-1}.avatar-effect-setting .compact-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.avatar-frame-svg{inset:0!important;width:100%!important;height:100%!important;overflow:visible!important}
.avatar-frame-svg path{stroke-linejoin:round;stroke-linecap:round}
.avatar-frame-host[data-avatar-effect="none"]{filter:none}
.avatar-frame-host[data-avatar-effect="shadow"]{
  filter:drop-shadow(0 9px 11px color-mix(in srgb,var(--page-fg,#172033) 28%,transparent))
}
.avatar-frame-host[data-avatar-effect="glow"]{
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--avatar-border-color,#fff) 68%,transparent))
         drop-shadow(0 0 18px color-mix(in srgb,var(--avatar-border-color,#fff) 34%,transparent))
}
.public-link-page[data-layout="glass"] .avatar-frame-host[data-avatar-effect="shadow"],
.link-page-preview[data-layout="glass"] .avatar-frame-host[data-avatar-effect="shadow"]{
  filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--page-fg,#172033) 22%,transparent))
}
.public-link-page[data-layout="bold"] .avatar-frame-host[data-avatar-effect="shadow"],
.link-page-preview[data-layout="bold"] .avatar-frame-host[data-avatar-effect="shadow"]{
  filter:drop-shadow(7px 7px 0 color-mix(in srgb,var(--page-fg,#172033) 44%,transparent))
}
.public-link-page[data-layout="clean-minimal"] .avatar-frame-host[data-avatar-effect="glow"],
.link-page-preview[data-layout="clean-minimal"] .avatar-frame-host[data-avatar-effect="glow"]{
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--avatar-border-color,#fff) 42%,transparent))
}
@media(max-width:620px){
  .logo-visibility-setting{align-items:flex-start;flex-direction:column}
  .logo-visibility-setting .compact-segmented{width:100%}
}

/* v70: page sub-screens and invitation workflow. */
.page-subscreen-heading{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;justify-content:stretch}
.page-subscreen-heading .page-editor-back{margin-top:3px}
.access-pending-list{display:grid;gap:9px}.access-pending-list h3{margin:2px 0 0;font-size:14px}
.access-user-card.is-pending{border-style:dashed;background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg))}
.access-add-form input[type="email"],.transfer-site-form input[type="email"]{width:100%}
@media(max-width:620px){.page-subscreen-heading{grid-template-columns:40px minmax(0,1fr)}.page-subscreen-heading h1{font-size:clamp(24px,8vw,34px)}}
.avatar-frame-svg clipPath path,.avatar-frame-svg mask path{fill:#000!important;stroke:none!important;stroke-width:0!important}
.avatar-frame-svg>path{fill:none;stroke:var(--avatar-border-color,#fff);stroke-opacity:var(--avatar-border-alpha,100%);stroke-width:calc(var(--avatar-border-width,0px) + var(--avatar-border-width,0px));stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.avatar-circle .avatar-frame-svg>path{stroke-width:calc(var(--avatar-editor-border-width,var(--avatar-border-width,0px)) + var(--avatar-editor-border-width,var(--avatar-border-width,0px)))}

/* v71: editor toolbar grouping, compact logo switch and transfer toggle. */
.editor-toolbar-left{display:flex;align-items:center;gap:8px;min-width:0}
.editor-toolbar-management{display:flex;align-items:center;gap:7px;min-width:0}
.editor-toolbar-management .button{white-space:nowrap}
.editor-toolbar-actions{margin-left:auto}
.editor-toolbar .save-state{max-width:min(26vw,360px)}
.logo-visibility-setting .logo-visibility-switch{width:auto!important;min-width:0!important;padding:2px;align-self:center}
.logo-visibility-setting .logo-visibility-switch label{flex:0 0 auto!important}
.logo-visibility-setting .logo-visibility-switch span{min-width:34px;padding:4px 8px;font-size:12px;line-height:1.2;text-align:center}
[data-avatar-preview-logo][hidden],.preview-avatar.is-logo-hidden{display:none!important}
.avatar-media-mask{background:transparent!important}
.public-avatar-placeholder .avatar-media-mask{background:transparent!important}
.transfer-keep-switch{align-items:flex-start!important;width:min(100%,620px);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.transfer-keep-switch>span{flex:0 0 42px;margin-top:1px}
.transfer-keep-switch>strong{font-size:13px;line-height:1.45}
@media(max-width:1000px){
  .editor-toolbar{height:auto;min-height:64px;flex-wrap:wrap;padding-block:8px}
  .editor-toolbar-left{flex:1 1 100%;width:100%}
  .editor-toolbar-management{flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
  .editor-toolbar-management::-webkit-scrollbar{display:none}
  .editor-toolbar .save-state{position:static;order:3;width:auto;max-width:100%;margin:0 auto;transform:none}
  .editor-toolbar-actions{margin-left:auto}
}
@media(max-width:620px){
  .logo-visibility-setting{align-items:center;flex-direction:row}
  .logo-visibility-setting>span{min-width:0}
  .logo-visibility-setting .logo-visibility-switch{flex:0 0 auto;width:auto!important}
  .editor-toolbar-left{gap:6px}
  .editor-toolbar-management{gap:5px}
  .editor-toolbar-management .button{padding-inline:9px;font-size:11px}
  .transfer-keep-switch{padding:11px 12px}
}

/* v72: compact logo color and effect controls. */
.avatar-frame-palette{grid-column:1/-1}
.avatar-frame-palette legend,.avatar-effect-setting legend{font-size:12px;line-height:1.2;font-weight:800;color:var(--muted)}
.avatar-frame-color-row{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow-x:auto;padding:3px 3px 6px;scrollbar-width:thin}
.avatar-frame-color-row .color-swatch{flex:0 0 auto}
.avatar-frame-color-row .color-swatch span,.avatar-frame-color-row .color-swatch-custom{width:30px;height:30px}
.avatar-color-inherit>span{position:relative;background:linear-gradient(135deg,#fff 0 47%,#111827 47% 53%,#111827 53% 100%);box-shadow:inset 0 0 0 1px #0002}
.avatar-color-inherit>span:after{content:"";position:absolute;inset:6px;border:1px solid #fff8;border-radius:50%}
.avatar-custom-color{position:relative;width:30px!important;height:30px!important;border-width:2px}
.avatar-custom-color>span{width:100%!important;height:100%!important;background:conic-gradient(#ff334f,#ffbe0b,#62df24,#00b8ff,#6d4aff,#f0008d,#ff334f)!important}
.avatar-custom-color>input[type="color"]{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer;pointer-events:auto}
.avatar-effect-setting{grid-column:1/-1;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.avatar-effect-control-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px}
.avatar-effect-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;padding:3px;border-radius:10px}
.avatar-effect-switch label{min-width:0}
.avatar-effect-switch span{display:flex!important;align-items:center;justify-content:center;min-height:34px;padding:6px 8px!important;border-radius:7px!important;font-size:12px!important;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap}
.avatar-effect-color-picker{position:relative;display:block;width:34px;height:34px;border:2px solid var(--line);border-radius:50%;overflow:hidden;background:var(--surface);box-shadow:0 2px 7px #0002;cursor:pointer}
.avatar-effect-color-picker[hidden],.avatar-effect-strength[hidden]{display:none!important}
.avatar-effect-color-picker>span{display:block;width:100%;height:100%;background:var(--swatch,#7457F5);box-shadow:inset 0 0 0 2px #fff5}
.avatar-effect-color-picker>input[type="color"]{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.avatar-effect-color-picker>input[type="hidden"]{display:none}
.avatar-effect-strength{grid-column:1/-1;margin:0;padding-top:2px}
.avatar-effect-strength>span{font-size:12px}
.avatar-frame-host[data-avatar-effect="none"]{filter:none!important}
.avatar-frame-host[data-avatar-effect="shadow"]{filter:drop-shadow(0 var(--avatar-effect-shadow-y,7px) var(--avatar-effect-shadow-blur,12px) color-mix(in srgb,var(--avatar-effect-color,var(--page-fg,#172033)) var(--avatar-effect-alpha,38%),transparent))!important}
.avatar-frame-host[data-avatar-effect="glow"]{filter:drop-shadow(0 0 var(--avatar-effect-glow-near,7px) color-mix(in srgb,var(--avatar-effect-color,var(--avatar-border-color,#fff)) var(--avatar-effect-alpha,48%),transparent)) drop-shadow(0 0 var(--avatar-effect-glow-far,18px) color-mix(in srgb,var(--avatar-effect-color,var(--avatar-border-color,#fff)) var(--avatar-effect-soft-alpha,24%),transparent))!important}
@media(max-width:620px){.avatar-effect-control-row{grid-template-columns:minmax(0,1fr) 34px}.avatar-effect-switch span{padding-inline:5px!important;font-size:11px!important}}

/* v73: booking duration units, assignment-safe schedules and editable calendar rules */
.booking-duration-editor{display:grid;grid-template-columns:minmax(90px,1fr) minmax(110px,.8fr);gap:8px;align-items:end}
.booking-duration-editor>label{margin:0}
.booking-duration-editor-inline{grid-template-columns:minmax(74px,1fr) minmax(82px,.8fr);min-width:170px}
.booking-duration-editor-inline input,.booking-duration-editor-inline select{min-width:0;width:100%}
.booking-specialist-services>div{grid-template-columns:minmax(170px,1.2fr) minmax(90px,.65fr) minmax(90px,.65fr) minmax(180px,1fr)}
.booking-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}
.booking-row-actions form{margin:0}
.booking-edit-icon{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.booking-edit-icon:hover{transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 18%,transparent)}
.booking-edit-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-booking-location-select]:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
  .booking-duration-editor,.booking-duration-editor-inline{grid-template-columns:1fr 1fr}
  .booking-specialist-services>div{grid-template-columns:1fr 1fr}
  .booking-specialist-services>div>.switch-line{grid-column:1/-1}
}

/* v74: selectable booking duration and catalog-to-booking links */
.booking-duration-selectable-switch{margin-top:4px}
.booking-duration-range{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.booking-duration-range[hidden]{display:none!important}
.booking-specialist-variable-duration{grid-column:1/-1;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:12px;color:var(--muted)}
.booking-service-choice{display:grid!important;grid-template-columns:1fr;align-items:stretch!important}
.booking-service-choice>label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}
.booking-service-choice.is-active{border-color:var(--floor-accent);box-shadow:inset 0 0 0 1px var(--floor-accent)}
.booking-duration-choice{display:grid;grid-template-columns:32px minmax(90px,1fr) 32px auto;gap:8px;align-items:center;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--floor-fg) 12%,transparent)}
.booking-duration-choice button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--floor-accent) 55%,transparent);border-radius:50%;background:transparent;color:inherit;font-size:20px;line-height:1}
.booking-duration-choice input[type="range"]{width:100%;accent-color:var(--floor-accent)}
.booking-duration-choice output{min-width:86px;text-align:right;font-size:12px;font-weight:800}
.product-action-settings{display:grid;gap:10px}
.product-action-settings .field-label{font-size:13px;font-weight:800}
.product-action-selector{width:max-content;max-width:100%}
.product-action-selector span{min-height:34px;padding:7px 11px;font-size:12px}
.product-action-settings [hidden]{display:none!important}
@media(max-width:620px){
  .booking-duration-choice{grid-template-columns:32px minmax(70px,1fr) 32px;}
  .booking-duration-choice output{grid-column:1/-1;text-align:center}
  .product-action-selector{width:100%}
}
.public-floor-button.is-disabled{opacity:.55;pointer-events:none;cursor:default;filter:saturate(.45)}

/* v75: duration is selected beside the calendar, not inside a service card. */
.booking-calendar-duration{
  display:grid;
  gap:10px;
  margin:0 0 14px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--page-fg,#172033) 14%,transparent);
  border-radius:calc(var(--button-radius,8px) + 5px);
  background:color-mix(in srgb,var(--page-bg,#fff) 82%,transparent);
}
.booking-calendar-duration[hidden]{display:none!important}
.booking-calendar-duration-heading{display:grid;gap:3px}
.booking-calendar-duration-heading h4{margin:0;font-size:14px;line-height:1.25}
.booking-calendar-duration-heading p{margin:0;opacity:.7;font-size:11px;line-height:1.4}
.booking-calendar-duration-controls{display:grid;gap:8px}
.booking-calendar-duration-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(126px,auto);
  gap:12px;
  align-items:center;
  margin:0;
}
.booking-calendar-duration-row>span{display:grid;gap:2px;min-width:0}
.booking-calendar-duration-row strong{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.booking-calendar-duration-row small{opacity:.66;font-size:10px;line-height:1.35}
.booking-calendar-duration-row select{
  width:auto;
  min-width:126px;
  min-height:38px;
  margin:0;
  padding:7px 30px 7px 10px;
  border:1px solid color-mix(in srgb,var(--page-fg,#172033) 18%,transparent);
  border-radius:9px;
  background-color:color-mix(in srgb,var(--page-bg,#fff) 94%,transparent);
  color:inherit;
  font:inherit;
  font-size:12px;
}
.public-product-card .public-product-booking-button{display:flex;width:100%;justify-content:center}
@media(max-width:560px){
  .booking-calendar-duration-row{grid-template-columns:1fr}
  .booking-calendar-duration-row select{width:100%}
}
.preview-product-action{display:block;width:100%;box-sizing:border-box;text-align:center}

/* v76: calendar range selection for rentals and variable-duration services */
.booking-range-status{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--floor-accent) 38%,transparent);
  border-radius:var(--floor-radius);
  background:color-mix(in srgb,var(--floor-accent) 9%,transparent);
}
.booking-range-status[hidden]{display:none!important}
.booking-range-status>div{display:grid;gap:2px;min-width:0}
.booking-range-status strong{font-size:13px;line-height:1.25}
.booking-range-status small{font-size:11px;line-height:1.35;opacity:.72}
.booking-range-status button{
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--floor-accent) 48%,transparent);
  border-radius:999px;
  background:transparent;
  color:inherit;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.booking-time-heading{margin:3px 0 0;text-align:center;font-size:13px;line-height:1.25}
.booking-calendar-grid button.is-in-range{
  background:color-mix(in srgb,var(--floor-accent) 38%,transparent);
  color:inherit;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--floor-accent) 18%,transparent);
}
.booking-calendar-grid button:disabled.is-in-range{
  opacity:.82;
}
.booking-calendar-grid button.is-start,
.booking-calendar-grid button.is-end{
  background:var(--floor-accent);
  color:var(--floor-button-fg);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--floor-accent) 28%,transparent);
}
.booking-calendar-grid button:disabled.is-start{opacity:1}
@media(max-width:520px){
  .booking-range-status{grid-template-columns:1fr}
  .booking-range-status button{justify-self:start}
}

/* v77: linked catalog cards inherit the booking service title and price. */
.product-fields-card input.is-service-synced{
  background:color-mix(in srgb,var(--surface) 82%,var(--accent) 18%);
  border-color:color-mix(in srgb,var(--line) 68%,var(--accent) 32%);
  color:var(--text);
  cursor:not-allowed;
}
.product-service-sync-hint{
  margin:0;
  padding:9px 11px;
  border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%);
}


/* v78: online-booking block follows the page content-width setting in public view and preview. */
.link-page-preview .preview-floor[data-block-type="booking"]{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.public-page-block-booking>.public-booking,.preview-floor[data-block-type="booking"]>.preview-booking{box-sizing:border-box;width:100%;max-width:100%;min-width:0}

/* v79: page-scoped commerce administration */
.orders-heading{align-items:flex-end}
.orders-heading-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.order-page-switch{min-width:220px}
.orders-filter-compact{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,.72fr)) auto auto;gap:7px;padding:8px}
.orders-filter-compact input,.orders-filter-compact select{height:36px;font-size:12px}
.orders-filter-compact .button{min-height:36px;padding:7px 11px;font-size:12px}
.order-current-site{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.order-current-site span{color:var(--muted);font-size:12px;font-weight:750}
.order-current-site strong{font-size:14px;text-align:right}
.orders-module-empty .button{margin-top:12px}
@media(max-width:1180px){.orders-filter-compact{grid-template-columns:minmax(200px,1fr) repeat(3,minmax(120px,1fr))}.orders-filter-compact .orders-filter-query{grid-column:span 2}}
@media(max-width:760px){.orders-heading-actions{width:100%;align-items:stretch;flex-direction:column}.order-page-switch{width:100%;min-width:0}.orders-heading-actions>.button{width:100%}.orders-filter-compact{grid-template-columns:1fr}.orders-filter-compact .orders-filter-query{grid-column:auto}}

/* v80: isolated page chat */
.page-chat-setting{margin-top:12px}
.preview-chat-fab{position:absolute;right:16px;bottom:16px;width:46px;height:46px;padding:0;border:0;border-radius:max(14px,var(--button-radius,18px));display:grid;place-items:center;background:color-mix(in srgb,var(--button-bg,#2563eb) var(--button-opacity,100%),transparent);color:var(--button-fg,#fff);box-shadow:0 12px 28px rgba(15,23,42,.2);z-index:5}
.preview-chat-fab svg,.public-chat-fab svg,.public-chat-send svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.preview-chat-fab[hidden]{display:none!important}
.link-page-preview[data-button-style="outline"] .preview-chat-fab{background:color-mix(in srgb,var(--chat-surface,#fff) 88%,transparent);color:var(--button-bg,#2563eb);border:2px solid var(--button-bg,#2563eb)}

.public-chat-widget{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1600;font-family:var(--page-font,inherit);font-size:calc(16px * var(--page-font-scale,1));color:var(--page-fg,#172033)}
.public-chat-widget.has-cart{bottom:max(88px,calc(env(safe-area-inset-bottom) + 88px))}
.public-link-page[data-layout="monochrome"] .public-chat-widget{filter:grayscale(1)}
.public-chat-fab{width:58px;height:58px;padding:0;border:1px solid color-mix(in srgb,var(--button-bg,#2563eb) 70%,transparent);border-radius:max(18px,var(--button-radius,18px));display:grid;place-items:center;background:color-mix(in srgb,var(--button-bg,#2563eb) var(--button-opacity,100%),transparent);color:var(--button-fg,#fff);box-shadow:0 16px 38px rgba(15,23,42,.28);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.public-chat-fab:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(15,23,42,.32)}
.public-chat-fab.has-new-message svg{animation:public-chat-icon-shake .9s ease-in-out;transform-origin:50% 50%}
@keyframes public-chat-icon-shake{0%,100%{transform:translate3d(0,0,0) rotate(0)}16%{transform:translate3d(-2px,-2px,0) rotate(-8deg)}32%{transform:translate3d(2px,0,0) rotate(8deg)}48%{transform:translate3d(-2px,-1px,0) rotate(-6deg)}64%{transform:translate3d(2px,-3px,0) rotate(6deg)}80%{transform:translate3d(0,0,0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.public-chat-fab.has-new-message svg{animation:none}}
.public-link-page[data-button-style="outline"] .public-chat-fab{background:color-mix(in srgb,var(--chat-surface,#fff) 88%,transparent);color:var(--button-bg,#2563eb);border:2px solid var(--button-bg,#2563eb)}
.public-chat-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 110px));overflow:hidden;display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;background:color-mix(in srgb,var(--chat-surface,#fff) 96%,transparent);color:var(--page-fg,#172033);border:1px solid color-mix(in srgb,var(--page-fg,#172033) 18%,transparent);border-radius:max(18px,calc(var(--button-radius,8px) + 12px));box-shadow:0 28px 80px rgba(15,23,42,.32);backdrop-filter:blur(18px)}
.public-chat-panel[hidden]{display:none!important}
.public-chat-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid color-mix(in srgb,var(--page-fg,#172033) 12%,transparent);background:color-mix(in srgb,var(--button-bg,#2563eb) 10%,transparent)}
.public-chat-panel>header div{display:grid;gap:2px;min-width:0}.public-chat-panel>header strong{font-size:15px}.public-chat-panel>header small{opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-chat-panel>header button{width:34px;height:34px;border:0;border-radius:50%;background:color-mix(in srgb,var(--page-fg,#172033) 8%,transparent);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.public-chat-messages{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.public-chat-empty{margin:auto;text-align:center;max-width:250px;opacity:.68;font-size:13px;line-height:1.45}
.public-chat-message{max-width:84%;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--page-fg,#172033) 8%,transparent);align-self:flex-start;overflow-wrap:anywhere}
.public-chat-message.is-admin{align-self:flex-end;background:color-mix(in srgb,var(--button-bg,#2563eb) 22%,transparent)}
.public-chat-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.public-chat-message strong{font-size:12px}.public-chat-message time{font-size:10px;opacity:.55}.public-chat-message p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.45}
.public-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px 14px;border-top:1px solid color-mix(in srgb,var(--page-fg,#172033) 12%,transparent)}
.public-chat-identity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.public-chat-identity[hidden]{display:none!important}.public-chat-identity label{display:grid;gap:4px;font-size:11px;font-weight:700}.public-chat-identity label small{font-weight:400;opacity:.6}.public-chat-identity input,.public-chat-form textarea{box-sizing:border-box;width:100%;border:1px solid color-mix(in srgb,var(--page-fg,#172033) 18%,transparent);border-radius:max(10px,var(--button-radius,8px));background:color-mix(in srgb,var(--chat-surface,#fff) 94%,transparent);color:inherit;font:inherit;font-size:13px;padding:9px 10px;outline:none}.public-chat-form textarea{resize:none;min-height:44px;max-height:120px}.public-chat-identity input:focus,.public-chat-form textarea:focus{border-color:var(--button-bg,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--button-bg,#2563eb) 18%,transparent)}
.public-chat-message-field{min-width:0}.public-chat-send{width:44px;height:44px;padding:0;border:0;border-radius:max(12px,var(--button-radius,8px));display:grid;place-items:center;background:var(--button-bg,#2563eb);color:var(--button-fg,#fff);cursor:pointer}.public-chat-send:disabled{opacity:.55;cursor:wait}
.public-chat-status{grid-column:1/-1;margin:0;padding:0 14px 10px;font-size:11px;min-height:14px;opacity:.7}.public-chat-status.is-error{color:#dc2626;opacity:1}

.chat-dashboard-heading{align-items:flex-end}.chat-page-selector label{display:grid;gap:5px;font-size:12px;font-weight:700}.chat-page-selector select{min-width:240px}
.chat-admin-layout{min-height:650px;display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.chat-thread-column{display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--line);min-width:0}.chat-thread-column-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.chat-thread-column-head span{display:grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:800}
.chat-thread-list{overflow:auto;display:flex;flex-direction:column}.chat-thread-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.chat-thread-item:hover,.chat-thread-item.is-active{background:var(--surface-2)}.chat-thread-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}.chat-thread-copy{display:grid;gap:3px;min-width:0}.chat-thread-copy strong,.chat-thread-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread-copy small{opacity:.62;font-size:12px}.chat-thread-meta{display:grid;justify-items:end;gap:5px}.chat-thread-meta time{font-size:10px;opacity:.55}.chat-thread-meta b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px}.chat-thread-empty{padding:28px 18px;text-align:center;align-self:start}.chat-thread-empty p{margin:0 0 6px}.chat-thread-empty small{opacity:.6;line-height:1.45}
.chat-conversation-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--surface) 96%,var(--surface-2))}.chat-conversation-empty{margin:auto;text-align:center;padding:40px;max-width:420px}.chat-conversation-empty p{opacity:.65}
.admin-chat-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.admin-chat-conversation-head>div{display:grid;gap:3px}.admin-chat-conversation-head small{opacity:.6}
.admin-chat-messages{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.admin-chat-message{max-width:min(680px,82%);align-self:flex-start;padding:11px 13px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px rgba(15,23,42,.06)}.admin-chat-message.is-admin{align-self:flex-end;background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.admin-chat-message>div{display:flex;justify-content:space-between;gap:18px;margin-bottom:5px}.admin-chat-message strong{font-size:12px}.admin-chat-message time{font-size:10px;opacity:.55}.admin-chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.admin-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid var(--line);background:var(--surface)}.admin-chat-compose label{min-width:0}.admin-chat-compose textarea{box-sizing:border-box;width:100%;min-height:46px;max-height:140px;resize:vertical}.admin-chat-compose p{grid-column:1/-1;margin:0;min-height:14px;font-size:12px;opacity:.65}.admin-chat-compose p.is-error{color:var(--danger);opacity:1}

@media(max-width:800px){.chat-admin-layout{grid-template-columns:1fr;min-height:auto}.chat-thread-column{border-right:0;border-bottom:1px solid var(--line);max-height:330px}.chat-conversation-column{min-height:560px}.chat-page-selector select{min-width:0;width:100%}.chat-dashboard-heading{align-items:stretch}.public-chat-panel{position:fixed;left:14px;right:14px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px));width:auto;max-height:calc(100dvh - 112px)}.public-chat-identity{grid-template-columns:1fr}}
@media(max-width:520px){.public-chat-widget{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.public-chat-widget.has-cart{bottom:max(82px,calc(env(safe-area-inset-bottom) + 82px))}.public-chat-fab{width:54px;height:54px}.admin-chat-message{max-width:92%}.admin-chat-conversation-head{align-items:flex-start;flex-direction:column}.admin-chat-conversation-head form{width:100%}.admin-chat-conversation-head button{width:100%}}

/* v82: read-only embedded page action */
.embedded-readonly-action{display:flex;justify-content:center;padding:14px}.embedded-readonly-action .button{max-width:320px;width:100%;text-align:center}


/* v83: protected pages and compact password control */
.page-password-settings{margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.page-password-toggle{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-width:0!important;flex:none}
.page-password-toggle input{position:absolute;opacity:0;pointer-events:none}
.page-password-toggle span{position:relative;width:34px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,transparent);transition:.18s ease}
.page-password-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:.18s ease}
.page-password-toggle input:checked+span{background:var(--accent)}
.page-password-toggle input:checked+span::after{transform:translateX(14px)}
.page-password-toggle b{font-size:12px;line-height:1;white-space:nowrap}

/* v83: table editor */
.wysiwyg-table-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid var(--line);border-top:0;background:color-mix(in srgb,var(--surface-2) 86%,var(--surface));border-radius:0 0 12px 12px}
.wysiwyg-table-toolbar[hidden]{display:none!important}
.wysiwyg-table-toolbar-title{margin-right:3px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.wysiwyg-table-toolbar button{min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.wysiwyg-table-toolbar button:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent-soft)}
.wysiwyg-table-separator{width:1px;height:22px;background:var(--line);margin:0 2px}
.wysiwyg-table-color{position:relative;width:31px;height:31px;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:13px;font-weight:900;overflow:hidden;cursor:pointer}
.wysiwyg-table-color input{position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;opacity:0;cursor:pointer}
.wysiwyg-table-background{box-shadow:inset 0 -5px 0 #fff}
.wysiwyg-area td.is-selected-table-cell,.wysiwyg-area th.is-selected-table-cell{position:relative;outline:2px solid var(--accent);outline-offset:-2px}
.wysiwyg-area,.preview-rich-text,.public-rich-text{overflow-x:auto}
.wysiwyg-area table,.preview-rich-text table,.public-rich-text table{display:table!important;width:100%!important;max-width:100%!important;table-layout:fixed;border-collapse:collapse}
.wysiwyg-area th,.wysiwyg-area td,.preview-rich-text th,.preview-rich-text td,.public-rich-text th,.public-rich-text td{box-sizing:border-box;min-width:54px;overflow-wrap:anywhere;word-break:normal;vertical-align:top}
@media(max-width:720px){
  .wysiwyg-table-toolbar{gap:5px}
  .wysiwyg-table-toolbar-title{width:100%}
  .wysiwyg-table-separator{display:none}
}

/* v84: compact table controls, page password field and live opacity values */
.wys-table-align-switch{align-items:center;margin:0;padding:1px}
.wysiwyg-table-toolbar .wys-table-align-button{
  display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;
  padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);box-shadow:none
}
.wysiwyg-table-toolbar .wys-table-align-button svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round
}
.wysiwyg-table-toolbar .wys-table-align-button:hover,
.wysiwyg-table-toolbar .wys-table-align-button.is-active{
  border:0;background:var(--accent-soft);color:var(--accent)
}
.wysiwyg-table-color-control{position:relative;display:inline-flex;align-items:center}
.wysiwyg-table-toolbar .wysiwyg-table-color-trigger{
  --selected-color:transparent;position:relative;display:grid;place-items:center;
  width:32px;min-width:32px;height:32px;min-height:32px;padding:3px;border:2px solid transparent;
  border-radius:50%;color:var(--text);box-shadow:0 2px 0 var(--line);
  background:
    linear-gradient(var(--surface),var(--surface)) padding-box,
    conic-gradient(#ff334f,#ffbe0b,#62df24,#00b8ff,#6d4aff,#f0008d,#ff334f) border-box
}
.wysiwyg-table-toolbar .wysiwyg-table-color-trigger::after{
  content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border:2px solid var(--surface);
  border-radius:50%;background:var(--selected-color);box-shadow:0 0 0 1px var(--line)
}
.wysiwyg-table-toolbar .wysiwyg-table-color-trigger:hover,
.wysiwyg-table-toolbar .wysiwyg-table-color-trigger[aria-expanded="true"]{
  transform:translateY(-1px);box-shadow:0 3px 0 var(--line),0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)
}
.wysiwyg-table-color-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wysiwyg-table-color-letter{font-size:14px;font-weight:900;line-height:1}
.wysiwyg-table-color-popover{
  position:absolute;z-index:12;top:calc(100% + 8px);left:50%;display:grid;gap:8px;
  width:154px;padding:10px;transform:translateX(-50%);border:1px solid var(--line);border-radius:11px;
  background:var(--surface);box-shadow:0 12px 30px #17203326
}
.wysiwyg-table-color-popover[hidden]{display:none!important}
.wysiwyg-table-color-popover label{display:grid!important;gap:6px;color:var(--muted);font-size:11px;font-weight:750}
.wysiwyg-table-color-popover input[type="color"]{
  display:block;width:100%!important;height:34px!important;padding:2px!important;border:1px solid var(--line)!important;
  border-radius:8px;background:var(--surface-2);cursor:pointer
}
.wysiwyg-table-toolbar .wysiwyg-table-color-reset{
  min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;
  background:var(--surface-2);color:var(--muted);font-size:11px
}
.page-password-settings .password-reveal-field{width:100%}
@media(max-width:720px){
  .wysiwyg-table-color-popover{left:0;transform:none}
  .wysiwyg-table-color-control:last-of-type .wysiwyg-table-color-popover{right:0;left:auto}
}

/* v84: collapsible page blocks */
.block-collapse-setting{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;
  border:1px solid var(--line);border-radius:11px;background:var(--bg)
}
.block-collapse-setting>span{display:grid;gap:2px;min-width:0}
.block-collapse-setting small{max-width:310px;color:var(--muted);line-height:1.35}
.block-collapse-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.block-collapse-controls .compact-segmented{flex:0 0 auto;min-width:0}
.block-collapse-controls .compact-segmented span{padding:7px 9px;font-size:12px;line-height:1.2;white-space:nowrap}
.block-expanded-setting[hidden]{display:none!important}

.block-accordion-toggle{
  appearance:none;display:flex;align-items:center;gap:9px;width:100%;margin:0;padding:0;
  border:0;background:transparent;color:inherit;font:inherit;cursor:pointer
}
.block-accordion-toggle>span{min-width:0;overflow-wrap:anywhere}
.block-accordion-toggle svg{
  flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease
}
.block-accordion-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
[data-block-title-align="left"]>.block-accordion-toggle{justify-content:flex-start;text-align:left}
[data-block-title-align="center"]>.block-accordion-toggle{justify-content:center;text-align:center}
[data-block-title-align="right"]>.block-accordion-toggle{justify-content:flex-end;text-align:right}
.public-block-accordion-toggle{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.03em}
.public-block-accordion-content{margin-top:18px}
.preview-block-accordion-toggle{font-size:13px;font-weight:800}
.preview-block-accordion-content{display:grid;gap:7px;margin-top:7px;min-width:0;max-width:100%}
.block-accordion-content[hidden]{display:none!important}
.public-page-block-booking>.public-block-accordion-content>.public-booking,
.preview-floor[data-block-type="booking"]>.preview-block-accordion-content>.preview-booking{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0
}
@media(max-width:680px){
  .block-collapse-setting{align-items:flex-start;flex-direction:column}
  .block-collapse-setting small{max-width:none}
  .block-collapse-controls{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
  .block-collapse-controls .compact-segmented{width:100%}
  .block-collapse-controls .compact-segmented label{flex:1}
  .block-collapse-controls .compact-segmented span{text-align:center}
  .public-page-block[data-mobile-height="screen"][data-collapsible="1"]:not(.is-expanded){
    min-height:0;height:auto;justify-content:flex-start
  }
  .device-preview[data-size="mobile"] .preview-floor[data-mobile-height="screen"][data-collapsible="1"]:not(.is-expanded){
    min-height:0;justify-content:flex-start
  }
}
@media(prefers-reduced-motion:reduce){
  .block-accordion-toggle svg{transition:none}
}

/* v84 editor link dialog, guarded component closing and public rendering fixes. */
.wysiwyg-area a{
  color:color-mix(in srgb,var(--accent) 82%,var(--text));
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  cursor:text
}
.editor-modal-dialog-compact{width:min(520px,calc(100vw - 28px));max-height:min(560px,var(--editor-modal-viewport,100dvh))}
.wys-link-editor-card{display:grid;gap:12px}.wys-link-editor-card label{display:grid;gap:7px}.wys-link-editor-card input{width:100%}
.wys-link-editor-footer{display:flex;align-items:center;gap:10px}.wys-link-editor-spacer{flex:1 1 auto}
.wys-link-editor-card .form-hint{margin:0;color:var(--danger);font-weight:750}
.editor-discard-overlay{z-index:180;display:grid;place-items:center;padding:18px;background:#10182878;backdrop-filter:blur(6px)}
.editor-discard-overlay[hidden]{display:none!important}
.editor-modal-dialog-warning{width:min(520px,calc(100vw - 28px));max-height:min(460px,var(--editor-modal-viewport,100dvh))}
.editor-discard-card p{margin:0;color:var(--text);font-size:15px;line-height:1.55}
.button-danger{border-color:var(--danger);background:var(--danger);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--danger) 62%,#000)}
.button-danger:hover{filter:brightness(1.04)}

/* Scaling must be applied on the final public page, not only in the editor preview. */
.public-avatar .avatar-media-mask img{
  max-width:none!important;
  object-fit:contain!important;
  transform:scale(var(--avatar-scale,1));
  transform-origin:var(--avatar-x,50%) var(--avatar-y,50%);
  object-position:var(--avatar-x,50%) var(--avatar-y,50%)!important
}
.link-page-preview[data-background-mode="image"]:after,
.public-link-page[data-background-mode="image"]:after{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important
}
@media(max-width:620px){
  .public-link-page[data-background-mode="image"]:after{
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important
  }
  .wys-link-editor-footer{flex-wrap:wrap}.wys-link-editor-spacer{display:none}.wys-link-editor-footer .button{flex:1 1 auto}
}

/* The first home screen occupies the viewport; the following section appears after scrolling. */
.hero{
  box-sizing:border-box;
  display:grid;
  align-items:center;
  min-height:calc(100svh - 73px);
  padding-top:clamp(48px,8vh,92px);
  padding-bottom:clamp(94px,12vh,126px)
}
.hero-inner{width:100%}
.home-scroll-next{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:clamp(20px,4vh,38px);
  display:grid;
  place-items:center;
  width:58px;
  height:38px;
  border-radius:22px;
  color:var(--accent);
  text-decoration:none;
  transform:translateX(-50%);
  animation:home-scroll-nudge 2.2s ease-in-out infinite
}
.home-scroll-next:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}
.home-scroll-chevron{
  display:block;
  width:31px;
  height:15px;
  border-right:4px solid currentColor;
  border-bottom:4px solid currentColor;
  border-radius:0 0 5px 0;
  transform:translateY(-4px) rotate(45deg) skew(-8deg,-8deg)
}
@keyframes home-scroll-nudge{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,8px)}
}
@media(max-width:760px){
  .hero{min-height:calc(100svh - 63px);padding-top:46px;padding-bottom:92px}
  .home-scroll-next{bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .home-scroll-next{animation:none}
}

/* v84: premium reservation list, compact rich descriptions and final interaction fixes. */
.simple-rich-field{display:grid;gap:7px;margin-top:14px}.simple-rich-field>.field-label{font-size:13px;font-weight:800;color:var(--text)}
.wysiwyg-compact .wysiwyg-toolbar{padding:6px;gap:4px}.wysiwyg-compact .wysiwyg-toolbar button{min-height:32px;padding:5px 9px;font-size:12px}
.wysiwyg-area-compact{min-height:108px;max-height:260px;padding:12px 13px}.wysiwyg-area-compact:empty:before{content:attr(data-placeholder);color:var(--muted)}
.public-block-description{margin:0 0 16px;opacity:.88}.public-block-description>:first-child,.public-product-description>:first-child{margin-top:0}.public-block-description>:last-child,.public-product-description>:last-child{margin-bottom:0}
.public-product-description{font-size:12px;line-height:1.45;opacity:.82}.public-product-description p{font-size:inherit!important}.public-product-description ul,.public-product-description ol{margin:6px 0;padding-left:18px}

.social-account-field{display:flex;align-items:stretch;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.social-account-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.social-account-field>[data-social-prefix-display]{display:flex;align-items:center;max-width:46%;padding:0 8px;background:var(--surface-2);border-right:1px solid var(--line);color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-account-field>[data-social-prefix-display][hidden]{display:none!important}.social-account-field input{min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}

.public-gift-list{display:grid;gap:14px}.public-gift-list-grid{align-items:stretch}.public-gift-card{position:relative;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
.public-gift-card>input{position:absolute;opacity:0;pointer-events:none}.public-gift-card:not(.is-reserved):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--floor-accent) 58%,transparent)}
.public-gift-card.is-selected{border-color:var(--floor-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--floor-accent) 20%,transparent)}
.public-gift-card.is-reserved{cursor:default;opacity:.58;filter:saturate(.65)}
.gift-select-label,.gift-reserved-badge{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;min-height:36px;padding:7px 10px;border-radius:max(8px,calc(var(--floor-radius) * .65));font-size:12px;font-weight:850}
.gift-select-label{border:1px solid color-mix(in srgb,var(--floor-accent) 55%,transparent);color:var(--floor-accent)}.gift-select-label>span{width:13px;height:13px;border:2px solid currentColor;border-radius:50%}.is-selected .gift-select-label>span{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--floor-bg) 88%,#fff);background:currentColor}
.gift-reserved-badge{background:color-mix(in srgb,var(--floor-fg) 9%,transparent);color:var(--floor-fg)}
.public-gift-confirm-button{justify-self:center;min-width:min(280px,100%)}.public-gift-confirm-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.public-gift-list-hint{margin:-5px auto 0;max-width:520px;text-align:center;font-size:12px;opacity:.68}
.public-gift-dialog{width:min(480px,calc(100vw - 28px));padding:24px;border:1px solid color-mix(in srgb,var(--page-fg,#172033) 18%,transparent);border-radius:22px;background:var(--chat-surface,#fff);color:var(--page-fg,#172033);box-shadow:0 28px 80px #0f172a42}.public-gift-dialog::backdrop{background:#0f172a78;backdrop-filter:blur(4px)}
.public-gift-dialog h2{margin:0 38px 8px 0}.public-gift-dialog>p{margin:0 0 18px;font-weight:800;color:var(--button-bg,var(--accent))}.public-gift-dialog form{display:grid;gap:12px}.public-gift-dialog label{display:grid;gap:6px;font-size:13px;font-weight:750}.public-gift-dialog input:not([type=checkbox]){width:100%;height:46px;padding:0 12px;border:1px solid color-mix(in srgb,var(--page-fg,#172033) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--chat-surface,#fff) 94%,#fff);color:inherit}

.editor-discard-overlay{z-index:210;background:#10182866;backdrop-filter:blur(4px)}
.editor-discard-dialog{position:relative;width:min(390px,calc(100vw - 30px));padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 26px 70px #0f172a3d;text-align:center}
.editor-discard-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:22px;cursor:pointer}
.editor-discard-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:22px;font-weight:900}
.editor-discard-dialog h2{margin:0 0 7px;font-size:21px}.editor-discard-dialog p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.editor-discard-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.editor-discard-actions .button{min-width:0;padding-inline:10px}

.public-chat-fab.has-unread-message svg{transform-origin:50% 55%;animation:public-chat-unread-pulse 2.8s ease-in-out infinite}
@keyframes public-chat-unread-pulse{0%,52%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}58%{transform:translate3d(-1px,-3px,0) rotate(-7deg) scale(1.08)}64%{transform:translate3d(2px,-7px,0) rotate(7deg) scale(1.16)}70%{transform:translate3d(-2px,-4px,0) rotate(-6deg) scale(1.1)}77%{transform:translate3d(1px,-1px,0) rotate(4deg) scale(1.04)}84%{transform:translate3d(0,0,0) rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.public-chat-fab.has-unread-message svg{animation:none}}

/* The home control is independent from the shortener card and sits at the bottom of the first screen. */
.hero{position:relative}.hero-inner{transform:translateY(-3vh)}
.home-scroll-next{position:absolute!important;left:50%;bottom:clamp(18px,3vh,32px);width:62px;height:38px;transform:translateX(-50%);border:0;background:transparent}
.home-scroll-chevron{display:block;width:36px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform:none!important;border:0!important}
@keyframes home-scroll-nudge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:760px){.hero-inner{transform:translateY(-2vh)}.home-scroll-next{bottom:14px}}

/* Haa.su v84: public news presentation, news editor and About page. */
.news-display-settings{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:24px;margin-bottom:18px}
.news-settings-copy h2{margin:0 0 6px}.news-settings-copy p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.news-settings-controls{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.compact-segmented-control{min-width:0;margin:0;padding:0;border:0}.compact-segmented-control legend,.news-count-control{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.compact-segmented-control>div{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.compact-segmented-control label{position:relative;display:block}.compact-segmented-control input{position:absolute;opacity:0;pointer-events:none}.compact-segmented-control span{display:grid;place-items:center;min-height:34px;padding:0 12px;border-radius:7px;color:var(--muted);font-size:12px;font-weight:800;text-transform:none;letter-spacing:0;cursor:pointer;white-space:nowrap}
.compact-segmented-control input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #00000012}
.compact-segmented-control input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.news-count-control select{width:72px;min-height:40px;padding:0 28px 0 11px;border-radius:10px}
.news-display-settings .button{min-height:40px}

.news-rich-field{display:grid!important;gap:7px}.news-rich-field>span{font-size:13px;font-weight:750;color:var(--text)}
.news-rich-editor{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.news-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.news-rich-toolbar button{min-width:33px;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:750;box-shadow:none;cursor:pointer}
.news-rich-toolbar button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}
.news-rich-area{min-height:220px;max-height:520px;overflow:auto;padding:15px;outline:0;line-height:1.58}
.news-rich-area:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent)}
.news-rich-area:empty:before{content:attr(data-placeholder);color:var(--muted)}
.news-rich-area h2,.news-rich-area h3{margin:18px 0 8px}.news-rich-area p{margin:0 0 12px}.news-rich-area a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;color:var(--accent)}
.news-rich-area ul,.news-rich-area ol{padding-left:24px}

.portal-simple-modal,.portal-news-dialog{position:fixed;z-index:260;inset:0;display:grid;place-items:center;padding:18px;background:#10182873;backdrop-filter:blur(5px)}
.portal-simple-modal[hidden],.portal-news-dialog[hidden]{display:none!important}
body.has-portal-modal{overflow:hidden}
.portal-simple-modal-card{width:min(430px,calc(100vw - 30px));padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 28px 80px #0f172a38}
.portal-simple-modal-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.portal-simple-modal-card h2{margin:0;font-size:22px}
.portal-simple-modal-card>label{display:grid;gap:7px;font-size:13px;font-weight:750}.portal-simple-modal-card input{width:100%}
.portal-simple-modal-card>footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;margin-top:18px}.portal-simple-modal-card>footer .button{min-height:40px;padding-inline:13px}
.portal-modal-close,.portal-news-dialog-close{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--text);box-shadow:0 3px 0 var(--line);cursor:pointer}
.portal-modal-close:before,.portal-modal-close:after,.portal-news-dialog-close:before,.portal-news-dialog-close:after{content:"";position:absolute;width:15px;height:2px;border-radius:2px;background:currentColor}.portal-modal-close:before,.portal-news-dialog-close:before{transform:rotate(45deg)}.portal-modal-close:after,.portal-news-dialog-close:after{transform:rotate(-45deg)}
.portal-modal-close:hover,.portal-news-dialog-close:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft)}

.news-section{scroll-margin-top:92px}.news-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.news-heading .eyebrow{margin:0}
.news-collection{min-width:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.news-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--bg);box-shadow:0 8px 26px #1720330a;transition:border-color .18s,box-shadow .18s;background-clip:padding-box}
.news-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 13px 34px #17203314}
.news-card-open{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;width:100%;height:100%;min-height:250px;padding:22px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.news-card-open time{color:var(--muted);font-size:12px}.news-card-open h3{margin:11px 0 9px;font-size:21px;line-height:1.18;letter-spacing:-.025em}.news-card-open p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.52}.news-card-open>span{align-self:end;color:var(--accent);font-size:13px;font-weight:800}.news-card-open>span i{display:inline-block;margin-left:4px;font-style:normal;transition:transform .18s}.news-card-open:hover>span i{transform:translateX(3px)}.news-card-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.news-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 28px)/3));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:2px 1px 10px}.news-carousel::-webkit-scrollbar{display:none}.news-carousel-slide{scroll-snap-align:start}
.news-carousel-controls{display:flex;gap:7px}.news-carousel-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--line);font:inherit;font-size:25px;line-height:1;cursor:pointer}.news-carousel-controls button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.news-carousel-controls button:disabled{opacity:.32;cursor:default}.news-carousel-controls span{transform:translateY(-1px)}
.news-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px}.news-pagination a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;font-weight:800}.news-pagination a:hover,.news-pagination a.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.news-pagination a.is-active{pointer-events:none}

.portal-news-dialog{align-items:center;overflow:auto}.portal-news-dialog-card{position:relative;width:min(760px,calc(100vw - 30px));max-height:min(86vh,900px);overflow:auto;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 32px 90px #0f172a45}
.portal-news-dialog-close{position:sticky;z-index:2;top:0;float:right;margin:-8px -8px 10px 18px;background:var(--surface)}
.portal-news-dialog-article time{display:block;margin-bottom:12px;color:var(--muted);font-size:12px}.portal-news-dialog-article h2{max-width:650px;margin:0 0 22px;font-size:clamp(29px,5vw,48px);line-height:1.03;letter-spacing:-.045em}
.portal-news-rich-text{font-size:16px;line-height:1.68}.portal-news-rich-text p{margin:0 0 16px}.portal-news-rich-text h2{margin:30px 0 12px;font-size:28px}.portal-news-rich-text h3{margin:24px 0 10px;font-size:21px}.portal-news-rich-text ul,.portal-news-rich-text ol{padding-left:24px}.portal-news-rich-text a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.portal-news-rich-text table{width:100%;border-collapse:collapse}.portal-news-rich-text td,.portal-news-rich-text th{padding:9px;border:1px solid var(--line);vertical-align:top}

.about-hero{padding:110px 0 90px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),radial-gradient(circle at 90% 40%,#16a08514,transparent 38%)}
.about-hero-inner{max-width:1080px}.about-hero h1{max-width:980px;margin:14px 0 24px;font-size:clamp(48px,8vw,92px);line-height:.94;letter-spacing:-.07em}.about-hero p{max-width:780px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.5}
.about-story,.about-capabilities,.about-principles,.about-cta{padding:82px 0}.about-story-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:60px}.about-story h2,.about-section-heading h2,.about-principles h2,.about-cta h2{margin:11px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em}.about-story-copy{display:grid;gap:18px}.about-story-copy p{margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.about-capabilities{background:var(--surface-2)}.about-section-heading{max-width:760px;margin-bottom:34px}.about-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.about-capability-grid article{min-height:260px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 9px 28px #17203309}.about-capability-grid article>span{color:var(--accent);font-size:12px;font-weight:850}.about-capability-grid h3{margin:64px 0 10px;font-size:21px;line-height:1.18}.about-capability-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.about-principles-inner{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:60px}.about-principles ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.about-principles li{padding:17px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.45}.about-principles li:before{content:"→";margin-right:11px;color:var(--accent);font-weight:900}
.about-cta{padding-top:0}.about-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:38px;border:1px solid var(--line);border-radius:18px;background:var(--text);color:var(--surface)}.about-cta .eyebrow{color:#b6a8ff}.about-cta h2{max-width:720px;font-size:clamp(30px,4.5vw,52px)}.about-cta .button-secondary{border-color:#ffffff4a;background:transparent;color:#fff;box-shadow:0 4px 0 #ffffff2e}

@media(max-width:980px){
  .news-display-settings{grid-template-columns:1fr}.news-settings-controls{justify-content:flex-start}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-carousel{grid-auto-columns:minmax(280px,calc((100% - 14px)/2))}
  .about-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .news-settings-controls{display:grid;grid-template-columns:1fr 86px;align-items:end}.news-settings-controls .compact-segmented-control{min-width:0}.news-settings-controls .compact-segmented-control>div{width:100%}.news-settings-controls .compact-segmented-control span{width:100%;padding-inline:8px}.news-settings-controls .button{width:100%}
  .news-grid{grid-template-columns:1fr}.news-carousel{grid-auto-columns:minmax(86%,1fr)}.news-card-open{min-height:225px;padding:19px}
  .portal-simple-modal-card>footer{grid-template-columns:1fr 1fr}.portal-simple-modal-card>footer>span{display:none}.portal-simple-modal-card>footer [data-admin-rich-link-remove]{grid-column:1/-1}
  .portal-news-dialog{padding:10px}.portal-news-dialog-card{width:100%;max-height:92vh;padding:23px 19px;border-radius:16px}.portal-news-dialog-close{margin-right:0}.portal-news-dialog-article h2{font-size:31px}
  .about-hero{padding:82px 0 64px}.about-story,.about-capabilities,.about-principles,.about-cta{padding:60px 0}.about-story-grid,.about-principles-inner{grid-template-columns:1fr;gap:28px}.about-capability-grid{grid-template-columns:1fr}.about-capability-grid article{min-height:210px}.about-capability-grid h3{margin-top:38px}.about-cta-inner{display:grid;align-items:start;padding:26px 20px}.about-cta .button-row{display:grid;width:100%}.about-cta .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.news-card,.news-card-open>span i{transition:none}.news-carousel{scroll-behavior:auto}}
