/* MainWindowPreview.swift, source 638e7f36. One CSS pixel = one Mac logical point. */
.app-preview.mac-main-demo{position:absolute;z-index:4;top:44px;right:0;width:360px;height:244px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;font-size:13px;line-height:normal;letter-spacing:normal;text-align:left;color:var(--mac-text)}
.mac-main-demo{--mac-card:#2c2c2e;--mac-text:#fff;--mac-subtext:#98989f;--mac-control:#2c2c2e;--mac-border:#3a3a3c;--mac-selector-border:#4e4e50;--mac-rail:#454547;--mac-fill:#4c86ff;--mac-fill-hover:#4275df;--mac-thumb:#ddd;--mac-thumb-hover:#3c72e6;--mac-thumb-active:#4c86ff;--mac-secondary:#3d3d3f;--mac-secondary-hover:#424244;--mac-secondary-text:#f0f0f0;--mac-primary:#5a5a5f;--mac-primary-text:#fff;--mac-disabled:#6b6b70;--mac-halo:216,216,216;--mac-warm:#ffb24a;--mac-neutral:#80868f;--mac-cool:#58a6ff}
.mac-main-demo[data-theme=light]{color-scheme:light;--mac-card:#fff;--mac-text:#1d1d1f;--mac-subtext:#6e6e73;--mac-control:#fff;--mac-border:#d6d6de;--mac-selector-border:#c1c1c8;--mac-rail:#e6e6e6;--mac-fill:#2b74ff;--mac-fill-hover:#2564db;--mac-thumb:#fff;--mac-thumb-hover:#f5f5f5;--mac-thumb-active:#ececec;--mac-secondary:#cacace;--mac-secondary-hover:#b9b9be;--mac-secondary-text:#1d1d1f;--mac-primary:#0a84ff;--mac-primary-text:#fff;--mac-disabled:#b0b0b5;--mac-halo:0,0,0;--mac-warm:#d35400;--mac-cool:#1769d2}
.mac-main-demo *,.mac-main-demo *::before,.mac-main-demo *::after{box-sizing:border-box}
.mac-main-demo [hidden]{display:none!important}
.mac-main-frame{position:relative;width:360px;height:var(--mac-height,244px);transform:scale(var(--mac-scale,1));transform-origin:top left;isolation:isolate}
.mac-main-card{position:absolute;inset:10px;width:340px;height:calc(var(--mac-height,244px) - 20px);border-radius:18px;background:var(--mac-card);box-shadow:0 0 12px rgba(0,0,0,.1)}
.mac-main-demo :is(button,input,output){font:inherit;letter-spacing:normal}
.mac-main-demo button{padding:0;margin:0;min-width:0;border:0;color:inherit;background:none;cursor:default;text-decoration:none;line-height:normal}
.mac-main-demo :is(button,input):focus{outline:none}
.mac-main-header{position:absolute;left:10px;top:10px;width:340px;height:34px;touch-action:none;user-select:none;cursor:default}
.mac-main-title{position:absolute;left:80px;top:6px;width:180px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--mac-text);pointer-events:none}
.mac-traffic-lights{position:absolute;left:11px;top:7px;display:flex;align-items:center;gap:6px;width:56px;height:24px}
.mac-main-demo .mac-traffic-light{position:relative;display:block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.13)}
.mac-main-demo .mac-traffic-close{background:#ff5f57}
.mac-main-demo .mac-traffic-minimize{background:#febc2e}
.mac-main-demo .mac-traffic-zoom{background:#66666a;border-color:rgba(0,0,0,.12)}
.mac-main-demo[data-theme=light] .mac-traffic-zoom{background:#ddd;border-color:#c9c9c9}
.mac-traffic-light::before,.mac-traffic-light::after{content:"";position:absolute;display:none;left:3px;top:5px;width:6px;height:1px;border-radius:1px;background:rgba(65,35,12,.8)}
.mac-traffic-lights:hover .mac-traffic-close::before,.mac-traffic-lights:hover .mac-traffic-close::after,.mac-traffic-lights:hover .mac-traffic-minimize::before{display:block}
.mac-traffic-close::before{transform:rotate(45deg)}
.mac-traffic-close::after{transform:rotate(-45deg)}
.mac-main-demo .mac-main-selector{position:absolute;left:23px;top:var(--mac-selector-y,18px);width:314px;height:26px;border:1px solid var(--mac-selector-border);border-radius:5px;background:var(--mac-control);color:var(--mac-text);display:flex;align-items:center;text-align:left;padding-left:6px;font-size:13px;white-space:nowrap}
.mac-main-selector>.mac-selection-text{flex:1;overflow:hidden;text-overflow:ellipsis}
.mac-main-selector[aria-expanded=true]{border-radius:5px 5px 0 0}
.mac-main-selector .mac-select-arrow{flex:0 0 24px;display:grid;place-items:center;height:24px}
.mac-select-arrow::before{content:"";display:block;width:8px;height:4px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--mac-subtext)}
[aria-expanded=true]>.mac-select-arrow::before{transform:rotate(180deg)}
.mac-main-demo[data-selector=compact] .mac-main-selector{height:16px;padding:0;border:0;border-radius:0;background:none;color:var(--mac-subtext);font-size:12px}
.mac-main-demo[data-selector=compact] .mac-main-selector .mac-select-arrow{display:none}
.mac-main-preset{position:absolute;left:23px;top:var(--mac-preset-y,48px);width:314px;height:26px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mac-subtext)}
.mac-main-preset>span{width:35px;flex:0 0 35px}
.mac-main-demo .mac-preset-selector{position:relative;left:auto;top:auto;flex:0 0 269px;width:269px;padding-left:9px;gap:8px}
.mac-preset-glyph{flex:0 0 13px;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.mac-channel-label{position:absolute;left:23px;top:var(--mac-label-y);display:flex;align-items:center;justify-content:space-between;gap:8px;width:314px;height:18px;margin:0;padding:0;font-size:13px;color:var(--mac-text)}
.mac-channel-label>span{font-weight:600;white-space:nowrap}
.mac-channel-label output{font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.mac-main-range{position:absolute;left:23px;top:var(--mac-slider-y);width:314px;height:30px;margin:0;padding:0;--mac-thumb-x:8px}
.mac-main-rail{position:absolute;z-index:0;left:1px;right:1px;top:11px;height:8px;overflow:hidden;border-radius:4px;background:var(--mac-rail);pointer-events:none}
.mac-main-fill{position:absolute;left:0;top:0;bottom:0;width:clamp(0px,calc(var(--mac-thumb-x) + 7px),312px);border-radius:4px;background:var(--mac-fill)}
.mac-main-range.is-hovering:not(.is-dragging) .mac-main-fill{background:var(--mac-fill-hover)}
.mac-main-range.is-temperature .mac-main-rail{background:linear-gradient(90deg,var(--mac-warm) 0,var(--mac-neutral) 89%,var(--mac-cool) 100%)}
.mac-main-range.is-temperature .mac-main-fill{display:none}
.mac-main-range.is-temperature.is-hovering:not(.is-dragging) .mac-main-rail::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12549)}
.mac-main-demo .mac-value-range{position:absolute;z-index:1;inset:0;appearance:none;-webkit-appearance:none;display:block;width:314px;height:30px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;touch-action:pan-y;cursor:default}
.mac-value-range::-webkit-slider-runnable-track{height:30px;width:100%;border:0;background:transparent;box-shadow:none}
.mac-value-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:7px;border:0;border-radius:50%;background:var(--mac-thumb);box-shadow:0 0 11px rgba(var(--mac-halo),.55)}
.mac-main-range.is-hovering .mac-value-range::-webkit-slider-thumb{background:var(--mac-thumb-hover)}
.mac-main-range.is-dragging .mac-value-range::-webkit-slider-thumb{background:var(--mac-thumb-active)}
.mac-value-range::-moz-range-track,.mac-value-range::-moz-range-progress{height:30px;width:100%;border:0;background:transparent;box-shadow:none}
.mac-value-range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--mac-thumb);box-shadow:0 0 11px rgba(var(--mac-halo),.55)}
.mac-main-range.is-hovering .mac-value-range::-moz-range-thumb{background:var(--mac-thumb-hover)}
.mac-main-range.is-dragging .mac-value-range::-moz-range-thumb{background:var(--mac-thumb-active)}
.mac-main-footer{position:absolute;left:23px;top:var(--mac-footer-y,193px);width:314px;height:32px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mac-main-demo .mac-main-action{height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--mac-border);border-radius:7px;background:var(--mac-secondary);color:var(--mac-secondary-text);font-size:13px}
.mac-main-demo .mac-main-action:hover{background:var(--mac-secondary-hover)}
.mac-main-demo .mac-main-action-primary{background:var(--mac-primary);color:var(--mac-primary-text)}
.mac-main-demo .mac-main-action-primary:hover{background:var(--mac-primary);opacity:.92}
.mac-main-demo .mac-main-action-primary:active{opacity:.85}
.mac-main-demo .mac-main-action:disabled{background:var(--mac-card);color:var(--mac-disabled);opacity:1}
.mac-main-popup{position:absolute;z-index:8;left:23px;top:var(--mac-menu-y,44px);width:314px;padding:1px;border:1px solid var(--mac-selector-border);border-radius:0 0 5px 5px;background:var(--mac-control);box-shadow:0 3px 10px rgba(0,0,0,.18);max-height:340px;overflow:auto;scrollbar-width:thin;color:var(--mac-text)}
.mac-main-demo .mac-popup-option{display:block;width:100%;height:22px;padding:0 6px;text-align:left;font-size:13px;color:var(--mac-text);border-radius:0}
.mac-main-demo .mac-popup-option:last-child{border-radius:0 0 4px 4px}
.mac-main-demo .mac-popup-option:hover,.mac-main-demo .mac-popup-option:focus{background:var(--mac-secondary-hover)}
.mac-main-demo .mac-popup-option[aria-selected=true]{background:var(--mac-primary);color:var(--mac-primary-text)}
.mac-main-preset-popup{left:68px;top:var(--mac-preset-menu-y,74px);width:269px}
.mac-main-demo .mac-preset-option{height:50px;display:flex;justify-content:center;flex-direction:column;gap:2px}
.mac-preset-option strong{font-weight:600;font-size:13px}
.mac-preset-option small{color:var(--mac-subtext);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mac-main-demo .mac-preset-option[aria-selected=true] small{color:var(--mac-primary-text)}
.mac-popup-divider{height:1px;margin:5px 6px;background:var(--mac-border)}
.mac-main-demo .mac-preset-command{height:30px}
.mac-preview-tools{position:relative;max-width:100%;margin:20px auto 0;font-size:13px;color:#afbacb}
.mac-preview-tools-bar{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.mac-preview-tools-bar p{margin:0}
.mac-preview-tools button{font:inherit;cursor:pointer}
.mac-preview-tools-bar button{padding:0;border:0;background:none;color:#c6daf8;text-decoration:underline;text-underline-offset:3px}
.mac-preview-options{max-width:650px;margin:18px auto 0;padding:20px;border:1px solid #34465e;border-radius:14px;background:#111a27;scroll-margin-top:35px}
.mac-preview-options[hidden]{display:none}
.mac-preview-options h2{margin:0 0 15px;font-size:17px;line-height:1.3;letter-spacing:normal}
.mac-preview-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.mac-preview-options fieldset{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0;padding:0;border:0}
.mac-preview-options legend{padding:0;margin:0 0 8px;color:#edf4ff;font-weight:600;font-size:13px}
.mac-preview-options label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#c7d4e8}
.mac-preview-options input{margin:0;accent-color:#4c86ff}
.mac-preview-options select{max-width:100%;height:29px;padding:2px 24px 2px 8px;border:1px solid #3d526d;border-radius:5px;background:#182334;color:#dce7f8;font:inherit}
.mac-preview-notice{min-height:0;margin:10px 0 0;text-align:center;color:#c6daf8;font-size:13px}
.mac-preview-notice:empty{display:none}
@media(min-width:1061px){.hero-copy{max-width:660px;padding-right:105px}.mac-main-demo[data-mode=attached]{top:44px}.mac-main-demo[data-mode=floating]{top:185px;right:38px}}
@media(max-width:1060px){.app-preview.mac-main-demo{position:relative;top:auto!important;left:auto!important;right:auto!important;width:calc(360px * var(--mac-scale,1));margin:15px auto 28px}.mac-preview-tools{margin-top:18px}}
@media(max-width:720px){.app-preview.mac-main-demo{margin:10px auto 20px}.mac-preview-option-grid{grid-template-columns:1fr}.mac-preview-tools-bar{gap:12px;font-size:12px}.mac-preview-options{padding:17px}.mac-main-demo{max-width:none}}

/* Native app text is not a selectable document surface. */
.mac-main-demo,.mac-main-demo *{-webkit-user-select:none;user-select:none}
/* Share exact horizontal paint geometry. Align each label and control together,
   preserving their gap while rounded caps share the same device-pixel phase. */
.mac-main-demo{--mac-channel-width:314px;--mac-painted-rail-width:312px}
.mac-main-demo .mac-main-range,.mac-main-demo .mac-channel-label,.mac-main-demo .mac-value-range{width:var(--mac-channel-width)}
.mac-main-demo .mac-main-range,.mac-main-demo .mac-channel-label{transform:translateY(var(--mac-row-pixel-shift,0px))}
.mac-main-demo .mac-main-rail{left:1px;right:auto;width:var(--mac-painted-rail-width)}
@media(max-width:1060px){
  .app-preview.mac-main-demo[data-mode=attached]{position:absolute;left:var(--mac-attached-left)!important;top:var(--mac-attached-top)!important;right:auto!important;margin:0}
  .screen[data-mac-main-mode=attached] .screen-badges{margin-top:calc(var(--mac-attached-space) + 20px)}
  .screen.is-demo-closed[data-mac-main-mode=attached] .screen-badges{margin-top:20px}
}