*{margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#000;overflow:hidden;overscroll-behavior:none}#stage{position:fixed;inset:0}#stage-media{position:absolute;inset:0}#camera,#overlay{position:absolute;inset:0;width:100%;height:100%}#camera{object-fit:cover}#camera.mirrored{transform:scaleX(-1)}#overlay{pointer-events:none}#diagnostics{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));white-space:pre;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffd1;background:#0000006b;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 10px;pointer-events:none}#overrides{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:var(--z-tooltip);max-width:100vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#1a1200;background:#fbbf24;border:1px solid rgba(0,0,0,.35);border-top:0;border-radius:0 0 8px 8px;padding:5px 12px;pointer-events:none}.hidden{display:none}body{font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans);color:var(--text-primary);background:var(--bg);user-select:none;-webkit-user-select:none;cursor:default}input[type=text],input[type=search],textarea,[contenteditable]{user-select:text;-webkit-user-select:text;cursor:auto}:root{--panel-w: 15.625rem;--page-inset: var(--s-5);--panel-inset: var(--s-3);--capture-bar-h: 3.375rem;--capture-clear: calc(var(--page-inset) + var(--capture-bar-h) + var(--s-6));--message-b: calc(var(--page-inset) + var(--capture-bar-h) + var(--s-4));--message-max-w: min(30rem, calc(var(--view-w) - var(--s-6)))}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button{appearance:none;border:none;background:none;color:var(--text-primary);font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans);padding:0;cursor:pointer}button:disabled{color:var(--text-disabled);cursor:default}input,select{font:var(--fw-regular) var(--type-label-size) / var(--lh-label) var(--font-sans);color:var(--text-primary)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.pill-button.primary:focus-visible,#cap-main:focus-visible{box-shadow:inset 0 0 0 var(--focus-width) var(--focus-inset)}#cap-main:focus-visible:after{box-shadow:inset 0 0 0 var(--focus-width) var(--focus-inset)}.pill-button{min-block-size:2.625rem;padding-inline:var(--s-4);border-radius:var(--radius-full);background:var(--layer-02);color:var(--text-primary);font:var(--fw-semibold) var(--type-label-size) / var(--lh-label) var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:background-color var(--t-hover) var(--ease-micro),color var(--t-hover) var(--ease-micro),border-color var(--t-hover) var(--ease-micro)}.pill-button:hover{background:var(--layer-03)}.pill-button.primary{background:var(--action-fill);color:var(--text-on-fill)}.pill-button.primary:hover{background:var(--action-fill-hover)}.pill-button.primary:active{background:var(--action-fill-active)}.pill-button.quiet{background:none;color:var(--text-secondary)}.pill-button.quiet:hover{background:var(--action-ghost-hover);color:var(--text-primary)}.pill-button[aria-disabled=true],.pill-button[aria-disabled=true]:hover{background:var(--layer-02);color:var(--text-disabled);cursor:default}.pill-button.primary[aria-disabled=true],.pill-button.primary[aria-disabled=true]:hover{background:var(--action-disabled)}.pill-button svg{flex:none}.toggle.nudge{box-shadow:0 0 0 2px var(--border-inverse);animation:nudge-pulse var(--t-control) var(--ease-micro) 2}@keyframes nudge-pulse{50%{box-shadow:0 0 0 5px var(--action-ghost-hover)}}.icon-ghost,#panels-toggle{inline-size:2rem;block-size:2rem;display:grid;place-items:center;border-radius:var(--radius-container);color:var(--text-secondary);position:relative;transition:background-color var(--t-hover) var(--ease-micro),color var(--t-icon-tint) var(--ease-micro)}.icon-ghost:hover,#panels-toggle:hover{background:var(--action-ghost-hover);color:var(--text-primary)}.gesture-spin{display:inline-grid;transform-origin:50% 50%;transition:transform var(--t-spring-turn) var(--ease-spring-turn)}.panel-divider,.panel-chevron{transition:transform var(--t-spring-slide) var(--ease-spring-slide)}body[data-layout=desktop] #inspector-reset:focus-visible .gesture-spin,body[data-layout=desktop] #flip:not([aria-disabled=true]):active .gesture-spin{transform:rotate(-45deg)}body[data-layout=desktop] #panels-toggle:focus-visible :is(.panel-divider,.panel-chevron){transform:translate(-2px)}body[data-layout=desktop] #reopen:focus-visible :is(.panel-divider,.panel-chevron){transform:translate(2px)}@media(hover:hover)and (pointer:fine){body[data-layout=desktop] #inspector-reset:hover .gesture-spin{transform:rotate(-45deg)}body[data-layout=desktop] #panels-toggle:hover :is(.panel-divider,.panel-chevron){transform:translate(-2px)}body[data-layout=desktop] #reopen:hover :is(.panel-divider,.panel-chevron){transform:translate(2px)}}#effects-panel,#inspector{position:fixed;inset-block-start:var(--panel-inset);block-size:calc(var(--view-h) - 2 * var(--panel-inset));inline-size:var(--panel-w);display:flex;flex-direction:column;background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-raised);z-index:var(--z-base);overflow:hidden}#effects-panel{inset-inline-start:var(--panel-inset);transition:block-size var(--t-morph) var(--ease-morph),visibility 0s}#inspector{inset-inline-end:var(--panel-inset);transform-origin:100% 50%;transition:inline-size var(--t-morph) var(--ease-morph),transform var(--t-morph) var(--ease-morph),opacity var(--t-morph) var(--ease-morph),visibility 0s}body.panels-collapsed #effects-panel{block-size:var(--pill-h, 3.75rem);visibility:hidden;transition:block-size var(--t-morph) var(--ease-morph) var(--t-morph-content),visibility 0s calc(var(--t-morph-content) + var(--t-morph))}body.panels-collapsed #inspector{inline-size:0;transform:translate(var(--s-5));opacity:0;visibility:hidden;transition:inline-size var(--t-morph) var(--ease-morph) var(--t-morph-content),transform var(--t-morph) var(--ease-morph) var(--t-morph-content),opacity var(--t-morph) var(--ease-morph) var(--t-morph-content),visibility 0s calc(var(--t-morph-content) + var(--t-morph))}#effects-panel>:where(#search-wrap,#categories,#effect-grid,#grid-empty,#help-button){flex-shrink:0;transition:opacity var(--t-morph-content) var(--ease-micro) calc(var(--t-morph) - var(--t-morph-content)),transform var(--t-morph-content) var(--ease-micro) calc(var(--t-morph) - var(--t-morph-content))}body.panels-collapsed #effects-panel>:where(#search-wrap,#categories,#effect-grid,#grid-empty,#help-button){opacity:0;transform:translateY(calc(-1 * var(--s-1)));transition:opacity var(--t-morph-content) var(--ease-micro),transform var(--t-morph-content) var(--ease-micro)}#inspector>:where(#inspector-head,#inspector-body,#inspector-empty){inline-size:calc(var(--panel-w) - 2 * var(--border-width));margin-inline-start:auto}#reopen{position:fixed;inset-block-start:var(--panel-inset);inset-inline-start:var(--panel-inset);inline-size:var(--panel-w);display:inline-flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-4) var(--s-3);background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-raised);color:var(--text-primary);z-index:var(--z-sticky);visibility:hidden;transition:background-color var(--t-hover) var(--ease-micro),visibility 0s}body.panels-collapsed #reopen{visibility:visible;transition:background-color var(--t-hover) var(--ease-micro),visibility 0s calc(var(--t-morph-content) + var(--t-morph))}#reopen:hover{background:var(--bg-hover)}.reopen-icon{inline-size:2rem;block-size:2rem;display:inline-grid;place-items:center;color:var(--text-secondary);transition:color var(--t-icon-tint) var(--ease-micro)}#reopen:hover .reopen-icon{color:var(--text-primary)}#effect-grid,#inspector-body{scrollbar-width:none}#effect-grid::-webkit-scrollbar,#inspector-body::-webkit-scrollbar{display:none}.scroll-thumb{position:absolute;inset-inline-end:3px;inline-size:6px;border-radius:var(--radius-full);background:var(--border-strong);opacity:0;pointer-events:none;z-index:var(--z-base)}#effects-panel:hover .scroll-thumb,#inspector:hover .scroll-thumb{opacity:.45;pointer-events:auto}#effects-panel .scroll-thumb:hover,#inspector .scroll-thumb:hover,.scroll-thumb.dragging{opacity:.8}.scroll-thumb.dragging{cursor:grabbing}body.panels-morphing :is(#effect-grid,#inspector-body){overflow-y:hidden}body.panels-morphing .scroll-thumb{visibility:hidden}#panel-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-3)}#wordmark{display:inline-flex;align-items:center;color:var(--text-primary);border-radius:var(--radius-control)}#wordmark svg,#reopen-brand svg{block-size:1.3125rem;inline-size:auto;display:block}#search-wrap{position:relative;margin-inline:var(--s-4);margin-block-end:var(--s-3)}.search-icon{position:absolute;inset-inline-start:var(--s-3);inset-block-start:50%;transform:translateY(-50%);color:var(--text-placeholder);pointer-events:none}#search{inline-size:100%;min-block-size:2.25rem;padding-inline:2.25rem var(--s-3);background:var(--field);border:none;border-radius:var(--radius-container);color:var(--text-primary)}#search::placeholder{color:var(--text-placeholder)}#search:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:0}#search::-webkit-search-cancel-button{-webkit-appearance:none}#categories{display:flex;gap:var(--s-2);padding-inline:var(--s-4);padding-block-end:var(--s-3);overflow-x:auto;scrollbar-width:none;flex:0 0 auto}#categories button{flex:0 0 auto;min-block-size:2rem;padding-inline:var(--s-3);border-radius:var(--radius-full);background:var(--layer-02);color:var(--text-secondary);position:relative;transition:background-color var(--t-control) var(--ease-micro),color var(--t-control) var(--ease-micro)}#categories button:hover{background:var(--layer-03);color:var(--text-primary)}#categories button[aria-pressed=true]{background:var(--action-fill);color:var(--text-on-fill)}#effect-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4) 1.25rem;padding:var(--s-1) var(--s-4) calc(2.25rem + var(--s-4) + var(--s-2));align-content:start}#grid-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4);color:var(--text-tertiary);text-align:center}#grid-empty .clear-link{align-self:center}#help-button{position:absolute;inset-inline-start:var(--s-4);inset-block-end:var(--s-4);inline-size:2.25rem;block-size:2.25rem;border-radius:var(--radius-full);background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--elevation-floating);z-index:var(--z-raised)}#help-button:hover,#help-button[aria-expanded=true]{background:var(--layer-02);color:var(--text-primary)}#effect-grid.is-empty{flex:0 0 auto}.effect-card-wrap{position:relative}.effect-card{inline-size:100%;display:flex;flex-direction:column;gap:var(--s-2);text-align:center;color:var(--text-secondary);transition:color var(--t-control) var(--ease-micro)}.effect-card .preview{inline-size:100%;aspect-ratio:95 / 118;border-radius:var(--radius-container);display:grid;grid-template:100% / 100%;min-block-size:0;outline:2px solid transparent;outline-offset:-1px;transition:outline-color var(--t-control) var(--ease-micro)}.effect-card .preview>:is(canvas,img,video){grid-area:1 / 1;display:block;inline-size:100%;block-size:100%;border-radius:inherit;background:var(--layer-02);object-fit:cover}.effect-card .preview>video{background:none;opacity:0}.effect-card .preview>video[data-shown]{opacity:1}.effect-card:hover,.effect-card[aria-pressed=true]{color:var(--text-primary)}.effect-card[aria-pressed=true] .preview{outline-color:var(--border-inverse)}.effect-card[aria-disabled=true]{cursor:default;color:var(--text-disabled)}.effect-card[aria-disabled=true] .preview{opacity:.35}.effect-card.effect-soon{cursor:default;color:var(--text-tertiary)}#inspector-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-block-end:var(--border-width) solid var(--border-subtle)}#inspector-name{flex:1;margin:0}#inspector-body{flex:1;overflow-y:auto;padding-block:var(--s-4);padding-inline:0}#inspector-empty{padding:var(--s-4);color:var(--text-tertiary)}.inspector-controls{display:flex;flex-direction:column}.control-section{display:flex;flex-direction:column;gap:var(--s-3);padding-block:var(--s-4);padding-inline:var(--s-4)}.control-section+.control-section{border-block-start:var(--border-width) solid var(--border-subtle)}.control-section:first-child{padding-block-start:0}.section-body{display:flex;flex-direction:column;gap:var(--s-2)}.section-body[hidden]{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);min-block-size:1.5rem}.section-toggle{display:inline-flex;align-items:center;gap:2px;min-block-size:1.5rem;margin-inline-start:-.875rem;color:var(--text-primary);position:relative}.section-title{font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans)}.section-toggle .chevron{flex:0 0 auto;color:var(--text-tertiary);opacity:0}.control-section:hover .section-toggle .chevron,.section-toggle:hover .chevron,.section-toggle:focus-visible .chevron,.control-section.collapsed .section-toggle .chevron{opacity:1}.control-section.collapsed .section-toggle .chevron{transform:rotate(-90deg)}.control{display:flex;flex-direction:column;gap:var(--s-2)}.control-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s-2);min-block-size:2rem}.control.stacked>:not(.control-label){inline-size:100%}.control-row:has(>.toggle){--optical-offset: .4375rem ;margin-block-end:calc(-1 * var(--optical-offset))}.control-row.field-lead{margin-block-start:var(--s-2)}.control.stacked{padding-block-start:var(--s-2)}.control-row>.color-field,.control-row>.menu-trigger,.control-row>.control-text{flex:1;min-inline-size:0}.control-row:has(>.color-field)>.control-label{flex:0 0 auto;min-inline-size:calc(var(--s-7) + var(--s-2))}.control-row>.menu-trigger{justify-content:space-between}.control-label{color:var(--text-secondary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans)}.control-caption{padding-block-start:var(--s-2);color:var(--text-tertiary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans)}.control-note{color:var(--text-tertiary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans)}.control-readout{display:inline-flex;align-items:baseline;gap:var(--s-1)}.control-readout input{inline-size:3.5rem;border:none;background:none;text-align:end;color:var(--text-primary);font:var(--fw-regular) var(--type-value-size) / var(--lh-value) var(--font-mono);font-variant-numeric:tabular-nums;padding:0}.control-readout .unit{color:var(--text-tertiary);font:var(--fw-regular) var(--type-value-sm-size) / var(--lh-value) var(--font-mono)}.slider-wrap{position:relative;block-size:.875rem;--optical-offset: 2px;margin-block:calc(-1 * var(--optical-offset));container-type:inline-size;--thumb: 14px;--fill: calc(var(--thumb) / 2 + var(--pos, 0) * (100% - var(--thumb)))}.slider-ticks{position:absolute;inset-inline:0;inset-block-start:50%;block-size:5px;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:calc(var(--thumb) / 2 - .75px);pointer-events:none;clip-path:inset(0 0 0 var(--fill, 0%))}.slider-ticks span{inline-size:1.5px;background:var(--border-strong)}.slider-fill{position:absolute;inset-inline-start:0;inset-block-start:50%;inline-size:var(--fill, 0%);block-size:4px;transform:translateY(-50%);background:var(--action-fill);border-radius:var(--radius-full);pointer-events:none}.slider-wrap input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;inset-inline:0;inset-block:-.9375rem;inline-size:100%;block-size:2.75rem;margin:0;background:transparent;touch-action:none;cursor:pointer}.slider-wrap input[type=range]::-webkit-slider-runnable-track{block-size:100%;background:transparent}.slider-wrap input[type=range]::-moz-range-track{block-size:100%;background:transparent}.slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;inline-size:14px;block-size:14px;margin-block-start:calc((2.75rem - 14px)/2);border-radius:35%;background:transparent;border:none}.slider-wrap input[type=range]::-moz-range-thumb{inline-size:14px;block-size:14px;border-radius:35%;background:transparent;border:none}.slider-wrap input[type=range][data-pointer-focus]:focus-visible{outline:none}.slider-thumb{position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:var(--thumb);block-size:var(--thumb);border-radius:35%;background:var(--action-fill);pointer-events:none;transform:translate(calc(var(--pos, 0) * (100cqi - var(--thumb))),-50%)}.toggle{inline-size:2rem;block-size:1.125rem;border-radius:var(--radius-full);background:var(--layer-02);position:relative;flex:0 0 auto;transition:background-color var(--t-control) var(--ease-micro)}.toggle:hover{background:var(--layer-03)}.toggle-knob{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:.875rem;block-size:.875rem;border-radius:var(--radius-full);background:var(--text-primary);transition:transform var(--t-control) var(--ease-travel),background-color var(--t-control) var(--ease-micro)}.toggle[aria-checked=true]{background:var(--action-fill)}.toggle[aria-checked=true] .toggle-knob{transform:translate(.875rem);background:var(--text-on-fill)}.segmented{display:flex;gap:2px;padding:2px;background:var(--layer-01);border-radius:var(--radius-container);position:relative;min-inline-size:0}.segmented button{flex:1 1 auto;min-inline-size:0;min-block-size:1.625rem;padding-inline:var(--s-3);border-radius:calc(var(--radius-container) - 2px);color:var(--text-tertiary);position:relative;white-space:nowrap;z-index:var(--z-raised);transition:color var(--t-control) var(--ease-micro)}.control.stacked .segmented button{padding-inline:var(--s-2)}.segmented button:hover,.segmented button[aria-pressed=true]{color:var(--text-primary)}.segmented .seg-thumb{inset-block:2px;border-radius:calc(var(--radius-container) - 2px);background:var(--bg)}.control-xy{inline-size:100%;aspect-ratio:1;max-inline-size:180px;background:var(--layer-01);border-radius:var(--radius-container);position:relative;touch-action:none;cursor:crosshair}.control-xy-puck{position:absolute;inline-size:12px;block-size:12px;border-radius:var(--radius-full);border:2px solid var(--border-inverse);background:var(--layer-02);transform:translate(-50%,-50%);pointer-events:none}.clear-link{align-self:flex-start;min-block-size:1.25rem;padding:0;color:var(--text-tertiary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans);text-decoration:underline;text-underline-offset:2px;position:relative;transition:color var(--t-hover) var(--ease-micro)}.clear-link:hover{color:var(--text-primary)}.clear-link[aria-disabled=true]{color:var(--text-disabled);cursor:default}.section-head>.clear-link{align-self:center}.drop-control{gap:var(--s-2)}.drop-zone{position:relative;block-size:7.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:var(--border-width) solid transparent;border-radius:var(--radius-container);background-color:var(--layer-02);color:var(--border-strong);transition:border-color var(--t-hover) var(--ease-micro),color var(--t-hover) var(--ease-micro)}.drop-zone:hover,.drop-zone[data-dragging=true]{color:var(--border-inverse)}.drop-outline{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none}.drop-outline rect{x:.5px;y:.5px;width:calc(100% - 1px);height:calc(100% - 1px);rx:calc(var(--radius-container) - 1px);fill:none;stroke:currentColor;stroke-width:.5px;stroke-dasharray:6px 4px}.drop-zone[data-filled=true]{border-color:var(--border-subtle)}.drop-zone[data-filled=true] .drop-outline{display:none}.drop-zone[data-filled=true][data-dragging=true]{border-color:var(--border-inverse)}.drop-preview{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transition:opacity var(--t-hover) var(--ease-micro)}.drop-zone[data-filled=true] .drop-prompt{display:none}.drop-zone[data-filled=true][data-dragging=true] .drop-prompt{display:flex}.drop-zone[data-filled=true][data-dragging=true] .drop-preview{opacity:.25}.drop-prompt{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none}.drop-prompt>*{pointer-events:auto}.drop-label{color:var(--text-secondary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans)}@media(hover:none){.drop-label{display:none}}.drop-button{min-block-size:2rem;padding-inline:var(--s-3);border:var(--border-width) solid var(--action-outline);border-radius:var(--radius-full);background:var(--layer-01);color:var(--text-primary);font:var(--fw-semibold) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:background-color var(--t-hover) var(--ease-micro)}.drop-button:hover{background:var(--action-ghost-hover)}.drop-file{display:flex;align-items:center;gap:var(--s-3)}.drop-file[hidden]{display:none}.drop-name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans)}.drop-file>.clear-link{align-self:center}.control-text{min-block-size:2rem;padding-inline:var(--s-3);background:var(--layer-01);border:none;border-radius:var(--radius-container);color:var(--text-primary);font:var(--fw-regular) var(--type-value-size) / var(--lh-value) var(--font-mono);inline-size:8.5rem;text-align:end}.color-field{display:inline-flex;align-items:center;gap:var(--s-2);min-block-size:2rem;padding-inline:var(--s-2);background:var(--layer-01);border-radius:var(--radius-container);transition:background-color var(--t-hover) var(--ease-micro)}.color-field:hover{background:var(--layer-02)}.color-swatch{inline-size:1.125rem;block-size:1.125rem;flex:0 0 auto;border-radius:var(--radius-control);border:var(--border-width) solid var(--border-subtle);position:relative}.color-hex{flex:1;min-inline-size:2.5rem;inline-size:4.25rem;border:none;background:none;color:var(--text-primary);font:var(--fw-regular) var(--type-value-size) / var(--lh-value) var(--font-mono);text-transform:none;padding:0}.color-field .field-rule{align-self:stretch;flex:0 0 auto;inline-size:var(--border-width);background:var(--layer-02)}.color-alpha{inline-size:1.75rem;border:none;background:none;color:var(--text-primary);font:var(--fw-regular) var(--type-value-size) / var(--lh-value) var(--font-mono);text-align:end;padding:0}.color-field .unit{color:var(--text-tertiary);font:var(--fw-regular) var(--type-value-sm-size) / var(--lh-value) var(--font-mono)}.swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.swatch-cell>span:not(.swatch-tile){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-cell{display:flex;flex-direction:column;gap:var(--s-1);text-align:center;color:var(--text-secondary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:color var(--t-control) var(--ease-micro)}.swatch-cell .swatch-tile{inline-size:100%;aspect-ratio:1;background:var(--layer-02);border-radius:var(--radius-container);overflow:hidden;display:block;position:relative;outline:2px solid transparent;outline-offset:-1px;transition:outline-color var(--t-control) var(--ease-micro)}.swatch-cell img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.swatch-cell:hover,.swatch-cell[aria-pressed=true]{color:var(--text-primary)}.swatch-cell[aria-pressed=true] .swatch-tile{outline-color:var(--border-inverse)}.color-popover{position:fixed;inline-size:15.5rem;background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-floating);z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:fade-in var(--t-tip) var(--ease-entrance)}:is(.color-popover,.share-popover,.shortcuts-popover) .popover-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-block-end:var(--border-width) solid var(--border-subtle)}:is(.color-popover,.share-popover,.shortcuts-popover) .popover-title{font:var(--fw-semibold) var(--type-label-size) / var(--lh-label) var(--font-sans)}.color-popover .popover-body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3)}.sv-wrap{position:relative}.sv-square{inline-size:100%;aspect-ratio:1;border-radius:var(--radius-container);cursor:crosshair;touch-action:none;display:block}.sv-puck{position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:var(--radius-full);border:2px solid var(--white);box-shadow:0 0 0 1px var(--overlay),inset 0 0 0 1px var(--overlay);transform:translate(-50%,-50%);pointer-events:none}.color-popover .strip-row{display:flex;align-items:center;gap:var(--s-3)}.color-popover .strip-col{display:flex;flex-direction:column;gap:var(--s-3);flex:1;min-inline-size:0}.color-popover .hue-strip,.color-popover .alpha-strip{block-size:.875rem;border-radius:var(--radius-full)}.eyedropper{inline-size:2rem;block-size:2rem;display:grid;place-items:center;border-radius:var(--radius-container);color:var(--text-secondary);transition:background-color var(--t-hover) var(--ease-micro),color var(--t-icon-tint) var(--ease-micro)}.eyedropper:hover{background:var(--action-ghost-hover);color:var(--text-primary)}.color-popover input[type=range]{appearance:none;-webkit-appearance:none;inline-size:100%;block-size:.875rem;border-radius:var(--radius-full);margin:0;touch-action:none;cursor:pointer}.color-popover input[type=range]::-webkit-slider-runnable-track{block-size:100%;border-radius:var(--radius-full);background:transparent}.color-popover input[type=range]::-moz-range-track{block-size:100%;border-radius:var(--radius-full);background:transparent}.color-popover input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;inline-size:.875rem;block-size:.875rem;border-radius:var(--radius-full);background:var(--thumb-fill, var(--white));border:2px solid var(--white);box-shadow:0 0 0 1px var(--overlay)}.color-popover input[type=range]::-moz-range-thumb{inline-size:.875rem;block-size:.875rem;border-radius:var(--radius-full);background:var(--thumb-fill, var(--white));border:2px solid var(--white);box-shadow:0 0 0 1px var(--overlay)}.color-popover .hue-strip{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-popover .alpha-strip{background-image:var(--alpha-ramp, none),linear-gradient(45deg,#c6c6c6 25%,transparent 25%,transparent 75%,#c6c6c6 75%),linear-gradient(45deg,#c6c6c6 25%,transparent 25%,transparent 75%,#c6c6c6 75%);background-size:auto,6px 6px,6px 6px;background-position:0 0,0 0,3px 3px;background-color:#fff}.color-popover .popover-fields{display:flex;align-items:center;gap:var(--s-2)}.color-popover .popover-fields .menu-trigger{flex:0 0 auto;min-block-size:2rem;padding-inline:var(--s-2);gap:var(--s-1);background:none;border:var(--border-width) solid var(--action-outline)}.color-popover .popover-fields .menu-trigger:hover{background:var(--action-ghost-hover)}.color-popover .popover-fields .menu-trigger-label{min-inline-size:1.75rem}.color-popover .field-hex{flex:1;min-inline-size:0;min-block-size:2rem;padding-inline:var(--s-2);background:var(--layer-02);border:none;border-radius:var(--radius-container);color:var(--text-primary);font:var(--fw-regular) var(--type-value-sm-size) / var(--lh-value) var(--font-mono)}.color-popover .field-pct{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;min-block-size:2rem;padding-inline:var(--s-2);background:var(--layer-02);border-radius:var(--radius-container)}.color-popover .field-alpha{inline-size:1.75rem;padding:0;background:none;border:none;color:var(--text-primary);font:var(--fw-regular) var(--type-value-sm-size) / var(--lh-value) var(--font-mono);text-align:end}.color-popover .field-pct .unit{color:var(--text-tertiary);font:var(--fw-regular) var(--type-value-sm-size) / var(--lh-value) var(--font-mono)}#capture-bar{position:fixed;inset-block-end:var(--page-inset);inset-inline-start:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-4);z-index:var(--z-sticky)}.cap-side{inline-size:2.875rem;block-size:2.875rem;display:grid;place-items:center;background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);transition:background-color var(--t-hover) var(--ease-micro),color var(--t-control) var(--ease-micro)}.cap-side:hover:not([aria-disabled=true]){background:var(--bg-hover)}.cap-side[aria-disabled=true]{color:var(--text-disabled);cursor:default}#capture-pill{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface)}#cap-mode{display:flex;gap:2px;position:relative}#cap-mode button{inline-size:2.25rem;block-size:2.25rem;display:grid;place-items:center;border-radius:var(--radius-container);color:var(--text-tertiary);position:relative;z-index:var(--z-raised);transition:color var(--t-control) var(--ease-micro)}#cap-mode button:hover,#cap-mode button[aria-pressed=true]{color:var(--text-primary)}.seg-thumb{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0;border-radius:var(--radius-container);background:var(--layer-01);pointer-events:none;transition:transform var(--t-control) var(--ease-travel),inline-size var(--t-control) var(--ease-travel)}.menu-trigger{display:inline-flex;align-items:center;gap:var(--s-2);min-block-size:2rem;padding-inline:var(--s-3);background:var(--layer-01);border-radius:var(--radius-container);color:var(--text-primary);position:relative;transition:background-color var(--t-hover) var(--ease-micro),color var(--t-hover) var(--ease-micro)}.menu-trigger:hover{background:var(--layer-02)}.menu-trigger:disabled,.menu-trigger[aria-disabled=true]{color:var(--text-disabled);background:var(--layer-01)}.menu-trigger .chevron{flex:0 0 auto;color:var(--text-tertiary)}.menu-trigger-label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cap-delay{min-block-size:2.25rem}#cap-delay-label{display:inline-block;text-align:start}.menu{position:fixed;padding:var(--s-1);background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-floating);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:2px;max-inline-size:calc(var(--view-w) - var(--s-4));animation:fade-in var(--t-dropdown) var(--ease-entrance)}.menu[data-width=auto]{min-inline-size:8rem}.menu[data-grown=true] .menu-option{padding-inline-end:var(--s-5)}.menu-option{display:grid;grid-template-columns:1rem 1fr;align-items:center;gap:var(--s-2);min-block-size:2.25rem;padding-inline:var(--s-2);border-radius:var(--radius-control);color:var(--text-primary);text-align:start;transition:background-color var(--t-hover) var(--ease-micro)}.menu-option:hover,.menu-option:focus-visible{background:var(--layer-03)}.menu-option span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-option .tick{opacity:0;justify-self:center}.menu-option[aria-selected=true] .tick{opacity:1}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in-centred{0%{opacity:0;transform:translate(-50%) translateY(6px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}#cap-main{--stop-scale: .6;--cap-press-scale: .9;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-full);background:var(--layer-02);box-shadow:0 0 0 4px var(--layer-02);position:relative;display:grid;place-items:center}#cap-main:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--action-fill);transition:transform var(--t-morph) var(--ease-morph),border-radius var(--t-morph) var(--ease-morph),scale var(--t-hover) var(--ease-micro),background-color var(--t-control) var(--ease-micro)}#cap-main:hover:after{background:var(--action-fill-hover)}#cap-main:disabled:after{background:var(--action-disabled)}body[data-capture-mode=video] #cap-main:after{background:var(--support-error-fill)}body[data-capture-mode=video] #cap-main:hover:after{background:var(--support-error-hover)}body[data-capture-mode=video] #cap-main:disabled:after{background:var(--action-disabled)}body[data-capture-mode] #cap-main.recording:after,body[data-capture-mode] #cap-main.recording:hover:after{transform:scale(var(--stop-scale));border-radius:calc(var(--radius-container) / var(--stop-scale));background:var(--support-error-fill)}#cap-main:active:not(:disabled):after{scale:var(--cap-press-scale)}#cap-count{position:relative;z-index:var(--z-raised);font:var(--fw-semibold) var(--type-heading-04-size) / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-on-fill)}body[data-capture-mode=video] #cap-count{color:var(--white)}#rec-pill{position:fixed;inset-block-start:var(--panel-inset);inset-inline-start:50%;transform:translate(-50%);padding:var(--s-1) var(--s-3);background:var(--support-error-fill);border-radius:var(--radius-container);color:var(--text-primary);z-index:var(--z-sticky);animation:rise-in-centred var(--t-popup) var(--ease-entrance)}:where(h1,h2,h3,h4){text-wrap:balance}:where(p,li,label,figcaption,.tooltip){text-wrap:pretty}#stage-state{position:absolute;inset:0;display:grid;place-items:center;z-index:var(--z-base)}#stage-state-card{max-inline-size:380px;margin:var(--s-4);padding:var(--s-5);background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);text-align:center;display:flex;flex-direction:column;gap:var(--s-2)}#stage-state-body{color:var(--text-secondary)}#stage-state-body a{color:var(--text-primary);text-decoration:underline;text-underline-offset:.2em}#stage-state-action{align-self:center;margin-block-start:var(--s-3)}#effect-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:var(--z-base);pointer-events:none;animation:fade-in var(--t-popup) var(--ease-entrance)}#stage-state:not(.hidden)~#effect-loading{display:none}#effect-loading-pill{display:flex;align-items:center;gap:var(--s-2);padding-block:var(--s-2);padding-inline:var(--s-4);border:var(--border-width) solid transparent;border-radius:var(--radius-full);background:var(--overlay);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);color:var(--text-primary);font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans)}@media(prefers-reduced-transparency:reduce){#effect-loading-pill{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}#effect-loading-text.changed{animation:fade-in var(--t-popup) var(--ease-entrance)}.loading-dots{display:flex;gap:3px}.loading-dots i{inline-size:4px;block-size:4px;border-radius:var(--radius-full);background:currentColor;opacity:.3;animation:loading-dot var(--t-loading-cycle) var(--ease-move) infinite}.loading-dots i:nth-child(2){animation-delay:calc(var(--t-loading-cycle) / 6)}.loading-dots i:nth-child(3){animation-delay:calc(var(--t-loading-cycle) / 3)}@keyframes loading-dot{0%,60%,to{opacity:.3}30%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-dots i{animation:none;opacity:.6}}#viewer-scrim{position:fixed;inset:0;padding:var(--m-safe-t) var(--m-safe-r) var(--m-safe-b) var(--m-safe-l);background:var(--overlay);display:grid;place-items:center;z-index:var(--z-overlay);animation:fade-in var(--t-modal) var(--ease-entrance)}#viewer{--viewer-margin: var(--s-6);--viewer-pad: var(--s-3);--viewer-gap: var(--s-3);--viewer-head-h: 2rem;--viewer-foot-h: 2.625rem;--viewer-min-w: 20rem;--viewer-safe-w: calc(var(--m-safe-l) + var(--m-safe-r));--viewer-safe-h: calc(var(--m-safe-t) + var(--m-safe-b));--viewer-chrome-w: calc( 2 * var(--viewer-margin) + 2 * var(--viewer-pad) + 2 * var(--border-width) + var(--viewer-safe-w) );--viewer-chrome-h: calc( 2 * var(--viewer-margin) + 2 * var(--viewer-pad) + 2 * var(--border-width) + var(--viewer-safe-h) + var(--viewer-head-h) + var(--viewer-foot-h) + 2 * var(--viewer-gap) );--media-max-w: calc(var(--view-w) - var(--viewer-chrome-w));--media-max-h: calc(var(--view-h) - var(--viewer-chrome-h));--media-w: max(min(var(--media-max-w), var(--media-max-h) * var(--ratio, 1.7778), var(--natural-w, var(--view-w))), 4rem);position:relative;display:flex;flex-direction:column;gap:var(--viewer-gap);padding:var(--viewer-pad);background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sheet);box-shadow:var(--elevation-overlay);z-index:var(--z-modal);animation:rise-in var(--t-modal) var(--ease-entrance)}.viewer-head,.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);inline-size:0;min-inline-size:100%}.viewer-head{min-block-size:var(--viewer-head-h)}.viewer-title{min-inline-size:0;padding-inline-start:var(--s-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans)}.viewer-tools{display:flex;flex:none;gap:var(--s-3)}.viewer-frame{position:relative;inline-size:max(var(--media-w),min(var(--viewer-min-w),var(--media-max-w)));block-size:calc(var(--media-w) / var(--ratio, 1.7778));display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-container);background:var(--bg) center / var(--media-w) 100% no-repeat}.viewer-media{display:block;inline-size:var(--media-w);block-size:100%;object-fit:contain}.viewer-media[data-settling]{opacity:0}.viewer-foot{flex-wrap:wrap;min-block-size:var(--viewer-foot-h)}.viewer-hint{flex:1 1 0;min-inline-size:0;padding-inline-start:var(--s-3);color:var(--text-tertiary);font:var(--fw-regular) var(--type-caption-size) / var(--lh-caption) var(--font-sans)}.viewer-hint[data-state=ask]{color:var(--text-secondary)}.viewer-ask{display:inline;padding:0;color:var(--text-primary);font:inherit;text-align:start;text-decoration:underline;text-underline-offset:2px}.viewer-actions{display:flex;gap:var(--s-2);margin-inline-start:auto}.help-menu{min-inline-size:13rem}.help-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-block-size:2.25rem;padding-inline:var(--s-2);border-radius:var(--radius-control);color:var(--text-primary);text-align:start;text-decoration:none;font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans);transition:background-color var(--t-hover) var(--ease-micro)}.help-item:hover,.help-item:focus-visible{background:var(--layer-03);outline:none}.menu-rule{block-size:var(--border-width);margin-block:var(--s-1);margin-inline:calc(-1 * var(--s-1));background:var(--border-subtle)}.shortcuts-popover{position:fixed;inline-size:17rem;background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-floating);z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:fade-in var(--t-tip) var(--ease-entrance)}.shortcuts-popover:focus{outline:none}.shortcuts-popover .popover-head{gap:var(--s-2)}.shortcuts-popover .popover-title{flex:1 1 auto}.shortcut-list{display:flex;flex-direction:column;margin:0;padding:var(--s-2) var(--s-3)}.shortcut-list+.shortcut-list{border-block-start:var(--border-width) solid var(--border-subtle)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-block-size:2rem}.shortcut-row dt{color:var(--text-secondary);font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans);transition:color var(--t-control) var(--ease-micro)}.shortcut-row dd{display:flex;gap:var(--s-1);margin:0}.shortcut-row kbd{display:inline-grid;place-items:center;min-inline-size:1.5rem;block-size:1.5rem;padding-inline:var(--s-2);border-radius:var(--radius-control);background:var(--layer-02);color:var(--text-primary);font:var(--fw-regular) var(--type-value-sm-size) / 1 var(--font-mono);transition:color var(--t-control) var(--ease-micro)}.shortcut-list[data-off] :is(dt,kbd){color:var(--text-tertiary)}.share-popover{position:absolute;inline-size:min(20rem,calc(var(--view-w) - 2 * var(--s-2)));background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-floating);z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:fade-in var(--t-tip) var(--ease-entrance)}.share-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-1);padding:var(--s-3)}.share-target{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding-block:var(--s-1);border-radius:var(--radius-container);color:var(--text-secondary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:color var(--t-hover) var(--ease-micro)}.share-disc{display:grid;place-items:center;inline-size:var(--control-lg);block-size:var(--control-lg);border-radius:var(--radius-full);background:var(--layer-02);color:var(--text-primary);transition:background-color var(--t-hover) var(--ease-micro)}.share-target:hover{color:var(--text-primary)}.share-target:hover .share-disc{background:var(--layer-03)}.share-more{display:flex;flex-direction:column;gap:2px;padding:var(--s-1)}.share-more .menu-option{inline-size:100%}.share-popover .popover-title{flex:1 1 auto}.share-popover .popover-back{margin-inline-start:calc(-1 * var(--s-1))}.share-submit{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3)}.share-submit-lede,.share-submit-fine{margin:0;color:var(--text-secondary);font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans)}.share-submit-fine{font-size:var(--type-caption-size);line-height:var(--lh-caption);color:var(--text-tertiary)}.share-submit-fine a{color:var(--text-secondary)}.share-submit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans)}.share-send{align-self:stretch}.form-label{font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans);margin-block-end:calc(-1 * var(--s-2))}.form-text{inline-size:100%;min-block-size:2.25rem;padding:var(--s-2) var(--s-3);background:var(--layer-02);border:var(--border-width) solid transparent;border-radius:var(--radius-container);color:var(--text-primary);font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans);resize:none}.form-text::placeholder{color:var(--text-tertiary)}.form-text:focus-visible{outline:none;border-color:var(--border-strong)}.feedback-card{position:fixed;inset-block-start:var(--panel-inset);inset-inline-start:50%;translate:-50% 0;inline-size:min(20rem,calc(var(--view-w) - 2 * var(--s-2)));background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-surface);box-shadow:var(--elevation-floating);z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:fade-in var(--t-popup) var(--ease-entrance)}.feedback-card[data-anchored]{inset-block-start:auto;inset-inline-start:auto;translate:none;inline-size:20rem}.feedback-card:focus{outline:none}.feedback-card .popover-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-block-end:var(--border-width) solid var(--border-subtle)}.feedback-card .popover-title{font:var(--fw-semibold) var(--type-label-size) / var(--lh-label) var(--font-sans)}.feedback-body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3)}.feedback-votes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.feedback-vote[aria-pressed=true],.feedback-vote[aria-pressed=true]:hover{background:var(--action-fill);color:var(--text-on-fill)}.feedback-more{display:flex;flex-direction:column;gap:var(--s-3)}.feedback-send{align-self:stretch}.feedback-contact{display:flex;flex-direction:column;gap:0;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-block-start:var(--border-width) solid var(--border-subtle)}.feedback-contact-lede{margin:0;color:var(--text-secondary);font:var(--fw-regular) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans)}.feedback-contact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.feedback-copy{margin-block:calc(-1 * var(--s-1))}.feedback-mail{min-inline-size:0;overflow-wrap:anywhere;color:var(--text-primary);text-decoration:underline;text-underline-offset:.2em;font:var(--fw-medium) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans)}.tooltip{position:fixed;z-index:var(--z-tooltip);padding-block:var(--s-1);padding-inline:var(--s-3);background:var(--layer-01);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-floating);color:var(--text-primary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);white-space:nowrap;pointer-events:none;animation:fade-in var(--t-tip) var(--ease-entrance)}.tooltip-keys{margin-inline-start:var(--s-2);color:var(--text-secondary);font-family:var(--font-mono)}.tooltip[data-instant]{animation:none}.tooltip:before{content:"";position:absolute;inline-size:calc(var(--tip-arrow) * 1.41421);block-size:calc(var(--tip-arrow) * 1.41421);inset-inline-start:calc(var(--tip-arrow-x, 50%) - var(--border-width) - var(--tip-arrow) * .70711);background:inherit;border:0 solid;border-color:inherit;border-inline-end-width:var(--border-width);border-block-end-width:var(--border-width);clip-path:polygon(calc(100% - 2 * var(--border-width)) 0,100% 0,100% 100%,0 100%,0 calc(100% - 2 * var(--border-width)));transform:rotate(45deg)}.tooltip[data-side=top]:before{inset-block-end:calc(-1 * (var(--border-width) + var(--tip-arrow) * .70711))}.tooltip[data-side=bottom]:before{inset-block-start:calc(-1 * (var(--border-width) + var(--tip-arrow) * .70711));transform:rotate(225deg)}#capture-thumb{position:fixed;inset-block-end:var(--capture-clear);inset-inline-end:var(--page-inset);inline-size:88px;block-size:66px;display:grid;place-items:center;background-size:cover;background-position:center;background-color:var(--layer-02);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-container);box-shadow:var(--elevation-floating);color:var(--text-primary);z-index:var(--z-sticky);translate:calc(-1 * (var(--panel-inset) + var(--panel-w))) 0;transition:translate var(--t-morph) var(--ease-morph),border-color var(--t-hover) var(--ease-micro);animation:rise-in var(--t-popup) var(--ease-entrance)}body.panels-collapsed #capture-thumb{translate:none}#capture-thumb:hover{border-color:var(--border-inverse)}#capture-thumb .thumb-play{display:none;filter:drop-shadow(0 1px 2px var(--overlay))}#capture-thumb[data-kind=video] .thumb-play{display:block}.stage-line.toast{z-index:var(--z-toast)}.toast:not([data-anchored]){inset-block-end:var(--message-b)}.toast[data-anchored]{inset-block-end:auto;max-inline-size:min(var(--message-max-w),calc(var(--anchor-w, var(--view-w)) - 2 * var(--s-3)))}.toast[data-anchored][data-state=enter]{--line-rise: 0px}.toast-action{min-block-size:1.75rem;padding-inline:var(--s-3);border-radius:var(--radius-full);color:var(--text-primary);font:var(--fw-semibold) var(--type-label-size) / var(--lh-label) var(--font-sans);transition:background-color var(--t-hover) var(--ease-micro)}.toast-action:hover{background:var(--action-ghost-hover)}.stage-line{--line-rise: 0px;position:fixed;inset-inline-start:50%;translate:-50% var(--line-rise);z-index:var(--z-sticky);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;inline-size:max-content;max-inline-size:var(--message-max-w);padding-block:var(--s-2);padding-inline:var(--s-4);border:var(--border-width) solid transparent;border-radius:var(--radius-sheet);background:var(--overlay);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);color:var(--text-primary);font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans);text-align:center;opacity:1;transition:opacity var(--t-popup) var(--ease-entrance),translate var(--t-popup) var(--ease-entrance),inset-block-end var(--t-panel) var(--ease-travel)}@media(prefers-reduced-transparency:reduce){.stage-line{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.stage-line[data-state=enter]{--line-rise: 6px;opacity:0;transition:none}.stage-line[data-state=out]{opacity:0;transition:opacity calc(var(--t-popup) * var(--exit-ratio)) var(--ease-exit),inset-block-end var(--t-panel) var(--ease-travel)}.stage-line[data-morph]{transition:opacity var(--t-popup) var(--ease-entrance),translate var(--t-popup) var(--ease-entrance),inset-block-end var(--t-panel) var(--ease-travel),inline-size var(--t-morph) var(--ease-morph),block-size var(--t-morph) var(--ease-morph)}.line-body{display:flex;flex:none;align-items:center;justify-content:center;gap:var(--s-2);max-inline-size:100%;transition:opacity var(--t-morph-content) var(--ease-micro)}.stage-line[data-morph] .line-body{max-inline-size:none}.stage-line[data-swap] .line-body{opacity:0}.line-text{min-inline-size:0;text-wrap:balance}.line-icon{display:inline-flex;flex:none;color:var(--text-secondary)}.line-icon svg{inline-size:1rem;block-size:1rem}.stage-line[data-kind=error]{border-color:color-mix(in srgb,var(--support-error) 55%,transparent)}.stage-line[data-kind=error] .line-icon{color:var(--support-error)}.stage-line:has(.line-action:not(.hidden)){padding-block:var(--s-1);padding-inline-end:var(--s-1)}.line-action{flex:none;margin-inline-start:var(--s-1)}.stage-line[data-lines=multi]{padding-block:var(--s-3)}.stage-line[data-lines=multi]:has(.line-action:not(.hidden)){padding-block:var(--s-3);padding-inline-end:var(--s-3)}.stage-line[data-lines=multi] .line-body{gap:var(--s-3)}.stage-line[data-lines=multi]:has(.line-icon:not(.hidden),.line-action:not(.hidden)) .line-text{text-align:start}#message{inset-block-end:var(--message-b)}.toggle,.color-swatch,.icon-ghost,#panels-toggle,#categories button,#cap-mode button,.segmented button,.pill-button,#cap-main,.eyedropper,.section-toggle,.menu-trigger,.toast-action{position:relative}.toggle:after,.color-swatch:after,.icon-ghost:after,#panels-toggle:after,#categories button:after,#cap-mode button:after,.segmented button:after,.pill-button:after,#cap-main:before,.eyedropper:after,.section-toggle:after,.menu-trigger:after,.toast-action:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:max(100%,var(--target-min));block-size:max(100%,var(--target-min));transform:translate(-50%,-50%)}.control-row>.toggle:after,.control-row>.menu-trigger:after,.control-row .color-swatch:after{block-size:2rem}.section-toggle:after{block-size:calc(1.5rem + var(--s-2))}.section-head>.toggle:after{block-size:calc(1.5rem + var(--s-2))}#cap-mode button:after,.segmented button:after,.section-toggle:after{inline-size:100%}:root{--m-bar-h: 4rem;--m-disc: 3.25rem;--m-row-h: 2.75rem;--m-field-w: 14rem;--m-inset: var(--s-5);--m-safe-t: env(safe-area-inset-top, 0px);--m-safe-b: env(safe-area-inset-bottom, 0px);--m-safe-l: env(safe-area-inset-left, 0px);--m-safe-r: env(safe-area-inset-right, 0px);--view-w: 100vw;--view-h: 100dvh;--m-bar-box: calc(var(--m-bar-h) + var(--m-safe-b));--m-chrome-b: var(--m-bar-box)}html[data-turn=ccw]{--m-safe-t: env(safe-area-inset-left, 0px);--m-safe-r: env(safe-area-inset-top, 0px);--m-safe-b: env(safe-area-inset-right, 0px);--m-safe-l: env(safe-area-inset-bottom, 0px)}html[data-turn=cw]{--m-safe-t: env(safe-area-inset-right, 0px);--m-safe-r: env(safe-area-inset-bottom, 0px);--m-safe-b: env(safe-area-inset-left, 0px);--m-safe-l: env(safe-area-inset-top, 0px)}#m-top,#m-surface,#m-bar,#m-count{display:none}body[data-layout=portrait] :is(#effects-panel,#inspector,#reopen,#capture-bar){display:none}body[data-layout=portrait] .scroll-thumb{display:none}body[data-layout=portrait] .section-toggle .chevron{opacity:1}body[data-layout=portrait] button{touch-action:manipulation}body[data-layout=portrait] :is(img,canvas){-webkit-touch-callout:none}body[data-layout=portrait] #m-top{display:flex;flex-direction:column;position:fixed;inset-block-start:calc(var(--m-safe-t) + var(--s-3));inset-inline-end:calc(var(--m-safe-r) + var(--s-3));gap:var(--s-2);z-index:var(--z-sticky)}.m-round,body[data-layout=portrait] #flip{inline-size:var(--m-row-h);block-size:var(--m-row-h);padding:0;border-radius:var(--radius-full);background:var(--overlay);border:var(--border-width) solid var(--border-subtle);display:inline-grid;place-items:center;color:var(--text-primary);transition:color var(--t-control) var(--ease-micro)}body[data-layout=portrait] #flip svg{inline-size:1.5rem;block-size:1.5rem}#m-delay:disabled{color:var(--text-disabled)}#m-delay svg{display:block;overflow:visible;translate:0 -1.5px}#m-delay .secs{fill:currentColor;stroke:none;font:var(--fw-semibold) 8.5px / 1 var(--font-mono)}#m-delay[data-seconds="0"] .secs{display:none}#m-delay:not([data-seconds="0"]) .hand{display:none}#m-delay.bounce svg,body[data-layout=portrait] #flip.bounce svg{animation:chrome-bounce var(--t-control) var(--ease-micro)}@keyframes chrome-bounce{50%{transform:scale(1.18)}}body[data-layout=portrait] #m-bar{display:block;position:fixed;inset-inline:0;inset-block-end:0;padding-block-end:var(--m-safe-b);background:var(--bg);border-block-start:var(--border-width) solid var(--border-subtle);z-index:var(--z-sticky)}.m-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;block-size:var(--m-bar-h);padding-inline:calc(var(--m-safe-l) + var(--s-3)) calc(var(--m-safe-r) + var(--s-3))}@media(min-width:40rem){.m-row{padding-inline:calc(var(--m-safe-l) + var(--s-5)) calc(var(--m-safe-r) + var(--s-5))}}.m-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-inline-size:4.5rem;min-block-size:var(--m-row-h);padding:var(--s-1) var(--s-3);border-radius:var(--radius-container);color:var(--text-secondary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:color var(--t-control) var(--ease-micro)}.m-tab:first-child{justify-self:start}.m-tab:last-child{justify-self:end}.m-tab[aria-pressed=true]{color:var(--text-primary)}.m-tab svg{display:block}.m-tab[aria-pressed=true] svg :is(rect,circle){fill:currentColor}#m-disc-slot{display:grid;place-items:center}#m-mode{display:inline-flex;gap:2px;padding:2px;background:var(--layer-01);border-radius:var(--radius-full);position:relative}#m-mode button{position:relative;z-index:var(--z-raised);min-block-size:2.25rem;padding-inline:var(--s-4);border-radius:var(--radius-full);color:var(--text-tertiary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:color var(--t-control) var(--ease-micro)}#m-mode button[aria-pressed=true]{color:var(--text-primary)}#m-mode button:disabled{color:var(--text-disabled)}#m-mode .seg-thumb{inset-block:2px;border-radius:var(--radius-full);background:var(--layer-02)}#m-mode button:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:var(--target-min);transform:translateY(-50%)}body[data-layout=portrait] #cap-main{inline-size:var(--m-disc);block-size:var(--m-disc)}body[data-layout=portrait] #cap-main{position:fixed;inset-inline-start:50%;inset-block-end:calc(var(--m-bar-box) + var(--s-3));transform:translate(-50%);z-index:var(--z-sticky)}body[data-layout=portrait] #cap-main{--stop-scale: .5}body[data-layout=portrait] #m-count{display:grid;position:fixed;inset:0;place-items:center;pointer-events:none;z-index:var(--z-toast)}#m-count span{min-inline-size:1.6em;padding:.1em .3em;border-radius:var(--radius-full);background:var(--overlay);color:var(--text-primary);text-align:center;font:var(--fw-semibold) clamp(4rem,24vmin,10rem) / 1.2 var(--font-mono);font-variant-numeric:tabular-nums}#m-count span:empty{display:none}body[data-layout=portrait] #m-surface{display:block;position:fixed;inset-inline:0;inset-block-end:var(--m-bar-box);block-size:var(--m-surface-h, 40dvh);background:var(--bg);border:var(--border-width) solid var(--border-subtle);border-block-end:0;border-radius:var(--radius-surface) var(--radius-surface) 0 0;box-shadow:var(--elevation-overlay);overflow:hidden;z-index:var(--z-sticky);transform:translateY(calc(100% + var(--m-bar-box) + var(--s-8)));visibility:hidden;transition:transform calc(var(--t-panel) * var(--exit-ratio)) var(--ease-exit),block-size var(--t-morph) var(--ease-morph),visibility 0s calc(var(--t-panel) * var(--exit-ratio))}body[data-layout=portrait] #m-surface[data-open=none][data-release=drag]{transition:transform var(--t-panel) var(--ease-morph),block-size var(--t-morph) var(--ease-morph),visibility 0s var(--t-panel)}body[data-layout=portrait] #m-surface:not([data-open=none]){transform:none;visibility:visible;transition:transform var(--t-panel) var(--ease-entrance),block-size var(--t-morph) var(--ease-morph),visibility 0s}#m-strip,#m-sheet{position:absolute;inset-inline:0;inset-block-start:0;opacity:0;visibility:hidden;transition:opacity var(--t-morph-content) var(--ease-micro),visibility 0s var(--t-morph-content)}#m-surface[data-open=effects] #m-strip,#m-surface[data-open=controls] #m-sheet{opacity:1;visibility:visible;transition:opacity var(--t-morph-content) var(--ease-micro),visibility 0s}#m-surface[data-switching=true][data-open=effects] #m-strip,#m-surface[data-switching=true][data-open=controls] #m-sheet{transition:opacity var(--t-morph-content) var(--ease-micro) var(--t-morph),visibility 0s var(--t-morph)}#m-sheet{inset-block-end:0;display:flex;flex-direction:column}#m-sheet>*{inline-size:100%;max-inline-size:40rem;margin-inline:auto}#m-strip{display:flex;gap:var(--s-3);padding:var(--s-4) calc(var(--m-safe-r) + var(--m-inset)) var(--s-3) calc(var(--m-safe-l) + var(--m-inset));overflow-x:auto;scrollbar-width:none}#m-strip::-webkit-scrollbar{display:none}.m-tile{flex:0 0 4rem;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);color:var(--text-secondary);font:var(--fw-medium) var(--type-label-sm-size) / var(--lh-label-sm) var(--font-sans);transition:color var(--t-control) var(--ease-micro)}.m-thumb{inline-size:4rem;block-size:5rem;border-radius:var(--radius-container);background:var(--layer-02);display:block;overflow:hidden;outline:2px solid transparent;outline-offset:-1px;transition:outline-color var(--t-control) var(--ease-micro)}.m-thumb :is(canvas,img){display:block;inline-size:100%;block-size:100%;object-fit:cover}.m-tile[aria-pressed=true]{color:var(--text-primary)}.m-tile[aria-pressed=true] .m-thumb{outline-color:var(--border-inverse)}.m-tile[aria-disabled=true],#m-strip[data-busy=true] .m-tile{color:var(--text-disabled)}.m-tile[aria-disabled=true] .m-thumb,#m-strip[data-busy=true] .m-tile .m-thumb{opacity:.35}.m-tile-name{max-inline-size:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#m-handle{flex:0 0 auto;block-size:1.25rem;display:grid;place-items:center;position:relative;touch-action:none;cursor:grab}#m-handle:before{content:"";inline-size:2.25rem;block-size:4px;border-radius:var(--radius-full);background:var(--border-strong)}#m-handle:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:var(--target-min);transform:translateY(-50%)}body[data-layout=portrait] #inspector-head{flex:0 0 auto;min-block-size:3.5rem;padding-block:0;padding-inline:var(--m-inset) var(--s-3);touch-action:none}body[data-layout=portrait] #inspector-reset{inline-size:var(--m-row-h);block-size:var(--m-row-h)}body[data-layout=portrait] #m-sheet .toggle{inline-size:2.75rem;block-size:1.5rem}body[data-layout=portrait] #m-sheet .toggle .toggle-knob{inset-block-start:3px;inset-inline-start:3px;inline-size:1.125rem;block-size:1.125rem}body[data-layout=portrait] #m-sheet .toggle[aria-checked=true] .toggle-knob{transform:translate(1.25rem)}body[data-layout=portrait] #inspector-body{flex:1;min-block-size:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}body[data-layout=portrait] #m-sheet .control-section{padding-inline:var(--m-inset)}body[data-layout=portrait] #m-sheet #inspector-empty{padding:var(--s-4) var(--m-inset)}body[data-layout=portrait] #m-sheet .control-label{font:var(--fw-medium) var(--type-label-size) / var(--lh-label) var(--font-sans)}body[data-layout=portrait] #m-sheet .section-title{font-weight:var(--fw-semibold)}body[data-layout=portrait] #m-sheet .control-readout{align-items:center}body[data-layout=portrait] #m-sheet .control-readout input{min-block-size:var(--m-row-h)}body[data-layout=portrait] #m-sheet .color-field>input{align-self:stretch}body[data-layout=portrait] #m-sheet .control-row{min-block-size:var(--m-row-h)}body[data-layout=portrait] #m-sheet :is(.menu-trigger,.color-field,.control-text){min-block-size:var(--m-row-h)}body[data-layout=portrait] #m-sheet .control-row>:is(.menu-trigger,.color-field,.control-text,.segmented){flex:0 0 auto;inline-size:var(--m-field-w);max-inline-size:100%}body[data-layout=portrait] #m-sheet .segmented button{min-block-size:2.5rem}body[data-layout=portrait] #m-sheet .section-head .segmented{min-inline-size:9rem}body[data-layout=portrait] #m-sheet .section-head .segmented button{min-block-size:2.25rem}body[data-layout=portrait] #m-sheet .control-row:has(>.toggle){--optical-offset: 0px}body[data-layout=portrait] #m-sheet .control-row>.toggle:after,body[data-layout=portrait] #m-sheet .control-row>.menu-trigger:after,body[data-layout=portrait] #m-sheet .control-row .color-swatch:after{block-size:var(--m-row-h)}body[data-layout=portrait] #m-sheet .section-toggle:after,body[data-layout=portrait] #m-sheet .section-head>.toggle:after{block-size:var(--target-min)}body[data-layout=portrait] #m-sheet .swatch-grid{display:flex;gap:var(--s-3);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--m-inset));padding-inline:var(--m-inset)}body[data-layout=portrait] #m-sheet .swatch-grid::-webkit-scrollbar{display:none}body[data-layout=portrait] #m-sheet .swatch-cell{flex:0 0 5rem}body[data-layout=portrait] #m-sheet .clear-link,body[data-layout=portrait] .menu-option{min-block-size:var(--m-row-h)}body[data-layout=portrait] .color-popover{max-block-size:calc(var(--view-h) - 2 * var(--s-2));overflow-y:auto}body[data-layout=portrait] .color-popover :is(.field-hex,.field-pct,.popover-fields .menu-trigger){min-block-size:var(--m-row-h)}body[data-layout=portrait] .color-popover .strip-col{gap:var(--s-4)}body[data-layout=portrait] .color-popover :is(.hue-strip,.alpha-strip),body[data-layout=portrait] .color-popover input[type=range]{block-size:1.75rem}body[data-layout=portrait] .color-popover input[type=range]::-webkit-slider-thumb{inline-size:1.5rem;block-size:1.5rem}body[data-layout=portrait] .color-popover input[type=range]::-moz-range-thumb{inline-size:1.5rem;block-size:1.5rem}body[data-layout=portrait] :is(.icon-ghost,.eyedropper):hover{background:none;color:var(--text-secondary)}body[data-layout=portrait] .pill-button:hover{background:var(--layer-02)}body[data-layout=portrait] .pill-button.primary:hover{background:var(--action-fill)}body[data-layout=portrait] .pill-button.quiet:hover{background:none;color:var(--text-secondary)}body[data-layout=portrait] .pill-button[aria-disabled=true]:hover{background:var(--layer-02);color:var(--text-disabled)}body[data-layout=portrait] .pill-button.primary[aria-disabled=true]:hover{background:var(--action-disabled)}body[data-layout=portrait] .share-target:hover{color:var(--text-secondary)}body[data-layout=portrait] .share-target:hover .share-disc{background:var(--layer-02)}body[data-layout=portrait] .toast-action:hover{background:none}body[data-layout=portrait] #capture-thumb:hover{border-color:var(--border-strong)}body[data-layout=portrait] .toggle:hover{background:var(--layer-02)}body[data-layout=portrait] .toggle[aria-checked=true]:hover{background:var(--action-fill)}body[data-layout=portrait] .segmented button:hover{color:var(--text-tertiary)}body[data-layout=portrait] .segmented button[aria-pressed=true]:hover{color:var(--text-primary)}body[data-layout=portrait] .clear-link:hover{color:var(--text-tertiary)}body[data-layout=portrait] .drop-button:hover{background:var(--layer-01)}body[data-layout=portrait] .drop-zone{block-size:9rem}body[data-layout=portrait] .drop-zone:not([data-filled=true]):hover{color:var(--border-strong)}body[data-layout=portrait] .drop-label{display:none}body[data-layout=portrait] :is(.color-field,.menu-trigger):hover{background:var(--layer-01)}body[data-layout=portrait] .color-popover .popover-fields .menu-trigger:hover{background:none}body[data-layout=portrait] .swatch-cell:hover{color:var(--text-secondary)}body[data-layout=portrait] .swatch-cell[aria-pressed=true]:hover{color:var(--text-primary)}body[data-layout=portrait] .menu-option:hover{background:none}body[data-layout=portrait] .menu-option:focus-visible{background:var(--layer-03)}body[data-layout=portrait] #cap-main:hover:after{background:var(--action-fill)}body[data-capture-mode=video][data-layout=portrait] #cap-main:hover:after{background:var(--support-error-fill)}body[data-capture-mode][data-layout=portrait] #cap-main.recording:hover:after{background:var(--support-error-fill)}body[data-layout=portrait] #cap-main:disabled:hover:after{background:var(--action-disabled)}body[data-layout=portrait]{--message-max-w: calc(var(--view-w) - var(--m-safe-l) - var(--m-safe-r) - 2 * var(--s-4))}body[data-layout=portrait]{--message-b: calc(max(var(--m-bar-box) + var(--s-3) + var(--m-disc), var(--m-chrome-b)) + var(--s-4))}body[data-layout=portrait] .stage-line,body[data-layout=portrait] #effect-loading-pill{font:var(--fw-medium) var(--type-body-sm-size) / var(--lh-body-sm) var(--font-sans)}body[data-layout=portrait] .stage-line[data-state=enter]{--line-rise: 0px}body[data-layout=portrait] #capture-thumb{inset-block-end:calc(var(--m-chrome-b) + var(--s-3));inset-inline-end:calc(var(--m-safe-r) + var(--s-3));translate:none;transition:inset-block-end var(--t-panel) var(--ease-travel)}body[data-layout=portrait] #rec-pill{inset-block-start:calc(var(--m-safe-t) + var(--s-3))}body[data-layout=portrait] .feedback-card{inset-block-start:calc(var(--m-safe-t) + var(--s-3));inset-inline-start:calc(var(--m-safe-l) + var(--s-3));inset-inline-end:calc(var(--m-safe-r) + 2 * var(--s-3) + var(--m-row-h));translate:none;inline-size:auto;max-inline-size:22rem}body[data-layout=portrait] .feedback-card .pill-button{min-block-size:var(--m-row-h)}body[data-layout=portrait] #viewer{--viewer-margin: var(--s-3);--viewer-head-h: var(--m-row-h);--viewer-foot-h: var(--m-row-h)}body[data-layout=portrait] .viewer-tools .icon-ghost{inline-size:var(--m-row-h);block-size:var(--m-row-h)}body[data-layout=portrait] .viewer-foot .pill-button{min-block-size:var(--m-row-h)}