
#studio .wa-colors{display:none!important}
#studio .wa-design-lab{
 color:var(--wa-ink);margin:5px 0 12px;border:1px solid color-mix(in srgb,var(--wa-ink) 31%,transparent);
 border-radius:23px;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--wa-p) 14%,transparent),color-mix(in srgb,var(--wa-s) 9%,transparent)),color-mix(in srgb,var(--wa-card) 73%,transparent);
 box-shadow:0 12px 30px rgba(10,18,54,.14),inset 0 1px rgba(255,255,255,.2)
}
.wa-lab-header{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:14px 13px;cursor:pointer}
.wa-lab-header-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:12px;font-size:21px;color:#fff;background:linear-gradient(135deg,#549eff,#ac7cfa);border:1px solid #ffffff45}
.wa-lab-header-text{flex:1;display:grid;gap:4px;min-width:0}
.wa-lab-header-text strong{font-size:14px;letter-spacing:-.25px}
.wa-lab-header-text small{font-size:10px;color:var(--wa-sub);line-height:1.35}
.wa-lab-current{font-size:10px;font-weight:760;color:var(--wa-p);white-space:nowrap}
.wa-lab-chevron{font-size:20px;line-height:1;opacity:.72;transition:transform .18s}
.wa-lab-header[aria-expanded="true"] .wa-lab-chevron{transform:rotate(180deg)}
.wa-lab-panel{display:grid;gap:13px;padding:0 14px 15px}
.wa-lab-panel[hidden]{display:none!important}
.wa-lab-preview{height:148px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#174178,#9884d7);border:1px solid #ffffff5e;box-shadow:inset 0 1px #ffffff60,0 12px 22px #0002;color:#fff;padding:12px 13px}
.wa-lab-preview::before{content:"";position:absolute;width:140px;height:140px;right:-20px;top:-50px;background:radial-gradient(circle,#ffffff65,transparent 72%);pointer-events:none}
.wa-lab-preview-nav{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750}
.wa-lab-preview-moon{font-size:17px}
.wa-lab-preview-weather{position:relative;display:grid;gap:2px;margin-top:7px}
.wa-lab-preview-weather b{font-size:35px;font-weight:550;letter-spacing:-1px;line-height:1}
.wa-lab-preview-weather small{font-size:10px;opacity:.88}
.wa-lab-preview-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.wa-lab-preview-cards span{padding:7px 3px;border:1px solid #ffffff65;text-align:center;border-radius:10px;background:#ffffff38;font-size:10px}
.wa-lab-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.wa-lab-presets button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 7px;border-radius:13px;color:var(--wa-ink);font-size:10px;cursor:pointer;min-width:0;border:1px solid color-mix(in srgb,var(--wa-ink) 28%,transparent);background:color-mix(in srgb,var(--wa-p) 12%,transparent)}
.wa-lab-presets button[aria-pressed="true"]{border-color:var(--wa-p);box-shadow:0 0 0 1px color-mix(in srgb,var(--wa-p) 24%,transparent)}
.wa-lab-palette-dot{width:27px;height:27px;border-radius:50%;border:1px solid #ffffff70;box-shadow:0 2px 5px #0003}
.wa-lab-divider{height:1px;background:color-mix(in srgb,var(--wa-ink) 18%,transparent)}
.wa-lab-field{display:grid;gap:9px}
.wa-lab-field-name{font-weight:740;font-size:12px}
.wa-lab-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border:1px solid color-mix(in srgb,var(--wa-ink) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--wa-p) 12%,var(--wa-card))}
.wa-lab-segments button{background:transparent;color:var(--wa-sub);border:1px solid transparent;min-width:0;min-height:36px;border-radius:11px;padding:7px 5px;font-size:11px;font-weight:650;cursor:pointer}
.wa-lab-segments button[aria-pressed="true"]{background:color-mix(in srgb,var(--wa-p) 29%,var(--wa-card));border-color:color-mix(in srgb,var(--wa-ink) 20%,transparent);color:var(--wa-ink);box-shadow:0 2px 6px #0002}
.wa-lab-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wa-lab-color-row label{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;font-size:10px;font-weight:650;padding:9px 10px;border-radius:14px;color:var(--wa-ink);background:color-mix(in srgb,var(--wa-p) 11%,transparent);border:1px solid color-mix(in srgb,var(--wa-ink) 22%,transparent)}
.wa-lab-color-row input[type="color"]{width:36px;height:30px;min-width:36px;padding:2px;border-radius:9px;border:1px solid #ffffff60;background:#ffffff12;cursor:pointer}
.wa-lab-material{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:15px;background:color-mix(in srgb,var(--wa-p) 11%,transparent);border:1px solid color-mix(in srgb,var(--wa-ink) 19%,transparent)}
.wa-lab-switch-text{display:grid;gap:4px;min-width:0}
.wa-lab-switch-text strong{font-size:12px}
.wa-lab-switch-text small{font-size:10px;line-height:1.35;color:var(--wa-sub)}
.wa-lab-switch{display:flex;align-items:center;width:45px;height:27px;flex:0 0 45px;position:relative;cursor:pointer}
.wa-lab-switch input{opacity:0;position:absolute;inset:0}
.wa-lab-switch span{width:45px;height:27px;border-radius:20px;background:#889aac;border:1px solid #ffffff72;position:relative;transition:background .18s}
.wa-lab-switch span:before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 1px 5px #0003;transition:transform .18s}
.wa-lab-switch input:checked+span{background:linear-gradient(115deg,#60baff,#9a90ee)}
.wa-lab-switch input:checked+span:before{transform:translateX(18px)}
.wa-lab-range-field{gap:7px}
.wa-lab-range-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:670}
.wa-lab-range-heading output{font-size:10px;font-weight:620;color:var(--wa-sub)}
.wa-lab-range-field input[type="range"]{width:100%;height:22px;accent-color:var(--wa-p);cursor:pointer}
.wa-lab-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--wa-ink) 16%,transparent)}
.wa-lab-actions>span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--wa-sub);line-height:1.4}
.wa-lab-saved-dot{width:6px;height:6px;background:#60dda1;border-radius:50%}
#studio #waLabReset{border-radius:11px;padding:9px 10px;font-size:10px;font-weight:690;cursor:pointer;border:1px solid color-mix(in srgb,var(--wa-ink) 28%,transparent)!important;color:var(--wa-ink)!important;background:color-mix(in srgb,var(--wa-p) 15%,var(--wa-card))!important}
#studio #waDesignLab button:focus-visible,#studio #waDesignLab input:focus-visible{outline:2px solid var(--wa-p);outline-offset:2px}
@media(max-width:350px){.wa-lab-palette-dot{width:24px;height:24px}.wa-lab-presets{gap:5px}.wa-lab-segments button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wa-lab-chevron,.wa-lab-switch span,.wa-lab-switch span:before{transition:none}}

body[data-wa-lab="on"] .stage{background:var(--wa-lab-bg)!important}
body[data-wa-lab="on"] .phone{background:var(--wa-lab-bg1)!important}
body[data-wa-lab="on"] .app{background:var(--wa-lab-bg)!important;color:var(--wa-ink)!important;transition:background-color .18s,color .18s!important}
body[data-wa-lab="on"] .mast,body[data-wa-lab="on"] #home .content>.mast{background:var(--wa-lab-mast)!important;color:var(--wa-ink)!important;border-radius:0 0 var(--wa-lab-radius) var(--wa-lab-radius)!important}
body[data-wa-lab="on"] .glass,
body[data-wa-lab="on"] .tile,
body[data-wa-lab="on"] .setting,
body[data-wa-lab="on"] .notice,
body[data-wa-lab="on"] .wa-colors,
body[data-wa-lab="on"] .wa-design-lab,
body[data-wa-lab="on"] #home .content>.glass,
body[data-wa-lab="on"] #home .content>#cards>.glass,
body[data-wa-lab="on"] #waBlocksEditor .wa-unified-editor-row{
 background:var(--wa-lab-card-bg)!important;border:1px solid var(--wa-lab-edge)!important;border-radius:var(--wa-lab-radius)!important;
 color:var(--wa-ink)!important;backdrop-filter:var(--wa-lab-blur)!important;-webkit-backdrop-filter:var(--wa-lab-blur)!important;
 box-shadow:0 12px 25px #05112b1f,inset 0 1px #ffffff2b!important;transition:none!important
}
body[data-wa-lab="on"] #cards .tile{border-radius:calc(var(--wa-lab-radius) - 3px)!important}
body[data-wa-lab="on"] .dock{background:var(--wa-lab-dock)!important;border:1px solid var(--wa-lab-edge)!important;backdrop-filter:var(--wa-lab-blur)!important;-webkit-backdrop-filter:var(--wa-lab-blur)!important;border-radius:calc(var(--wa-lab-radius) + 5px)!important}
body[data-wa-lab="on"] .tab{color:var(--wa-sub)!important}
body[data-wa-lab="on"] .tab.active{background:var(--wa-lab-accent-bg)!important;color:var(--wa-lab-button-ink)!important}
body[data-wa-lab="on"] .screen h1,body[data-wa-lab="on"] .section-top strong{color:var(--wa-ink)}
body[data-wa-lab="on"][data-wa-lab-glass="off"] .glass,
body[data-wa-lab="on"][data-wa-lab-glass="off"] .tile,
body[data-wa-lab="on"][data-wa-lab-glass="off"] .dock{box-shadow:0 8px 20px #0510231f!important}


/* Respect native hidden elements even when display:grid/flex is applied in the editor. */
#waDesignLab [hidden]{display:none!important}
/* Meaningfully distinct ready-made styles; custom lab overrides them when enabled. */
body[data-wa-lab="off"][data-theme="editorial"] #home .glass,
body[data-wa-lab="off"][data-theme="editorial"] #home .tile{border-radius:12px!important;box-shadow:0 5px 18px rgba(33,39,46,.10)!important}
body[data-wa-lab="off"][data-theme="editorial"] .section-top strong,
body[data-wa-lab="off"][data-theme="editorial"] .brand{font-family:Georgia,'Times New Roman',serif!important;letter-spacing:-.4px}
body[data-wa-lab="off"][data-theme="neon"] #home .tile,
body[data-wa-lab="off"][data-theme="neon"] #home .glass{border-color:rgba(68,245,219,.56)!important;box-shadow:0 12px 32px rgba(13,228,187,.09),inset 0 1px rgba(255,255,255,.22)!important}
body[data-wa-lab="off"][data-theme="neon"] .tile-value{color:#caff95!important}
body[data-wa-lab="off"][data-theme="mono"] #home .glass,
body[data-wa-lab="off"][data-theme="mono"] #home .tile{border-radius:13px!important;box-shadow:0 9px 22px rgba(0,0,0,.20)!important}
body[data-wa-lab="off"][data-theme="forest"] #home .glass,
body[data-wa-lab="off"][data-theme="forest"] #home .tile{border-radius:20px!important;border-color:rgba(158,241,200,.46)!important}
body[data-wa-lab="off"][data-theme="pastel-liquid"] #home .glass,
body[data-wa-lab="off"][data-theme="pastel-liquid"] #home .tile{border-radius:31px!important;border-color:rgba(255,255,255,.64)!important}
body[data-wa-lab="off"][data-theme="radar-noir"] #home .glass,
body[data-wa-lab="off"][data-theme="radar-noir"] #home .tile{border-color:rgba(80,165,246,.4)!important;border-radius:19px!important}

/* Individual S / M / L sizing of dashboard tiles, accessible through Studio. */
#waBlocksEditor .wa-unified-size{min-width:36px!important;max-width:42px!important}
#waBlocksEditor .wa-unified-size[data-wa-size="S"]{background:color-mix(in srgb,var(--wa-sub) 16%,var(--wa-card))!important}
#waBlocksEditor .wa-unified-size[data-wa-size="M"]{background:color-mix(in srgb,var(--wa-p) 23%,var(--wa-card))!important}
#waBlocksEditor .wa-unified-size[data-wa-size="L"]{background:color-mix(in srgb,var(--wa-p) 46%,var(--wa-card))!important}
#home #cards .wa-size-s{grid-column:auto!important;min-height:104px!important;padding:11px!important}
#home #cards .wa-size-s .tile-head{font-size:10px!important}
#home #cards .wa-size-s .tile-emoji{font-size:16px!important}
#home #cards .wa-size-s .tile-value{font-size:24px!important;margin-top:5px!important}
#home #cards .wa-size-s .tile-desc{font-size:10px!important}
#home #cards .wa-size-m{grid-column:auto!important;min-height:133px!important}
#home #cards .wa-size-l{grid-column:1/-1!important;min-height:158px!important;padding:17px!important}
#home #cards .wa-size-l .tile-value{font-size:33px!important}
#home .content>[data-wa-block].wa-size-s:not(.mast){padding:11px!important}
#home .content>[data-wa-block].wa-size-l:not(.mast){padding:19px!important}
#home .content>.mast.wa-size-s{min-height:300px!important;padding-bottom:11px!important}
#home .content>.mast.wa-size-m{min-height:385px!important}
#home .content>.mast.wa-size-l{min-height:460px!important}
@media(max-width:360px){#home #cards .wa-size-s .tile-value{font-size:21px!important}}
@media(prefers-reduced-transparency:reduce){
 body[data-wa-lab="on"] .glass,body[data-wa-lab="on"] .tile,body[data-wa-lab="on"] .dock{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}


/* Readability in custom light/dark palettes, including hourly labels. */
body[data-wa-lab="on"] .hour,
body[data-wa-lab="on"] .hour small,
body[data-wa-lab="on"] .hour b,
body[data-wa-lab="on"] .week-day,
body[data-wa-lab="on"] .week-day b,
body[data-wa-lab="on"] .week-range,
body[data-wa-lab="on"] .tile-desc,
body[data-wa-lab="on"] .tile-head,
body[data-wa-lab="on"] .fact-label,
body[data-wa-lab="on"] .fact-number,
body[data-wa-lab="on"] .fact-desc,
body[data-wa-lab="on"] .wa-three-hour span,
body[data-wa-lab="on"] .wa-three-hour b,
body[data-wa-lab="on"] .wa-three-reading span,
body[data-wa-lab="on"] .sun-fact span,
body[data-wa-lab="on"] .sun-fact b,
body[data-wa-lab="on"] .source,
body[data-wa-lab="on"] .muted{
 color:var(--wa-ink)!important;
}
body[data-wa-lab="on"] .hour small,
body[data-wa-lab="on"] .tile-desc,
body[data-wa-lab="on"] .fact-label,
body[data-wa-lab="on"] .fact-desc,
body[data-wa-lab="on"] .wa-three-hour span{opacity:.78}
body[data-wa-lab="on"] .wa-lab-panel[hidden],
body[data-wa-lab="on"] #waLabGlassLevelRow[hidden],
body[data-wa-lab="on"] #waLabSecondColor[hidden]{display:none!important}
/* Clearer affordance: chosen preset becomes basis when a custom look is active. */
body[data-wa-lab="on"] #studio #themes .theme.selected .sample::after{
 content:"•"!important;font-size:15px!important
}

#studio #themes .theme{font-size:11px!important}
