:root[data-platform=web] .native-titlebar,:root[data-platform=web] .titlebar-controls,:root[data-platform=web] .titlebar-controls button,:root[data-platform=web] .titlebar-right-controls,:root[data-platform=web] .library-search-control,:root[data-platform=web] .library-settings-control{-webkit-app-region:no-drag}:root[data-platform=web] .titlebar-controls{padding-left:var(--window-edge-inset)}@media (min-width:768px){:root[data-platform=web] .looper-shell[data-view-mode=editor]{--sheet-header-edge-inset:12px;--titlebar-height:calc(var(--titlebar-control-size) + var(--sheet-header-edge-inset) + var(--sheet-header-edge-inset))}:root[data-platform=web] .sheet-titlebar-editor-controls{padding-right:var(--sheet-header-edge-inset);padding-left:var(--sheet-header-edge-inset)}:root[data-platform=web] .library-titlebar-controls .titlebar-pill-button{font-size:var(--titlebar-emphasized-pill-font-size)}:root[data-platform=web] .library-titlebar-controls .ui-icon.compact-titlebar-icon{width:18px;height:18px}}:root[data-platform=web] body{min-width:0;min-height:0}:root[data-platform=web] .account-dialog{background:0 0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0;overflow:hidden}:root[data-platform=web] .account-dialog[open]{place-items:center;display:grid}:root[data-platform=web] .account-dialog::backdrop{-webkit-backdrop-filter:none;opacity:1;background:0 0}:root[data-platform=web] .account-dialog-web-scrim{z-index:0;opacity:var(--account-dialog-progress,1);pointer-events:none;background:#05050894;display:block;position:fixed;inset:0}:root[data-platform=web][data-theme=light] .account-dialog-web-scrim{background:#f8f8fbd1}:root[data-platform=web] .looper-shell:has(>.account-dialog[open])>:not(.account-dialog):not(.screen-reader-only){filter:blur(12px)saturate(.78)}:root[data-platform=web] .account-dialog-content{width:min(520px,100vw - 64px)}.mobile-sidebar-button-label{display:none}.web-app-status{color:#ffffffb8;min-width:100%;min-height:100%;font-family:var(--font-system);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.web-app-status strong{color:#fff;font-size:16px}.web-app-loading-mark{color:#000;background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:760;display:grid}.shared-sheet-unavailable{color:#ffffffad;min-width:100%;min-height:100%;font-family:var(--font-system);text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.shared-sheet-unavailable h1,.shared-sheet-unavailable p{margin:0}.shared-sheet-unavailable h1{color:#fff;margin-top:6px;font-size:20px}.shared-sheet-unavailable a{color:#000;background:#fff;border-radius:7px;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:650;text-decoration:none}@media (max-width:767px){:root[data-platform=web],:root[data-platform=web] body,:root[data-platform=web] #root{background:var(--bg-editor-opaque);width:100%;min-width:0;height:100lvh;min-height:0}:root[data-platform=web] .looper-shell{--titlebar-height:calc(60px + env(safe-area-inset-top));--titlebar-control-size:44px;--titlebar-control-inset:8px;--mobile-browser-ui-offset:0px;--loop-sidebar-footer-height:calc(52px + env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset));--mobile-library-left-inset:max(20px, env(safe-area-inset-left));--mobile-library-right-inset:max(20px, env(safe-area-inset-right));--mobile-loop-sidebar-width:100vw;width:100%;height:100lvh}@supports (height:100lvh) and (height:100dvh){:root[data-platform=web] .looper-shell{--mobile-browser-ui-offset:max(0px, calc(100lvh - 100dvh))}}:root[data-platform=web] .looper-shell:after{content:"";z-index:130;background:var(--divider-content);pointer-events:none;height:.5px;position:absolute;top:0;left:0;right:0}:root[data-platform=web] .looper-shell[data-view-mode=editor]{background:var(--bg-editor-opaque)}:root[data-platform=web] .native-titlebar,:root[data-platform=web] .native-titlebar.results-hidden{z-index:100;padding-top:env(safe-area-inset-top);grid-template-columns:minmax(0,1fr)}:root[data-platform=web] .looper-shell[data-view-mode=library]>.native-titlebar{box-shadow:none;transform:translateY(var(--mobile-library-header-translate-y,0));will-change:transform;background:0 0;border-bottom:0}:root[data-platform=web] .looper-shell[data-header-presentation=integrated][data-view-mode=library]:before{content:none}:root[data-platform=web] .native-titlebar.sheet-titlebar,:root[data-platform=web] .native-titlebar.sheet-titlebar.results-hidden{isolation:isolate;box-shadow:none;background:0 0;border-bottom:0}:root[data-platform=web] .native-titlebar.sheet-titlebar:not(.results-hidden){box-shadow:none;background:0 0;border-bottom:0}:root[data-platform=web] .native-titlebar.sheet-titlebar:before{content:"";z-index:0;height:env(safe-area-inset-top);background:var(--bg-editor-opaque);pointer-events:none;position:absolute;top:0;left:0;right:0}:root[data-platform=web] .native-titlebar.sheet-titlebar .titlebar-controls{z-index:1}:root[data-platform=web] .titlebar-controls{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));gap:8px}:root[data-platform=web] .titlebar-icon-button{flex:none;width:44px;height:44px}:root[data-platform=web] .titlebar-pill-button{height:44px;min-height:44px}:root[data-platform=web] .ui-icon.compact-titlebar-icon{width:18px;height:18px}:root[data-platform=web] .sheet-titlebar-editor-controls{justify-content:flex-start;gap:8px}:root[data-platform=web] .mobile-sheet-nav-button,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button,:root[data-platform=web] .mobile-library-glass-control{color:var(--titlebar-control-foreground);background:var(--header-control-bg);box-shadow:none;-webkit-backdrop-filter:none;border:0;transition:background-color .14s,transform .14s cubic-bezier(.2,.8,.2,1)}:root[data-platform=web] .mobile-sheet-nav-button:before,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button:before,:root[data-platform=web] .mobile-library-glass-control:before{content:none}:root[data-platform=web] .mobile-sheet-nav-button:hover,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button:hover,:root[data-platform=web] .mobile-library-glass-control:hover,:root[data-platform=web] .mobile-sheet-nav-button.active,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button.active,:root[data-platform=web] .mobile-library-glass-control.active{background:var(--header-control-bg-hover)}:root[data-platform=web] .mobile-sheet-nav-button:active,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button:active,:root[data-platform=web] .mobile-library-glass-control:active{background:var(--header-control-bg-pressed);box-shadow:none;transform:scale(.96)}:root[data-platform=web] .mobile-sheet-nav-button:focus-visible,:root[data-platform=web] .titlebar-pill-button.header-loop-count-button:focus-visible,:root[data-platform=web] .mobile-library-glass-control:focus-visible{outline:2px solid var(--menu-highlight);outline-offset:2px}:root[data-platform=web] .sheet-titlebar-editor-controls>.document-title-control{display:none}:root[data-platform=web] .header-loop-count-control{pointer-events:auto;justify-content:flex-end;align-items:center;margin-left:auto;display:flex;position:relative;inset:auto}:root[data-platform=web] .header-loop-count-control>*{pointer-events:auto}:root[data-platform=web] .titlebar-pill-button.header-loop-count-button{border-radius:999px;gap:5px;min-width:80px;height:44px;min-height:44px;padding-left:14px;padding-right:14px;font-size:15px;font-weight:590}:root[data-platform=web] .header-loop-count-button .titlebar-pill-label{display:inline}:root[data-platform=web] .mobile-sheet-nav-button{border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin-left:0;padding:0;display:inline-flex}:root[data-platform=web] .mobile-sidebar-button-label{display:none}:root[data-platform=web] .library-login-button{border-radius:999px;gap:7px;width:auto;min-width:80px;height:44px;min-height:44px;padding:0 14px;font-size:15px;font-weight:560}:root[data-platform=web] .library-login-button>span{display:inline}:root[data-platform=web] .library-account-button{border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}:root[data-platform=web] .library-account-button .compact-titlebar-icon{width:20px;height:20px}:root[data-platform=web] .library-titlebar-controls .library-header-controls{justify-content:flex-end}:root[data-platform=web] .library-titlebar-controls .library-settings-control{max-width:none}:root[data-platform=web] .library-search-control,:root[data-platform=web] .titlebar-pill-button.library-download-app-button{display:none}:root[data-platform=web] .library-search-popover{top:calc(var(--titlebar-height) + 8px);right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));width:auto;position:fixed}:root[data-platform=web] .library-search-field{height:44px}:root[data-platform=web] .library-search-popover:before{background:linear-gradient(to bottom, var(--library-search-cutoff-bg) 0, var(--library-search-cutoff-bg) 30px, transparent 30px, transparent 100%);height:52px}:root[data-platform=web] .library-search-results{max-height:min(417px, calc(100dvh - var(--titlebar-height) - 43px));padding-top:57px;scroll-padding-top:57px}:root[data-platform=web] .library-search-result{min-height:44px}:root[data-platform=web] .library-settings-menu{top:calc(var(--titlebar-height) + 8px);right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));width:auto;position:fixed;transform:none}:root[data-platform=web] .library-settings-menu .settings-row,:root[data-platform=web] .settings-account-summary,:root[data-platform=web] .settings-menu-action{min-height:44px}:root[data-platform=web] .settings-text-control{height:44px}:root[data-platform=web] .mobile-loop-sheet{z-index:300;padding-top:max(24px, env(safe-area-inset-top));overscroll-behavior:contain;pointer-events:none;-webkit-app-region:no-drag;background:0 0;justify-content:center;align-items:flex-end;transition:background-color .22s;display:flex;position:fixed;inset:0}:root[data-platform=web] .mobile-loop-sheet[data-state=open]{pointer-events:auto;background:#0000007a}:root[data-platform=web] .mobile-loop-sheet-panel.loop-count-slider-popover{width:100%;max-width:560px;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));padding-bottom:max(18px, calc(env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset)));background:var(--menu-surface);transform:translateY(calc(100% + env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset) + 8px));will-change:transform;border-bottom:0;border-radius:26px 26px 0 0;outline:none;transition:transform .34s cubic-bezier(.32,.72,0,1);position:relative;overflow:visible;box-shadow:0 -18px 60px #00000057}:root[data-platform=web] .mobile-loop-sheet[data-state=open] .mobile-loop-sheet-panel{transform:translateY(var(--mobile-loop-sheet-drag-offset,0))}:root[data-platform=web] .mobile-loop-sheet-panel[data-dragging=true]{transition:none}:root[data-platform=web] .mobile-loop-sheet-grabber-area{cursor:grab;touch-action:none;place-items:center;width:100%;height:30px;display:grid}:root[data-platform=web] .mobile-loop-sheet-grabber-area:active{cursor:grabbing}:root[data-platform=web] .mobile-loop-sheet-grabber{background:color-mix(in srgb, var(--menu-text) 24%, transparent);border-radius:999px;width:38px;height:5px;display:block}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-heading{gap:16px;padding:4px 24px 3px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-heading h2{letter-spacing:-.02em;font-size:22px;font-weight:680}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-heading output{font-size:20px;font-weight:650}:root[data-platform=web] .mobile-loop-sheet-panel>p{max-width:520px;padding:5px 24px 20px;font-size:15px;line-height:1.45}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-row{gap:12px;padding:0 24px 22px;font-size:14px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-control input[type=range]{height:34px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-control input[type=range]::-webkit-slider-runnable-track{height:5px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-count-slider-control input[type=range]::-webkit-slider-thumb{border-width:3px;width:24px;height:24px;margin-top:-9.5px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-setting{gap:16px;min-height:82px;padding:15px 24px 0}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-setting-copy{gap:4px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-setting-copy h3{font-size:16px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-setting-copy span{font-size:14px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-selection-button{border-radius:11px;max-width:180px;min-height:44px;padding:0 13px 0 15px;font-size:15px}:root[data-platform=web] .mobile-loop-sheet-panel .loop-label-picker-popover{top:auto;bottom:calc(100% + 8px);right:0}:root[data-platform=web] .loop-label-selection-button,:root[data-platform=web] .document-menu-item,:root[data-platform=web] .document-rename-form input,:root[data-platform=web] .document-rename-actions button{min-height:44px}:root[data-platform=web] .account-dialog-close{width:44px;height:44px}:root[data-platform=web] .account-dialog-content{width:calc(100vw - 40px)}:root[data-platform=web] .document-menu{max-width:calc(100vw - 24px)}:root[data-platform=web] .document-library,:root[data-platform=web] .looper-shell[data-header-presentation=integrated] .document-library{width:100%;height:100lvh;padding:calc(var(--titlebar-height) + 22px) var(--mobile-library-right-inset) calc(42px + env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset)) var(--mobile-library-left-inset);overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;margin-top:0}:root[data-platform=web] .library-header{margin-bottom:26px;padding-top:0}:root[data-platform=web] .library-title-group{gap:18px}:root[data-platform=web] .library-hero-icon{width:72px;height:72px;margin-left:-5px}:root[data-platform=web] .library-title-group h1{width:auto;font-size:clamp(23px,7vw,28px);line-height:1.32}:root[data-platform=web] .document-library .document-grid{width:calc(100% + var(--mobile-library-left-inset) + var(--mobile-library-right-inset));max-width:none;padding:0 var(--mobile-library-right-inset) 10px var(--mobile-library-left-inset);margin:0 0 0 calc(0px - var(--mobile-library-left-inset));scroll-padding-right:var(--mobile-library-right-inset);scroll-padding-left:var(--mobile-library-left-inset);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:min(58vw,210px);grid-auto-flow:column;gap:10px;display:grid;overflow:auto hidden}:root[data-platform=web] .document-library .document-grid::-webkit-scrollbar{display:none}:root[data-platform=web] .document-library .document-grid .document-card{scroll-snap-align:start}:root[data-platform=web] .library-divider{margin-top:24px}:root[data-platform=web] .getting-started-title{padding:22px 0 14px;font-size:22px}:root[data-platform=web] .getting-started-grid{width:100%;max-width:none;display:grid}:root[data-platform=web] .document-card{border-radius:18px}:root[data-platform=web] .library-card-menu-control{top:6px;right:6px}:root[data-platform=web] .library-card-menu-button{width:44px;height:44px;color:var(--titlebar-control-secondary-foreground);box-shadow:none;opacity:1;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;outline:0;transform:none}:root[data-platform=web] .library-card-menu-button:hover,:root[data-platform=web] .library-card-menu-button.active{color:var(--titlebar-control-foreground);background:0 0}:root[data-platform=web] .library-card-menu-button .ui-icon{width:22px;height:22px}:root[data-platform=web] .library-card-menu{top:50px}:root[data-platform=web] .native-workspace,:root[data-platform=web] .native-workspace.results-hidden{width:100%;min-width:0;display:block;position:relative;overflow:hidden}:root[data-platform=web] .native-editor-panel{--editor-left-inset:36px;--editor-top-inset:calc(var(--titlebar-height) + 4px);--static-results-width:clamp(96px, 31vw, 124px);--static-result-trailing-space:10px;will-change:transform;border-right:0;grid-template-columns:minmax(0,1fr);width:100%;transition:transform 3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(0)}:root[data-platform=web] .native-editor-panel .highlight-layer,:root[data-platform=web] .native-editor-panel .editor-input,:root[data-platform=web] .native-editor-panel .static-result-value,:root[data-platform=web] .native-editor-panel .row-drag-preview{font-size:calc(var(--editor-font-size) + 1px)}:root[data-platform=web] .native-editor-panel .editor-input{padding-bottom:calc(var(--row-height) / 2 + env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset));overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}:root[data-platform=web] .native-workspace:not(.results-hidden) .native-editor-panel{pointer-events:none;transform:translate(-18vw)}:root[data-platform=web] .loop-sidebar-resize-handle{display:none}:root[data-platform=web] .loop-results{--editor-top-inset:calc(var(--titlebar-height) + 8px);--result-spacing:4px;--row-height:36px;z-index:80;width:var(--mobile-loop-sidebar-width);border-left:1px solid var(--divider-results);background:var(--bg-results-opaque);visibility:visible;min-width:0;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),transform 3s cubic-bezier(.22,1,.36,1),visibility linear;top:0;transform:translate(0);box-shadow:-24px 0 54px #00000052}:root[data-platform=web] .looper-shell[data-header-presentation=integrated] .loop-results:before{display:none}:root[data-platform=web] .native-workspace.results-hidden .loop-results{pointer-events:none;visibility:hidden;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),transform 3s cubic-bezier(.22,1,.36,1),visibility 0s linear 3s;transform:translate(100%)}:root[data-platform=web] .mobile-sheet-back-button .ui-icon{stroke-width:2.4px;width:24px;height:24px}:root[data-platform=web] .mobile-sheet-sidebar-button .ui-icon{width:20px;height:20px}:root[data-platform=web] .loop-results-list{min-width:0}:root[data-platform=web] .loop-sidebar-footer-controls{width:100%;min-width:0}:root[data-platform=web] .loop-sidebar-variables-header{padding-bottom:calc(env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset))}:root[data-platform=web] .loop-sidebar-variables-toggle{font-size:15px}:root[data-platform=web] .loop-sidebar-footer-controls.expanded .loop-sidebar-variables-header{flex-basis:52px;min-height:52px;padding-bottom:0}:root[data-platform=web] .loop-sidebar-footer-controls.expanded .loop-sidebar-variables-list{padding-bottom:calc(env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset))}:root[data-platform=web] .loop-sidebar-variable-option{min-height:44px;padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));font-size:15px}:root[data-platform=web] .loop-sidebar-variables-resize-handle{height:16px}:root[data-platform=web] .loop-sidebar-variables-action{min-width:48px;height:52px}:root[data-platform=web] .loop-sidebar-variables-action-pill{height:24px;font-size:12px}:root[data-platform=web] .cloud-sync-banner{bottom:calc(12px + env(safe-area-inset-bottom) + var(--mobile-browser-ui-offset));width:calc(100vw - 24px);max-width:none;min-height:44px}:root[data-platform=web] .cloud-sync-banner button{min-width:44px;min-height:44px}}@media (max-width:767px) and (prefers-reduced-motion:reduce){:root[data-platform=web] .mobile-loop-sheet,:root[data-platform=web] .mobile-loop-sheet-panel,:root[data-platform=web] .native-editor-panel,:root[data-platform=web] .loop-results,:root[data-platform=web] .loop-sidebar-variables-panel,:root[data-platform=web] .loop-sidebar-variables-chevron{transition-duration:1ms}:root[data-platform=web] .native-workspace.results-hidden .loop-results{transition-delay:0s,0s,1ms}}
