/* Shared by the desktop parents page and the mobile platforms page. */
.parent-app-controls{--ac-surface:#131415;--ac-line:#ffffff15;--ac-hover:#ffffff07;--ac-selected:#ffffff0c;position:relative;max-width:1100px;margin:auto;scroll-margin-top:130px}
html[data-theme=light] .parent-app-controls{--ac-surface:#f8f8fa;--ac-line:#00000012;--ac-hover:#00000003;--ac-selected:#00000006}
.parent-app-controls [hidden]{display:none!important}
.parent-app-controls-heading{text-align:center;margin:0 auto 34px}
.parent-app-controls-heading p{font-size:17px;line-height:1.6;color:var(--parent-muted);margin:18px 0 0}
.parent-app-controls :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ac-apps{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-bottom:24px}
.ac-app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:94px;padding:14px 5px;border:1px solid transparent;border-radius:20px;text-decoration:none;color:var(--parent-muted);font-size:12px;font-weight:500;line-height:1.3;transition:background .18s,color .18s,border-color .18s;-webkit-tap-highlight-color:transparent}
.ac-app-icon{display:grid;place-items:center;width:34px;height:34px;color:inherit}
.ac-app-icon svg{width:29px;height:29px}
.ac-app:hover{color:inherit;background:var(--ac-hover)}
.ac-app[aria-selected=true]{color:inherit;background:var(--ac-selected);border-color:var(--ac-line)}
.ac-app[aria-selected=true] .ac-app-icon{color:var(--parent-text)}
.ac-panel{padding:32px;border:1px solid var(--ac-line);border-radius:28px;background:linear-gradient(135deg,var(--ac-surface),transparent);margin-top:20px;scroll-margin-top:140px;min-width:0}
.ac-enhanced .ac-panel{margin-top:0}
.ac-panel-heading{margin-bottom:28px}
.parents-page .ac-panel-heading h3{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:0}
.ac-panel-heading>p{font-size:14px;line-height:1.6;color:var(--parent-muted);margin:8px 0 0}
.ac-workspace{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px;align-items:stretch}
.ac-visual-column{min-width:0;position:relative}
.ac-preview{position:sticky;top:132px;margin:0;padding:12px 0 20px;min-width:0}
.ac-device{position:relative;width:min(248px,76%);aspect-ratio:685/1368;margin:0 auto;filter:drop-shadow(0 18px 20px #00000024)}
.ac-device-image{display:block!important;position:absolute;left:-24.671533%;top:-5.701754%;width:149.489051%!important;max-width:none!important;height:auto!important;mask:url('/app-preview/phone-mask.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('/app-preview/phone-mask.svg') 0 0/100% 100% no-repeat}
.ac-focus-layer{position:absolute;inset:0;clip-path:inset(2% 3.5% 1.6% round 16% / 8%);pointer-events:none}
.ac-highlight{position:absolute;border:2px solid #fff;border-radius:7px;background:#ffffff0b;box-shadow:0 0 0 1500px #0008;box-sizing:border-box}
.ac-crop{display:none;position:relative;overflow:hidden;border-radius:12px;background:#111;isolation:isolate}
.ac-crop-image{position:absolute;display:block;max-width:none!important;height:auto!important}
.ac-crop .ac-highlight{border-width:1.5px;border-radius:5px;box-shadow:0 0 0 1500px #0006}
.ac-preview>figcaption{font-size:12px;line-height:1.5;text-align:center;margin:20px auto 0;color:var(--parent-muted);max-width:32ch;text-wrap:pretty}
.ac-preview[data-mode=photo]>figcaption::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border:1px solid currentColor;border-radius:2px;vertical-align:1px}
.ac-groups{min-width:0}
.ac-group{border-bottom:1px solid var(--ac-line)}
.ac-group:first-child{border-top:1px solid var(--ac-line)}
.ac-group>summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 2px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.3}
.ac-group>summary::-webkit-details-marker,.ac-control>summary::-webkit-details-marker{display:none}
.ac-group-count{color:var(--parent-muted);font-size:12px;font-weight:400;margin-left:auto}
.ac-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 5px 4px 8px;transition:transform .2s}
.ac-group[open]>summary .ac-chevron{transform:rotate(225deg);margin-bottom:-2px}
.ac-group-body{padding:0 0 12px}
.ac-control{border-radius:12px;scroll-margin-top:130px}
.ac-control>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:49px;padding:13px 14px;font-size:14px;font-weight:500;line-height:1.4}
.ac-control>summary:hover{background:var(--ac-hover);border-radius:12px}
.ac-control[open]{background:var(--ac-selected)}
.ac-control-name{flex:1;min-width:0}
.ac-plus{position:relative;flex:none;width:12px;height:12px;opacity:.5}
.ac-plus::before,.ac-plus::after{content:"";position:absolute;background:currentColor;border-radius:1px;left:1px;top:5.5px;width:10px;height:1px}
.ac-plus::after{transform:rotate(90deg)}
.ac-control[open]>summary .ac-plus::after{transform:none}
.ac-status{font-size:10px;line-height:1.3;color:var(--parent-muted);white-space:nowrap}
.ac-control-body{padding:0 14px 16px}
.ac-control-body>p{font-size:14px;line-height:1.7;color:var(--parent-muted);margin:0;max-width:52ch}
.ac-availability{font-size:12px;line-height:1.7;color:var(--parent-muted);margin:20px 2px 0}
.ac-setting-card{width:min(320px,100%);margin:34px auto 0;padding:26px;border-radius:25px;background:linear-gradient(145deg,#242628,#17181a);box-shadow:inset 0 1px 0 #ffffff1c,0 18px 55px #0002;box-sizing:border-box}
html[data-theme=light] .ac-setting-card{background:linear-gradient(145deg,#fff,#eeeef2);box-shadow:inset 0 1px 0 #fff,0 18px 55px #0000000b}
.ac-setting-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}
.ac-setting-brand svg{width:28px;height:28px}
.ac-setting-label{font-size:11px;line-height:1.5;color:var(--parent-muted);margin-top:3px;font-weight:400}
.ac-setting-well{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:230px;gap:22px;padding:26px 0 8px}
.ac-setting-value{font-size:50px;font-weight:600;letter-spacing:-.045em;line-height:1}
.ac-setting-value small{font-size:21px;letter-spacing:-.02em;margin-left:5px}
.ac-setting-switch{display:block;position:relative;width:78px;height:46px;border-radius:30px;background:#eee;box-shadow:inset 0 0 0 1px #00000015}
.ac-setting-switch::after{content:"";position:absolute;right:5px;top:5px;width:36px;height:36px;border-radius:50%;background:#161616;box-shadow:0 2px 5px #0002}
html[data-theme=light] .ac-setting-switch{background:#242426}
html[data-theme=light] .ac-setting-switch::after{background:#fff}
.ac-setting-title{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.ac-setting-note{font-size:12px;color:var(--parent-muted);line-height:1.6;margin:8px 0 0}
.ac-setting-lock{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--ac-line);border-radius:50%;font-size:27px}
.ac-scope{font-size:12px;line-height:1.7;color:var(--parent-muted);text-align:center;margin:22px auto 0;max-width:65ch}
.ac-scope a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:1000px){.ac-apps{gap:4px}.ac-app{font-size:11px;padding-inline:3px;min-height:84px}.ac-workspace{gap:24px}.ac-panel{padding:26px}.ac-device{width:min(226px,88%)}.ac-setting-card{padding:22px}}
@media(max-width:700px){
 .parent-app-controls{scroll-margin-top:112px}
 .parent-app-controls-heading{margin-bottom:26px}.parent-app-controls-heading p{font-size:15px;margin-top:16px}
 .ac-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px}
 .ac-app{flex-direction:row;gap:8px;min-height:66px;padding:10px 5px;border-radius:15px;font-size:11px;background:var(--ac-hover)}
 .ac-app-icon{width:24px;height:24px;flex:none}.ac-app-icon svg{width:23px;height:23px}
 .ac-panel{padding:24px 17px 18px;border-radius:24px}.ac-panel-heading{margin-bottom:22px}.parents-page .ac-panel-heading h3{font-size:26px}
 .ac-panel-heading>p{font-size:13px;max-width:30ch}
 .ac-workspace{display:block}.ac-visual-column{display:none}
 .ac-group>summary{font-size:14px;min-height:56px}.ac-control>summary{font-size:13px;padding:13px 11px;gap:8px;min-height:50px}
 .ac-control-body{padding:0 11px 15px}.ac-control-body>p{font-size:13px;line-height:1.7}.ac-status{font-size:9px}
 .ac-preview{position:static;padding:0;margin:18px 0 0}.ac-device{display:none}.ac-crop{display:block;max-width:100%}
 .ac-preview>figcaption{font-size:10px;margin-top:10px;max-width:none;text-align:left}
 .ac-setting-card{width:100%;margin:0;padding:18px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff15}.ac-setting-brand{font-size:12px;gap:8px}.ac-setting-brand svg{width:20px;height:20px}.ac-setting-label{font-size:10px}
 .ac-setting-well{min-height:132px;gap:16px;padding:20px 0 0}.ac-setting-title{font-size:18px}.ac-setting-value{font-size:38px}.ac-setting-note{font-size:11px;line-height:1.5}.ac-setting-switch{width:62px;height:36px}.ac-setting-switch::after{width:28px;height:28px;right:4px;top:4px}.ac-setting-lock{width:44px;height:44px;font-size:23px}
 .ac-scope{font-size:11px;max-width:31ch;margin-top:20px}.ac-scope a{white-space:normal}
}
@media(max-width:359px){.ac-app{flex-direction:column;gap:6px;font-size:10px;min-height:70px}.ac-panel{padding-inline:12px}.ac-control>summary{font-size:12px}.ac-control-body>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ac-app,.ac-chevron{transition:none}}
.parent-app-controls:not(.ac-enhanced) .ac-workspace{display:block}
.parent-app-controls:not(.ac-enhanced) .ac-visual-column{display:none}