/* A readable guide that lets users interact with the highlighted control. */
dialog.lab-v2 .lab-app-switch .lab-guide-launch{flex:0 0 auto!important;min-width:50px!important;min-height:36px!important;margin-left:4px!important;padding:6px 10px!important;border:1px solid #adc1ff55!important;border-radius:8px!important;color:#c6d6ff!important;background:#819cff16!important;font:600 12px Manrope,sans-serif!important;white-space:nowrap;cursor:pointer}
dialog.lab-v2 .lab-guide{position:absolute;inset:0;z-index:120;pointer-events:none;overflow:hidden}
dialog.lab-v2 .lab-guide[hidden]{display:none!important}
dialog.lab-v2 .lab-guide-spot{position:absolute;box-sizing:border-box;border:2px solid #b5c9ff;border-radius:10px;box-shadow:0 0 0 9999px #070b14a8,0 0 24px #8faaff55;pointer-events:none;transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease}
dialog.lab-v2 .lab-guide-spot[hidden]{display:none!important}
dialog.lab-v2 .lab-guide-card{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100% - 24px);padding:20px;border:1px solid #a7bdff66;border-radius:16px;background:linear-gradient(145deg,#252e45,#191e2c);color:#edf3ff;box-shadow:0 20px 80px #0009;pointer-events:auto;font:400 14px/1.6 Manrope,sans-serif}
dialog.lab-v2 .lab-guide-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin:0 0 12px;padding:0;background:transparent;border:0}
dialog.lab-v2 .lab-guide-progress{color:#a9beff;font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.08em}
dialog.lab-v2 .lab-guide-card [data-guide-exit]{display:grid;place-items:center;min-width:32px;width:32px;height:32px;min-height:32px;margin:0;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff05;color:#dce6ff;font:22px/1 Manrope,sans-serif;cursor:pointer}
dialog.lab-v2 .lab-guide-track{flex:0 0 3px;height:3px;overflow:hidden;border-radius:4px;background:#ffffff16}
dialog.lab-v2 .lab-guide-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#91afff,#c5b5ff);transition:width .2s ease}
dialog.lab-v2 .lab-guide-card>h3{flex:0 0 auto;margin:18px 0 10px;color:#f0f4ff;font:600 23px/1.2 'Space Grotesk',Manrope,sans-serif;letter-spacing:-.6px;outline:0}
dialog.lab-v2 .lab-guide-card>p{flex:1 1 auto;min-height:0;overflow:auto;margin:0 0 16px;padding:0;color:#c0cbe3;font:400 14px/1.7 Manrope,sans-serif;letter-spacing:0;overscroll-behavior:contain}
dialog.lab-v2 .lab-guide-task{flex:0 0 auto;margin:0 0 12px;padding:9px 11px;border:1px solid #a4cebb40;border-radius:8px;background:#a4cebb0d;color:#bedbca;font:500 12px/1.5 Manrope,sans-serif}
dialog.lab-v2 .lab-guide-task[hidden]{display:none!important}
dialog.lab-v2 .lab-guide-card>footer{position:static;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:12px 0 0;border:0;border-top:1px solid #ffffff14;background:transparent}
dialog.lab-v2 .lab-guide-card>footer button{min-height:42px;padding:9px 12px;border:1px solid #ffffff25;border-radius:8px;background:transparent;color:#d4def4;font:600 12px/1.4 Manrope,sans-serif;white-space:nowrap;cursor:pointer}
dialog.lab-v2 .lab-guide-card>footer [data-guide-next]{margin-left:auto;border-color:#a5bbff;background:#9db5ff;color:#151d31}
dialog.lab-v2 .lab-guide-card>footer [data-guide-skip]{border-color:transparent;color:#97a7c7;font-weight:500}
dialog.lab-v2 .lab-guide-card button:hover{filter:brightness(1.12)}
dialog.lab-v2 .lab-guide-card button:focus-visible{outline:2px solid #c1d2ff;outline-offset:3px}
@media(max-width:760px){
 dialog.lab-v2 .lab-app-switch .lab-guide-launch{min-width:45px!important;min-height:34px!important;padding:5px 8px!important;font-size:11px!important;margin-left:0!important}
 dialog.lab-v2 .lab-guide-card{padding:16px;border-radius:13px;max-height:min(420px,calc(100% - 20px))}
 dialog.lab-v2 .lab-guide-card>h3{margin-top:13px;font-size:21px}
 dialog.lab-v2 .lab-guide-card>p{font-size:14px;line-height:1.6}
 dialog.lab-v2 .lab-guide-card>footer button{min-height:44px;font-size:12px;padding:8px 10px}
 dialog.lab-v2 .lab-guide-progress{font-size:9px}
}
@media(max-height:560px){dialog.lab-v2 .lab-guide-card{max-height:calc(100% - 16px);padding:12px 16px}dialog.lab-v2 .lab-guide-card>header{margin-bottom:6px}dialog.lab-v2 .lab-guide-card>h3{margin:10px 0 6px;font-size:20px}dialog.lab-v2 .lab-guide-card>p{font-size:13px;line-height:1.5;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){dialog.lab-v2 .lab-guide-spot,dialog.lab-v2 .lab-guide-track i{transition:none}}
dialog.lab-v2 :is(.lab-slider,.lab-field,.bitmap-range,.bitmap-field,.lab-color,.bitmap-color-field,.lab-drop-control,.bitmap-dropzone,[data-motion-effects],.lab-composition-picker){scroll-margin-block:70px 12px}
/* The spotlight must track scrolling controls without a delayed outline. */
dialog.lab-v2.guide-running :is(.lab-controls,.bitmap-controls){scroll-behavior:auto!important}
dialog.lab-v2 .lab-guide-spot{transition:none}