/* Customer design workspace; all rules are scoped to preserve the marketing pages. */
.studio-intro{padding-block:36px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-intro h1{font-size:clamp(2.1rem,4vw,3.5rem);font-weight:500;margin-bottom:14px}.studio-intro .eyebrow{margin-bottom:12px}.studio-intro p:last-child{margin:0;max-width:690px;color:var(--muted)}.studio-intro>a{flex-shrink:0}
.flashing-studio{--studio-line:#c6d4e0;display:grid;grid-template-columns:340px minmax(0,1fr);max-width:1560px;margin:0 auto 56px;border:1px solid var(--studio-line);background:#f1f5f9}.flashing-studio h2{font-size:1.65rem;line-height:1.2;margin:0 0 18px;letter-spacing:-.03em}.flashing-studio h3{font-size:1.35rem;margin:0 0 10px}.studio-options{padding:26px;background:#fff;border-right:1px solid var(--studio-line);min-width:0;scroll-margin-top:115px}.flashing-studio p{line-height:1.55}.flashing-studio .studio-hint{font-size:.875rem;color:#486073;margin:0 0 18px}.studio-hint a{text-decoration:underline}.flashing-studio label{font-size:.9375rem;font-weight:500;line-height:1.45}.flashing-studio label>span{float:right;font-size:.875rem;color:#536c80}.flashing-studio .wide{display:block;margin-bottom:18px}.flashing-studio select,.flashing-studio input[type=number]{width:100%;min-width:0;min-height:48px;margin-top:8px;font-size:1rem;border:1px solid #849bb0;background:#fff;padding:10px;border-radius:4px}.flashing-studio input[type=range]{width:100%;min-height:36px;margin:10px 0;padding:0;accent-color:var(--blue);border:0}.flashing-studio output{float:right;color:var(--blue)}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.flashing-studio fieldset{border:0;border-top:1px solid var(--studio-line);padding:20px 0 6px;margin:0;min-width:0}.flashing-studio legend{font-size:1rem;font-weight:700;padding-right:12px}.flashing-studio #colour-name{font-size:.9375rem;margin-bottom:12px}.flashing-studio .swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;margin-bottom:20px}.flashing-studio .swatch{width:44px;height:44px;border-radius:50%;border:6px solid white;padding:0;background:var(--swatch);box-shadow:inset 0 0 0 1px #0004}.flashing-studio .swatch.selected{outline:2px solid var(--blue);outline-offset:0}.flashing-studio .swatch:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.flashing-studio .studio-advanced summary,.flashing-studio .studio-summary summary{font-size:1rem;line-height:1.4;padding:18px 0;list-style:disclosure-closed;display:list-item}.flashing-studio details[open]>summary{list-style:disclosure-open}.flashing-studio details p{padding:0}.studio-workspace{padding:28px 32px;min-width:0;align-self:start;position:sticky;top:100px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-heading .eyebrow{font-size:.8rem;margin-bottom:9px}.studio-size{font-family:ui-monospace,monospace;font-size:.875rem;background:#e2eaf2;padding:9px 12px;white-space:nowrap}.studio-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--studio-line);margin-bottom:18px;flex-wrap:wrap}.flashing-studio button:not(.swatch):not(.button){min-height:44px;padding:9px 14px;background:white;color:var(--ink);border:1px solid #99aebe;border-radius:3px;font-size:.875rem}.studio-tabs button[data-view]{border:0!important;background:none!important;border-bottom:3px solid transparent!important;border-radius:0!important}.studio-tabs button[aria-pressed=true]{border-bottom-color:var(--blue)!important;color:var(--blue)!important}.studio-tabs a{margin-left:auto;font-size:.875rem;text-decoration:underline;padding-block:10px}.studio-viewer{height:460px;position:relative;overflow:hidden;border:1px solid #c4d4e3;background:#e9eff3;border-radius:4px}.studio-viewer canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.studio-viewer canvas:active{cursor:grabbing}.studio-view-label{position:absolute;top:18px;left:18px;right:18px;pointer-events:none;color:#3f596c}.studio-view-label strong{font-size:.8rem;letter-spacing:.12em;display:block}.studio-view-label span{font-size:.875rem;display:block;margin-top:5px}.studio-view-tools{position:absolute;bottom:14px;left:12px;right:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.flashing-studio .studio-view-tools button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:#f7faff}.studio-measures{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin:20px 0;padding:18px;background:white;border:1px solid var(--studio-line)}.studio-measures span{font-size:.875rem;color:#486073;display:block}.studio-measures strong{font-size:1.05rem;display:block;margin-top:6px}.studio-quote{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--studio-line)}.studio-quote p{font-size:.9375rem;color:#486073;margin:0;max-width:380px}.studio-quote .button{min-width:210px}.flashing-studio .studio-notice{font-size:.875rem;color:#44586c;margin:20px 0}.studio-error{border:1px solid #bc6e66;padding:14px;background:#fff1ee;color:#852b25;font-size:.9375rem;margin:18px 0}.studio-summary pre{font: .9375rem/1.6 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}.flashing-studio #studio-status{font-size:.9375rem}.flashing-studio [hidden]{display:none!important}.flashing-studio button:disabled{cursor:not-allowed}.studio-intro a:focus-visible,.flashing-studio :is(button,a,input,select,canvas,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.flashing-brief{border:1px solid #91a9c0;padding:20px;margin:24px 0;background:white}.flashing-brief h3{font-size:1.35rem}.flashing-brief pre{font:.9rem/1.6 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}.flashing-brief .actions{gap:18px}.flashing-brief[hidden]{display:none}
@media(min-width:1500px){.studio-viewer{height:520px}}
@media(max-width:1100px){.flashing-studio{grid-template-columns:310px minmax(0,1fr)}.studio-workspace{padding:25px 20px;position:static}.studio-quote{flex-direction:column;align-items:stretch}.studio-heading{align-items:start;flex-wrap:wrap}.studio-size{margin-bottom:16px}.studio-measures{grid-template-columns:1fr;gap:10px}.studio-measures>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.studio-measures strong{margin:0}.studio-viewer{height:390px}}
@media(max-width:760px){.studio-intro{display:block;padding-block:28px}.studio-intro>a{margin-top:12px}.flashing-studio{display:flex;flex-direction:column;margin-bottom:28px;border-inline:0}.studio-options{order:1;border-right:0;border-top:1px solid var(--studio-line);padding:24px var(--space)}.studio-workspace{order:0;padding:24px var(--space)}.studio-heading h2{font-size:1.55rem}.studio-viewer{height:380px}.studio-view-label{left:12px;top:12px}.studio-view-label span{font-size:.8125rem;max-width:260px}.studio-tabs{gap:8px}.studio-tabs a{margin-left:0}.flashing-studio .studio-view-tools button{font-size:.8125rem;padding:8px}.studio-view-tools{left:8px;right:8px;gap:5px}.studio-measures{padding:14px}.studio-measures strong{font-size:1rem}.studio-quote{padding-block:18px}.studio-quote .button{min-width:0;width:100%}.flashing-studio h2{font-size:1.6rem}.studio-fields{gap:12px}.flashing-brief{padding:16px}}
@media(prefers-reduced-motion:reduce){.flashing-studio{scroll-behavior:auto}}