/* SERVICES 03 · AURA visual page builder. Keep the approved gradient and
   square artwork frame. The actual website is the visual anchor; Chinese
   component controls and a single dragged tile explain page assembly. */
.svq__fig .gs-builder { pointer-events:none;visibility:hidden;transition:opacity .45s var(--wy-ease),transform .45s var(--wy-ease),visibility 0s .45s; }
.svq__fig .gs-builder.is-on { visibility:visible;transition-delay:0s; }
.gs-builder .gse-scene {
  --gse-micro:min(1.5625cqw,var(--wy-fs-micro));
  --gse-small:min(1.8029cqw,var(--wy-fs-small));
  --gse-body:min(2.0433cqw,var(--wy-fs-body));
  position:absolute;inset:0;isolation:isolate;
  color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;letter-spacing:normal;
}
.gs-builder .gse-scene *, .gs-builder .gse-scene *::before, .gs-builder .gse-scene *::after { box-sizing:border-box; }
.gs-builder .gse-icon { display:block;flex:none;inline-size:min(1.9231cqw,var(--wy-s4));block-size:min(1.9231cqw,var(--wy-s4));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.gs-builder .gse-browser {
  position:absolute;inset-inline-start:5.7692%;inset-block-start:8.6538%;inline-size:88.4615%;block-size:78.8462%;
  display:grid;grid-template-rows:min(3.8462cqw,32px) min(6.25cqw,52px) minmax(0,1fr);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));border-radius:min(1.4423cqw,var(--wy-r-card));background:var(--wy-g0);
  box-shadow:0 12px 32px -12px color-mix(in srgb,var(--wy-blue-dark) 18%,transparent),0 2px 6px color-mix(in srgb,var(--wy-ink) 4%,transparent);
}
.gs-builder .gse-chrome { display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(1.9231cqw,var(--wy-s4));background:linear-gradient(180deg,var(--wy-g50),color-mix(in srgb,var(--wy-g50) 75%,var(--wy-g100))); }
.gs-builder .gse-dots { display:flex;gap:min(.6009cqw,5px);flex:none; }
.gs-builder .gse-dots i { inline-size:min(.9615cqw,var(--wy-s2));block-size:min(.9615cqw,var(--wy-s2));border-radius:50%;background:#F36C65; }
.gs-builder .gse-dots i:nth-child(2) { background:#F3BE48; }
.gs-builder .gse-dots i:nth-child(3) { background:#47B974; }
.gs-builder .gse-url { flex:1;min-inline-size:0;text-align:center;color:var(--wy-g500);font-family:var(--wy-font-en);font-size:min(1.3221cqw,11px);line-height:1;white-space:nowrap; }
.gs-builder .gse-chrome > .gse-icon { color:var(--wy-g500);inline-size:min(1.4423cqw,var(--wy-s3));block-size:min(1.4423cqw,var(--wy-s3)); }
.gs-builder .gse-toolbar,.gs-builder .gse-workspace { display:grid;grid-template-columns:22% minmax(0,1fr);min-block-size:0; }
.gs-builder .gse-brand { display:flex;align-items:center;gap:min(.9615cqw,var(--wy-s2));padding-inline:min(1.9231cqw,var(--wy-s4)); }
.gs-builder .gse-brand-full { display:block;inline-size:min(10.3365cqw,86px);block-size:auto;border-radius:0; }
.gs-builder .gse-brand-mark { display:none; }
.gs-builder .gse-brand-label { color:var(--wy-g500);font-family:var(--wy-font-en);font-size:var(--gse-micro);font-weight:500; }
.gs-builder .gse-topbar { display:flex;align-items:center;justify-content:space-between;gap:min(1.4423cqw,var(--wy-s3));padding-inline:min(2.4038cqw,20px);font-size:var(--gse-micro);white-space:nowrap; }
.gs-builder .gse-breadcrumb { display:flex;align-items:center;gap:min(.9615cqw,var(--wy-s2)); }
.gs-builder .gse-breadcrumb > span:first-child { color:var(--wy-g500); }
.gs-builder .gse-actions { display:flex;gap:min(.9615cqw,var(--wy-s2)); }
.gs-builder .gse-action { display:flex;align-items:center;justify-content:center;gap:min(.7212cqw,6px);padding:min(.7212cqw,6px) min(1.2019cqw,10px);border:1px solid var(--wy-g100);border-radius:min(.7212cqw,var(--wy-r-sm));background:var(--wy-g0);line-height:1; }
.gs-builder .gse-action--primary { background:var(--wy-primary);border-color:var(--wy-primary);color:var(--wy-g0); }
.gs-builder .gse-components { padding:min(2.4038cqw,20px) min(1.4423cqw,var(--wy-s3));background:var(--wy-g0); }
.gs-builder .gse-components-title { display:block;padding-inline:min(1.2019cqw,10px);font-size:var(--gse-small);font-weight:500; }
.gs-builder .gse-tree { display:grid;gap:min(.9615cqw,var(--wy-s2));margin:min(1.9231cqw,var(--wy-s4)) 0 0;padding:0;list-style:none; }
.gs-builder .gse-tree li { display:flex;align-items:center;gap:min(1.2019cqw,10px);padding:min(1.4423cqw,var(--wy-s3)) min(1.2019cqw,10px);border-radius:min(.9615cqw,var(--wy-r-btn));font-size:var(--gse-micro);white-space:nowrap; }
.gs-builder .gse-tree .gse-tree-current { background:var(--wy-primary-subtle);color:var(--wy-primary);font-weight:500; }
.gs-builder .gse-main { min-inline-size:0;padding:min(2.4038cqw,20px);background:var(--wy-g25); }
.gs-builder .gse-page { position:relative;min-inline-size:0;background:var(--wy-g0);box-shadow:0 2px 8px color-mix(in srgb,var(--wy-ink) 4%,transparent); }
.gs-builder .gse-masthead { display:flex;align-items:center;justify-content:space-between;gap:min(1.2019cqw,10px);block-size:min(4.3269cqw,36px);padding-inline:min(1.9231cqw,var(--wy-s4));font-family:var(--wy-font-en);letter-spacing:normal; }
.gs-builder .gse-wordmark { font-size:min(1.8029cqw,var(--wy-fs-small));font-weight:500;line-height:1; }
.gs-builder .gse-webnav { display:flex;gap:min(1.9231cqw,var(--wy-s4));font-size:min(1.2019cqw,10px);line-height:1;white-space:nowrap; }
.gs-builder .gse-hero { position:relative;block-size:min(37.2596cqw,310px);background:var(--wy-blue-subtle); }
.gs-builder .gse-hero > img { position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;object-position:center;border-radius:0; }
.gs-builder .gse-webcopy { position:absolute;inset-inline-start:6%;inset-block-start:22%;font-family:var(--wy-font-en);color:#1C242D;letter-spacing:normal; }
.gs-builder .gse-product { display:block;font-size:min(2.8846cqw,var(--wy-fs-h3));font-weight:500;line-height:1.2;letter-spacing:normal;white-space:nowrap; }
.gs-builder .gse-headline { display:block;margin-block-start:min(1.4423cqw,var(--wy-s3));font-size:min(1.9231cqw,var(--wy-fs-body));line-height:1.4;letter-spacing:normal; }
.gs-builder .gse-webcta { display:inline-flex;align-items:center;gap:min(1.2019cqw,10px);margin-block-start:min(1.9231cqw,var(--wy-s4));padding:min(.9615cqw,var(--wy-s2)) min(1.4423cqw,var(--wy-s3));background:#202B34;color:var(--wy-g0);font-size:min(1.2019cqw,10px);line-height:1; }
.gs-builder .gse-webcta .gse-icon { inline-size:min(1.4423cqw,var(--wy-s3));block-size:min(1.4423cqw,var(--wy-s3)); }
.gs-builder .gse-selection { position:absolute;inset:0;border:1.5px solid var(--wy-primary); }
.gs-builder .gse-selection-label { position:absolute;inset-inline-start:0;inset-block-start:0;display:block;padding:min(.4808cqw,var(--wy-s1)) min(.9615cqw,var(--wy-s2));background:var(--wy-primary);color:var(--wy-g0);font-family:var(--wy-font-cn);font-size:var(--gse-micro);line-height:1;white-space:nowrap; }
.gs-builder .gse-handle { position:absolute;inline-size:min(.7212cqw,6px);block-size:min(.7212cqw,6px);background:var(--wy-g0);border:1px solid var(--wy-primary); }
.gs-builder .gse-handle:nth-of-type(1) { inset-inline-start:-3px;inset-block-start:-3px; }
.gs-builder .gse-handle:nth-of-type(2) { inset-inline-end:-3px;inset-block-start:-3px; }
.gs-builder .gse-handle:nth-of-type(3) { inset-inline-start:-3px;inset-block-end:-3px; }
.gs-builder .gse-handle:nth-of-type(4) { inset-inline-end:-3px;inset-block-end:-3px; }
.gs-builder .gse-dropzone { display:flex;align-items:center;justify-content:center;gap:min(.9615cqw,var(--wy-s2));block-size:min(7.6923cqw,var(--wy-s8));margin-block-start:min(1.9231cqw,var(--wy-s4));border:1px dashed var(--wy-primary-light);border-radius:min(.9615cqw,var(--wy-r-btn));background:color-mix(in srgb,var(--wy-primary-subtle) 45%,var(--wy-g0));color:var(--wy-primary);font-size:var(--gse-micro); }
.gs-builder .gse-drag-card {
  position:absolute;inset-inline-start:13.4615%;inset-block-start:64.4231%;inline-size:31.25%;block-size:8.6538%;z-index:2;
  display:flex;align-items:center;gap:min(1.4423cqw,var(--wy-s3));padding:min(1.9231cqw,var(--wy-s4));
  border:1px solid color-mix(in srgb,var(--wy-primary-light) 65%,var(--wy-g100));border-radius:min(1.4423cqw,var(--wy-r-card));background:var(--wy-g0);
  box-shadow:0 12px 32px -12px color-mix(in srgb,var(--wy-blue-dark) 18%,transparent),0 2px 6px color-mix(in srgb,var(--wy-ink) 5%,transparent);
}
.gs-builder .gse-drag-icon { display:grid;place-items:center;flex:none;inline-size:min(4.8077cqw,40px);block-size:min(4.8077cqw,40px);border-radius:min(.9615cqw,var(--wy-r-btn));background:var(--wy-primary-subtle);color:var(--wy-primary); }
.gs-builder .gse-drag-icon .gse-icon { inline-size:min(2.4038cqw,20px);block-size:min(2.4038cqw,20px); }
.gs-builder .gse-drag-title { font-size:var(--gse-body);font-weight:500;white-space:nowrap; }
.gs-builder .gse-grip { margin-inline-start:auto;inline-size:min(1.4423cqw,var(--wy-s3));block-size:min(2.4038cqw,20px);color:var(--wy-g300); }
.gs-builder .gse-cursor { position:absolute;inset-inline-start:42.0673%;inset-block-start:70.1923%;inline-size:4.0865%;block-size:5.0481%;z-index:3;fill:#24212E;stroke:var(--wy-g0);stroke-width:1.5;stroke-linejoin:round; }
/* Use the already-approved artwork capacity boundary. Keep component names
   visible; omit their secondary icons rather than narrowing the preview. */
@container global-site-artwork (max-width:600px) {
  .gs-builder .gse-scene { --gse-micro:clamp(8px,1.5625cqw,12px);--gse-small:clamp(9px,1.8029cqw,13px);--gse-body:clamp(11px,2.0433cqw,15px); }
  .gs-builder .gse-browser { border-radius:2cqw; }
  .gs-builder .gse-brand { justify-content:center;gap:1cqw;padding-inline:1cqw; }
  .gs-builder .gse-brand-full { display:none; }
  .gs-builder .gse-brand-mark { display:block;inline-size:3.5cqw;block-size:auto;border-radius:0; }
  .gs-builder .gse-topbar { gap:1cqw;padding-inline:2cqw; }
  .gs-builder .gse-actions { gap:1cqw; }
  .gs-builder .gse-action { padding:1cqw 1.5cqw;border-radius:1cqw; }
  .gs-builder .gse-action .gse-icon { display:none; }
  .gs-builder .gse-components { padding:2cqw 1cqw; }
  .gs-builder .gse-components-title { padding-inline:1.5cqw; }
  .gs-builder .gse-tree { gap:1.4cqw;margin-block-start:2.5cqw; }
  .gs-builder .gse-tree li { padding:2cqw 1.5cqw;border-radius:1cqw; }
  .gs-builder .gse-tree .gse-icon { display:none; }
  .gs-builder .gse-url { font-size:clamp(6px,1.3221cqw,9px); }
  .gs-builder .gse-wordmark { font-size:clamp(8px,1.8029cqw,12px); }
  .gs-builder .gse-webnav { font-size:clamp(6px,1.2019cqw,9px);gap:1.5cqw; }
  .gs-builder .gse-product { font-size:clamp(12px,2.8846cqw,18px); }
  .gs-builder .gse-headline { font-size:clamp(8px,1.9231cqw,12px); }
  .gs-builder .gse-webcta { font-size:clamp(6px,1.2019cqw,9px); }
  .gs-builder .gse-dropzone { gap:1cqw; }
  .gs-builder .gse-dropzone .gse-icon { inline-size:3cqw;block-size:3cqw; }
  .gs-builder .gse-drag-card { padding:1.5cqw;gap:1.5cqw;border-radius:2cqw; }
  .gs-builder .gse-drag-title { font-size:clamp(9px,2.0433cqw,13px); }
  .gs-builder .gse-drag-icon { inline-size:5cqw;block-size:5cqw;border-radius:1cqw; }
  .gs-builder .gse-drag-icon .gse-icon { inline-size:3cqw;block-size:3cqw; }
}
