:is(html:has(.workspace-screen),body:has(.workspace-screen)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.workspace-screen){width:100%;margin:0;position:fixed;inset:0;overflow:clip}.workspace-screen{box-sizing:border-box;background:var(--canvas);height:100dvh;min-height:0;color:var(--ink);position:fixed;inset:0;overflow:clip}.workspace-screen *,.workspace-screen :before,.workspace-screen :after{box-sizing:border-box}:is(body:has(.workspace-screen),body:has(.workspace-screen) *){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body:has(.workspace-screen) :is([role=alert],[role=alert] :not(button,button *),code,code *,pre,pre *,input,textarea,[contenteditable]:not([contenteditable=false]),.selectable,[data-selectable],.selectable *,[data-selectable] *,[contenteditable]:not([contenteditable=false]) *){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.workspace-screen a{color:var(--ink);text-underline-offset:4px}.workspace-screen a:focus-visible{outline:none}.workspace-column{width:100%;max-width:480px;height:100%;min-height:0;margin-inline:auto}@media (min-width:1024px){.workspace-column[data-layout=editor]{max-width:none}}.product-page-slot{flex:1;height:100%;min-height:0}.product-home{height:100%}.product-home .home-hero h1{overflow-wrap:anywhere}.product-home .home-hero>div{min-width:0}.product-home .home-navigation-pane>.study-phone{min-height:100%}.product-home .study-section-heading .workspace-actions{gap:0}.product-home .home-navigation-content{overflow:hidden}.product-home .recent-videos{flex:none;overflow:visible}.product-home .project-results{flex:none}.project-results{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.project-results>.ds-button{align-self:center}.project-results>.study-empty{min-height:160px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;max-width:720px;margin:0 auto;padding:0;list-style:none;display:grid}.project-grid>li{min-width:0}.project-card{flex-direction:column;gap:6px;min-width:0;text-decoration:none;display:flex}.project-card:focus-visible{background:var(--surface);border-radius:var(--control-radius)}.project-card-media{aspect-ratio:9/16;border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--muted);place-items:center;display:grid;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card-copy{gap:3px;min-width:0;display:grid}.project-card-copy strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.project-card-copy small{color:var(--muted);font-size:11px;line-height:1.4}.project-feedback{gap:12px;font-size:13px;line-height:1.5;display:grid}.project-feedback p{margin:0}.project-feedback>.ds-button{justify-self:start}.workspace-actions,.workspace-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-title{justify-content:space-between}.workspace-gate{max-width:440px;margin:auto;padding:24px 16px}.workspace-entry-loading{height:100%}.workspace-root-loading{background:var(--canvas);min-height:100dvh;color:var(--ink)}.workspace-panel{gap:16px;padding:20px;display:grid}.workspace-panel h1,.workspace-panel h2{margin:0;font-size:20px}.workspace-panel p{margin:0;font-size:14px;line-height:1.5}.workspace-feedback-form{flex:1;align-content:start;gap:12px;padding:16px 20px 20px;display:grid}.workspace-feedback-form>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.workspace-feedback-form>label{color:var(--ink);gap:6px;font-size:13px;display:grid}.workspace-feedback-form>label span{color:var(--muted)}.workspace-feedback-form .ds-input{width:100%;min-height:44px;font-size:16px}.workspace-feedback-details{resize:vertical;padding:10px 12px;font-family:inherit;height:116px!important;min-height:116px!important}.workspace-feedback-form p[role=alert]{color:var(--danger,#b42318)}.workspace-feedback-form p[role=status]{color:var(--ink)}.workspace-feedback-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.workspace-feedback-actions .ds-button{min-height:44px}.workspace-account-storage{align-content:start;gap:8px;min-height:96px;display:grid}.workspace-account-storage h3{color:var(--ink);margin:0;font-size:13px;font-weight:500}.workspace-account-storage-content{align-content:center;gap:8px;min-height:64px;display:grid}.workspace-account-storage-summary{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.workspace-account-storage-summary strong{color:var(--ink);font-size:14px;font-weight:500}.workspace-account-storage-summary span,.workspace-account-storage-legend{color:var(--muted);font-size:11px}.workspace-account-storage-bar{background:var(--surface);border-radius:999px;width:100%;height:7px;display:flex;overflow:hidden}.workspace-account-storage-bar>span{min-width:0;height:100%}.workspace-account-storage-video{background:var(--track-video)}.workspace-account-storage-audio{background:var(--track-audio)}.workspace-account-storage-legend{flex-wrap:wrap;gap:4px 14px;display:flex}.workspace-account-storage-legend>span{align-items:center;gap:5px;display:inline-flex}.workspace-account-storage-key{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.workspace-account-storage-skeleton{gap:8px;display:grid}.workspace-account-storage-skeleton .workspace-account-storage-summary{align-items:center;min-height:20px}.workspace-account-storage-skeleton .workspace-account-storage-legend{flex-wrap:nowrap;min-height:14px}.workspace-account-storage-skeleton i{background:var(--surface);border-radius:5px;height:10px;animation:1.2s ease-in-out infinite alternate workspace-account-storage-pulse;display:block}@keyframes workspace-account-storage-pulse{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.workspace-account-storage-skeleton i{animation:none}}.workspace-account-storage-error{justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.workspace-account-storage-error p{margin:0}.product-project{overflow:auto}.product-project .study-header h1{overflow-wrap:anywhere;min-width:0;font-size:17px}.product-project-preview{flex-shrink:0;height:290px}.product-project-preview>.editor-preview{height:100%}.product-project-details{align-items:stretch;gap:16px;min-height:fit-content;padding:20px}.product-project-details h2{margin:0;font-size:16px;font-weight:500}.product-project-details .study-note{margin:0}.project-rename{gap:12px;display:grid}.project-rename label{gap:8px;font-size:13px;display:grid}.project-rename .ds-input{width:100%}.product-project-details p[role]{margin:0;font-size:13px;line-height:1.5}@media (pointer:coarse){.project-rename .ds-input{min-height:44px;font-size:16px}}.product-home .home-results{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.product-home .study-content-card{padding-bottom:24px}.workspace-account-body{overscroll-behavior:contain;min-height:0;padding:8px var(--sheet-pad-x) 16px;gap:16px;display:grid;overflow:auto}.workspace-account-body>p{overflow-wrap:anywhere;color:var(--muted);margin:0;font-size:12px}.workspace-account-body>.ds-button{justify-self:start}.workspace-feedback-form{overscroll-behavior:contain;min-height:0;padding:8px var(--sheet-pad-x) 16px;overflow:auto}.workspace-account-body .ds-button,.workspace-feedback-form .ds-button{isolation:isolate;min-height:44px;box-shadow:none;background:0 0;border-color:#0000;position:relative}.workspace-account-body .ds-button:not([data-variant=ghost]):before,.workspace-feedback-form .ds-button:not([data-variant=ghost]):before{content:"";z-index:-1;height:var(--button-height);border:var(--border-width) solid var(--line);border-radius:inherit;background:var(--button-fill);box-shadow:var(--button-shadow);pointer-events:none;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.workspace-feedback-form .ds-button[data-variant=primary]:before{background:var(--primary-fill);border-color:var(--primary-border);box-shadow:var(--primary-shadow)}.project-card-pending{background:color-mix(in srgb, var(--surface) 35%, transparent);opacity:0;animation:project-card-pending-in var(--fast) var(--ease-out) .25s forwards;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.project-card-pending:after{content:"";border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite project-card-pending-spin}@keyframes project-card-pending-in{to{opacity:1}}@keyframes project-card-pending-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.project-card-pending:after{animation-duration:1.6s}}