@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-v22.woff2) format("woff2")}:root{--noir: #0d0e0c;--green: #5fb83a;--gold: #e3b341;--surface-0: #0d0e0c;--surface-1: #14160f;--surface-2: #181a17;--surface-3: #1e221c;--surface-4: #262b24;--surface-5: #303629;--bg: var(--surface-0);--surface-card: var(--surface-2);--surface-control: var(--surface-3);--surface-raised: var(--surface-4);--surface-overlay: var(--surface-5);--scrim: rgba(13, 14, 12, .72);--scrim-strong: rgba(0, 0, 0, .92);--scrim-dim: rgba(13, 14, 12, .62);--line: #2c322a;--line-subtle: #22271f;--line-strong: #3a4133;--line-gold: rgba(227, 179, 65, .22);--text: #eef1ea;--text-muted: #939a8f;--text-faint: #6f7569;--text-on-media: #ffffff;--green-hover: #6cc945;--green-pressed: #4e9a30;--green-disabled: #34452b;--on-green: #0e2207;--green-soft: rgba(95, 184, 58, .14);--green-ring: rgba(95, 184, 58, .45);--gold-hover: #eec45a;--gold-pressed: #c2962f;--gold-disabled: #4a4226;--on-gold: #1a1505;--gold-soft: rgba(227, 179, 65, .14);--gold-pill-bg: rgba(227, 179, 65, .1);--gold-pill-line: rgba(227, 179, 65, .25);--success: #46c266;--success-fg: #06210f;--success-soft: rgba(70, 194, 102, .15);--warning: #f0a93a;--warning-fg: #2a1c03;--warning-soft: rgba(240, 169, 58, .15);--error: #e5564b;--error-fg: #2a0a07;--error-soft: rgba(229, 86, 75, .15);--danger-bg: #dc2626;--danger-bg-hover: #b91c1c;--danger-bg-pressed: #7f1d1d;--danger-fg: #ffffff;--danger-ring: rgba(220, 38, 38, .32);--info: #5aa6c4;--info-fg: #06181f;--info-soft: rgba(90, 166, 196, .15);--focus-ring: var(--gold);--font-ui: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-display: 34px;--fs-h1: 23px;--fs-h2: 19px;--fs-h3: 16px;--fs-lg: 17px;--fs-base: 15px;--fs-sm: 13.5px;--fs-xs: 12px;--fs-2xs: 11.5px;--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.5;--ls-tight: -.01em;--ls-normal: 0;--ls-eyebrow: .04em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--pad-tile: 9px;--gap-grid: 10px;--pad-control: 10px 12px;--container-max: 1200px;--page-max-sm: 720px;--page-max-md: 880px;--page-max-prose: 1080px;--page-max-article: 760px;--page-max-workspace: 1200px;--content-pad-mobile: 16px;--content-pad-tablet: 24px;--content-pad-desktop: 32px;--content-pad-wide: 40px;--edge-gap-fluid: clamp(16px, 3.125vw, 48px);--edge-gap-marketing: clamp(16px, 4vw, 48px);--z-header: 20;--z-stickybar: 30;--z-overlay: 60;--z-viewer: 70;--z-toast: 90;--radius-xs: 6px;--radius-sm: 8px;--radius-logo: 9px;--radius-md: 10px;--radius: 12px;--radius-lg: 14px;--radius-pill: 999px;--control-height-xs: 32px;--control-height-sm: 36px;--control-height-md: 40px;--control-height-touch: 44px;--control-height-lg: 52px;--control-pad-inline-xs: 10px;--control-pad-inline-sm: 12px;--control-pad-inline-md: 16px;--control-pad-inline-lg: 18px;--control-gap-sm: 6px;--control-gap-md: 8px;--brand-mark-size: 40px;--brand-wordmark-size: 17px;--brand-gap: 10px;--tabs-gap: 18px;--tabs-icon-size: 16px;--bw-hair: 1px;--bw-emphasis: 2px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .6);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .55);--shadow-green: 0 6px 18px rgba(95, 184, 58, .28);--grad-top: linear-gradient(to bottom, rgba(0, 0, 0, .65), transparent);--grad-bottom: linear-gradient(to top, rgba(0, 0, 0, .82), rgba(0, 0, 0, .35) 55%, transparent);--grad-fade-bar: linear-gradient(to top, var(--noir) 70%, transparent);--ease: cubic-bezier(.2, .6, .2, 1);--dur-fast: .12s;--dur: .15s;--dur-slow: .18s;--lift: translateY(-2px);--press: scale(.99)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.viewer){overflow:hidden}@media(max-width:767px){body.gallery-scroll-locked{position:fixed;top:var(--gallery-scroll-lock-top, 0);right:0;left:0;width:100%}}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.msf-h1{font:var(--fw-semibold) var(--fs-h1)/var(--lh-tight) var(--font-ui);letter-spacing:var(--ls-tight)}.msf-h2{font:var(--fw-semibold) var(--fs-h2)/var(--lh-snug) var(--font-ui)}.root{min-height:100vh}.app{--app-shell-max: var(--container-max);--app-shell-header-pad-top: 14px;--app-shell-header-pad-inline: var(--content-pad-mobile);--app-shell-content-pad-top: 18px;--app-shell-content-pad-bottom: 8px;--app-shell-content-pad-inline: var(--content-pad-mobile);--app-shell-generatebar-pad-top: 14px;--app-shell-generatebar-pad-bottom: 16px;--app-shell-generatebar-pad-inline: var(--content-pad-mobile);--app-shell-brand-mark-size: var(--brand-mark-size);--app-shell-brand-wordmark-size: var(--brand-wordmark-size);--app-shell-brand-gap: var(--brand-gap);--app-shell-tabs-gap: var(--tabs-gap);--app-shell-tabs-icon-size: var(--tabs-icon-size);--app-shell-tabs-font-size: var(--fs-base);--app-shell-tabs-pad-block: 9px;width:100%;max-width:var(--app-shell-max);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app>header{border-bottom:1px solid var(--line);padding:var(--app-shell-header-pad-top) max(var(--app-shell-header-pad-inline),env(safe-area-inset-right)) 0 max(var(--app-shell-header-pad-inline),env(safe-area-inset-left))}.back{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.back:hover{background:var(--surface-control);color:var(--text)}.app>.content{flex:1;padding:var(--app-shell-content-pad-top) max(var(--app-shell-content-pad-inline),env(safe-area-inset-right)) var(--app-shell-content-pad-bottom) max(var(--app-shell-content-pad-inline),env(safe-area-inset-left))}.page-frame{width:100%;min-width:0;margin-inline:auto;padding-right:max(var(--page-frame-inline, var(--content-pad-mobile)),env(safe-area-inset-right));padding-left:max(var(--page-frame-inline, var(--content-pad-mobile)),env(safe-area-inset-left))}.content-sm,.page-width-sm{max-width:var(--page-max-sm)}.content-md,.page-width-md{max-width:var(--page-max-md)}.content-prose,.page-width-prose{max-width:var(--page-max-prose)}.article,.page-width-article{max-width:var(--page-max-article)}.workspace,.page-width-workspace{max-width:var(--page-max-workspace)}.gallery-fluid{width:100%;min-width:0;max-width:none}.gallery-tabs{display:block;margin-top:14px}.gallery-title{margin:0 0 14px}.filters-row{display:flex;flex-direction:column;gap:12px}.filters{display:flex;align-items:center;justify-content:space-between;gap:10px}.viewrow{display:flex;align-items:center;justify-content:flex-end;gap:8px}.view-label{color:var(--text-muted);font-size:var(--fs-xs)}.noresults{color:var(--text-muted);font-size:var(--fs-sm);padding:40px 4px}.noresults button{background:none;border:none;color:var(--green);font-size:var(--fs-sm);text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid);margin-top:14px}.grid.dense{grid-template-columns:repeat(3,1fr)}.grid.masonry{display:block;column-count:2;column-gap:var(--gap-grid)}.grid.masonry.dense{column-count:3}.grid.masonry msf-media-tile{display:block;width:100%;margin-bottom:var(--gap-grid);break-inside:avoid}.app>.generatebar{position:sticky;bottom:0;background:var(--grad-fade-bar);padding:var(--app-shell-generatebar-pad-top) max(var(--app-shell-generatebar-pad-inline),env(safe-area-inset-right)) calc(var(--app-shell-generatebar-pad-bottom) + env(safe-area-inset-bottom)) max(var(--app-shell-generatebar-pad-inline),env(safe-area-inset-left));z-index:var(--z-stickybar)}@media(min-width:600px){.app{--app-shell-header-pad-inline: var(--content-pad-tablet);--app-shell-content-pad-inline: var(--content-pad-tablet);--app-shell-generatebar-pad-inline: var(--content-pad-tablet)}.page-frame{--page-frame-inline: var(--content-pad-tablet)}}@media(min-width:900px){.app{--app-shell-header-pad-top: 18px;--app-shell-header-pad-inline: var(--content-pad-desktop);--app-shell-content-pad-top: 22px;--app-shell-content-pad-bottom: 12px;--app-shell-content-pad-inline: var(--content-pad-desktop);--app-shell-generatebar-pad-top: 16px;--app-shell-generatebar-pad-bottom: 18px;--app-shell-generatebar-pad-inline: var(--content-pad-desktop)}.page-frame{--page-frame-inline: var(--content-pad-desktop)}}@media(min-width:1400px){.app{--app-shell-header-pad-top: 24px;--app-shell-header-pad-inline: var(--content-pad-wide);--app-shell-content-pad-top: 24px;--app-shell-content-pad-bottom: 16px;--app-shell-content-pad-inline: var(--content-pad-wide);--app-shell-generatebar-pad-inline: var(--content-pad-wide)}.page-frame{--page-frame-inline: var(--content-pad-wide)}}.app-shell-fluid,.app-shell-marketing,.app-shell-workspace{--app-shell-max: none}.app-shell-fluid,.app-shell-workspace{--app-shell-header-pad-inline: var(--edge-gap-fluid);--app-shell-content-pad-inline: var(--edge-gap-fluid);--app-shell-generatebar-pad-inline: var(--edge-gap-fluid);--gap-grid: clamp(10px, .75vw, 14px)}.app-shell-marketing{--app-shell-header-pad-inline: var(--edge-gap-marketing);--app-shell-content-pad-inline: var(--edge-gap-marketing)}.app-shell-fluid .page-frame,.app-shell-workspace .page-frame{--page-frame-inline: var(--edge-gap-fluid)}.app-shell-marketing .page-frame{--page-frame-inline: var(--edge-gap-marketing)}@media(min-width:600px){.app-shell-marketing{--app-shell-brand-mark-size: 44px;--app-shell-brand-wordmark-size: 19px;--app-shell-brand-gap: 12px;--app-shell-tabs-gap: 22px}}@media(min-width:900px){.app-shell-fluid,.app-shell-workspace{--app-shell-brand-mark-size: 46px;--app-shell-brand-wordmark-size: 20px;--app-shell-brand-gap: 14px;--app-shell-tabs-gap: 26px;--app-shell-tabs-icon-size: 18px;--app-shell-tabs-font-size: 16px;--app-shell-tabs-pad-block: 10px}.app-shell-marketing{--app-shell-brand-mark-size: 48px;--app-shell-brand-wordmark-size: 21px;--app-shell-brand-gap: 14px;--app-shell-tabs-gap: 28px;--app-shell-tabs-icon-size: 18px;--app-shell-tabs-font-size: 16px;--app-shell-tabs-pad-block: 10px}}@media(min-width:1400px){.app-shell-fluid,.app-shell-marketing,.app-shell-workspace{--app-shell-brand-mark-size: 50px;--app-shell-brand-wordmark-size: 22px;--app-shell-brand-gap: 15px;--app-shell-tabs-gap: 30px;--app-shell-tabs-icon-size: 19px;--app-shell-tabs-font-size: 17px;--app-shell-tabs-pad-block: 11px}}.viewer{position:fixed;inset:0;height:100dvh;background:var(--scrim-strong);z-index:var(--z-viewer)}.feed{position:relative;height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.video-viewer{--video-viewer-gutter: clamp(8px, 2.2vmin, 24px);--video-viewer-bottom-clearance: clamp(16px, 4vmin, 36px);--video-viewer-action-bottom: clamp(16px, 3.2vmin, 28px);--video-viewer-available-height: calc( 100dvh - var(--video-viewer-gutter) - var(--video-viewer-bottom-clearance) - env( safe-area-inset-top ) - env(safe-area-inset-bottom) );--video-viewer-card-width: min(100%, calc(var(--video-viewer-available-height) * .75), 760px);--video-viewer-control-size: clamp(18px, 5vmin, 42px);--video-viewer-control-inset: clamp(10px, 2.4vmin, 24px);--video-viewer-control-gap: clamp(8px, 2vmin, 18px);--video-viewer-action-height: clamp(22px, 5vmin, 40px);--video-viewer-action-gap: clamp(4px, .9vmin, 7px);--video-viewer-action-padding-block: clamp(5px, 1.2vmin, 9px);--video-viewer-action-padding-inline: clamp(9px, 2.1vmin, 16px);--video-viewer-action-radius: var(--radius-md);--video-viewer-action-font-size: clamp(8px, 1.75vmin, 15px);--video-viewer-action-icon-size: 1em;--video-viewer-radius: clamp(10px, 2.2vmin, 18px);display:grid;place-items:center;padding:calc(var(--video-viewer-gutter) + env(safe-area-inset-top)) var(--video-viewer-gutter) calc(var(--video-viewer-bottom-clearance) + env(safe-area-inset-bottom))}.video-viewer .feed{width:var(--video-viewer-card-width);max-width:none;height:auto;max-height:var(--video-viewer-available-height);aspect-ratio:3/4;margin:0 auto;border-radius:var(--video-viewer-radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)}.vtop{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 14px 18px;background:var(--grad-top)}.video-viewer .vtop{padding:var(--video-viewer-control-inset)}.video-viewer .feed-sound{position:absolute;top:calc(var(--video-viewer-control-inset) + var(--video-viewer-control-size) + var(--video-viewer-control-gap));right:var(--video-viewer-control-inset);z-index:6}.video-viewer .icon-button.on-media{width:var(--video-viewer-control-size);height:var(--video-viewer-control-size)}.video-viewer .icon-button.on-media svg{width:calc(var(--video-viewer-control-size) * .52);height:calc(var(--video-viewer-control-size) * .52)}.vmeta{font-size:13px;color:#fff;font-weight:500;display:flex;align-items:center;gap:8px}.viewer-count{color:#ffffffa3;font-size:clamp(8px,1.5vmin,13px);letter-spacing:.02em}.viewer-category{color:var(--gold);font-size:clamp(8px,1.4vmin,13px);font-weight:600;line-height:var(--lh-snug);margin-bottom:clamp(4px,.8vmin,8px)}.pager{flex:1;min-height:0;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.prompt3{color:var(--text);font-size:var(--fs-base);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.video-viewer .viewer-prompt{color:#fff;font-size:clamp(9px,1.75vmin,17px);line-height:1.38;margin-bottom:clamp(8px,1.8vmin,14px)}.pager.v{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.vslide{flex:0 0 100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:#0a0a0a;touch-action:pan-y;contain:layout paint;isolation:isolate}@media(any-pointer:coarse){.pager.v,.vslide,.pane-hit{touch-action:none}}.media-panes{--media-pane-switch-duration: .22s;position:absolute;inset:0;width:100%;height:100%;display:flex;overflow:hidden}.media-panes.has-input{width:100%}.media-panes.has-input.input-open{transform:none}.media-pane{flex:0 0 100%;height:100%;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0a}.media-panes.has-input .media-pane{position:absolute;inset:0;width:100%;flex-basis:auto;background:transparent;pointer-events:none}.media-panes.has-input .video-pane,.media-panes.has-input .result-pane{z-index:1}.media-panes.has-input .input-pane{z-index:2}.media-panes.has-input:not(.input-open) .video-pane,.media-panes.has-input:not(.input-open) .result-pane,.media-panes.has-input.input-open .input-pane{pointer-events:auto}.video-pane video,.result-pane img,.input-pane img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform var(--media-pane-switch-duration) var(--ease)}.video-pane .video-frame-poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;object-fit:contain;background:#0a0a0a}.first-frame-poster{opacity:1;pointer-events:none;transition:transform var(--media-pane-switch-duration) var(--ease);will-change:opacity,transform}.first-frame-poster.frame-presented{opacity:0;transition:opacity .12s var(--ease),transform var(--media-pane-switch-duration) var(--ease)}.video-pane video,.result-pane img{object-fit:contain;background:#0a0a0a}.input-pane img{object-fit:contain;background:#0a0a0a}.media-panes.has-input .input-pane img{transform:translate(100%)}.media-panes.has-input.input-open .video-pane video,.media-panes.has-input.input-open .video-pane .video-frame-poster,.media-panes.has-input.input-open .result-pane img{transform:translate(-100%)}.media-panes.has-input.input-open .input-pane img{transform:translate(0)}.pane-hit{position:absolute;top:0;bottom:0;z-index:4;width:50%;padding:0;border:none;background:transparent;touch-action:pan-y;pointer-events:none}.media-panes.has-input:not(.input-open) .open-input-hit,.media-panes.has-input.input-open .close-input-hit{pointer-events:auto}.media-panes.has-input.input-open .media-pane .voverlay{display:none}.pane-hit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-6px;background:#5fb83a14}.open-input-hit{right:0}.close-input-hit{left:0}.pane-indicator{position:absolute;top:var(--video-viewer-control-inset);left:50%;transform:translate(-50%);z-index:9;display:inline-flex;align-items:center;gap:clamp(3px,.7vmin,6px);padding:clamp(3px,.7vmin,6px) clamp(5px,1vmin,8px);border-radius:var(--radius-pill);background:#0000007a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pane-indicator button{width:clamp(14px,2.8vmin,24px);height:clamp(8px,1.7vmin,14px);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;display:flex;align-items:center;justify-content:center}.pane-indicator span{width:clamp(4px,.9vmin,7px);height:clamp(4px,.9vmin,7px);border-radius:var(--radius-pill);background:#ffffff52;transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}.pane-indicator button.active span{width:clamp(10px,2.2vmin,18px);background:var(--green)}.voverlay{position:absolute;left:0;right:0;bottom:0;z-index:5;width:100%;padding:clamp(14px,4vmin,30px) clamp(12px,2.5vmin,18px) calc(var(--video-viewer-action-bottom) + env(safe-area-inset-bottom));background:var(--grad-bottom)}.vactions{display:flex;align-items:center;gap:clamp(6px,1.4vmin,12px);flex-wrap:wrap}.download-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--video-viewer-action-gap);min-height:var(--video-viewer-action-height);padding:var(--video-viewer-action-padding-block) var(--video-viewer-action-padding-inline);border-radius:var(--video-viewer-action-radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:var(--video-viewer-action-font-size);font-weight:var(--fw-semibold);line-height:1;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.download-action:hover{background:#ffffff29;border-color:#ffffff47}.engagement-action,.engagement-stat{display:inline-flex;align-items:center;justify-content:center;gap:var(--video-viewer-action-gap);min-height:var(--video-viewer-action-height);padding:var(--video-viewer-action-padding-block) var(--video-viewer-action-stat-padding-inline, var(--video-viewer-action-padding-inline));border-radius:var(--video-viewer-action-radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-ui);font-size:var(--video-viewer-action-font-size);font-weight:var(--fw-semibold);line-height:1;white-space:nowrap;box-sizing:border-box}.engagement-action{transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.engagement-action:hover:not(:disabled){background:#ffffff29;border-color:#ffffff47}.engagement-action.active,.engagement-action.active:disabled{background:#e3b34129;border-color:#e3b34161;color:var(--gold);cursor:default;opacity:1}.engagement-action:disabled{cursor:default}.engagement-stat{cursor:default}.image-viewer{background:#000000f0}.video-viewer .viewer-count{min-height:32px;padding:8px 10px;border-radius:var(--radius-pill);background:#0000006b;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;line-height:1}@media(max-width:599px){.video-viewer{--video-viewer-control-size: 44px;--video-viewer-control-inset: 12px;--video-viewer-control-gap: 10px;--video-viewer-action-height: 44px;--video-viewer-action-gap: clamp(4px, 1.34vw, 5px);--video-viewer-action-padding-block: 10px;--video-viewer-action-padding-inline: 6px;--video-viewer-action-stat-padding-inline: 7px;--video-viewer-action-copy-padding-inline: 0;--video-viewer-action-radius: var(--radius-md);--video-viewer-action-font-size: clamp(11px, 3.49vw, 13px);--video-viewer-action-icon-size: clamp(11px, 3.49vw, 13px);padding:0}.video-viewer .viewer-category{font-size:12px;margin-bottom:6px}.video-viewer .viewer-prompt{font-size:14px;line-height:1.4;-webkit-line-clamp:2;margin-bottom:12px}.video-viewer msf-copy-button{display:inline-flex}.video-viewer .feed{width:100vw;max-width:none;height:100dvh;max-height:none;aspect-ratio:auto;margin:0;border:none;border-radius:0;box-shadow:none}.video-viewer .vtop{padding:calc(10px + env(safe-area-inset-top)) 12px 18px}.video-viewer .result-pane img,.video-viewer .input-pane img{object-position:center center}.video-viewer .voverlay{padding:18px 12px calc(18px + env(safe-area-inset-bottom))}.pane-indicator{min-height:var(--control-height-touch);gap:0;padding:0 4px}.pane-indicator button{width:var(--control-height-touch);height:var(--control-height-touch)}}.msf-card{display:block;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 15px;color:inherit;text-decoration:none;transition:transform var(--dur-slow) var(--ease),border-color var(--dur-slow) var(--ease)}.msf-card.no-pad{padding:0}.msf-card.interactive{cursor:pointer}.msf-card.interactive:hover{border-color:var(--green);transform:var(--lift)}.msf-button{display:inline-flex;min-height:var(--control-height-md);align-items:center;justify-content:center;gap:var(--control-gap-sm);font-family:var(--font-ui);font-weight:var(--fw-semibold);line-height:1;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent}.msf-button:active:not(:disabled){transform:var(--press)}.msf-button.full{display:flex;width:100%}.msf-button.xs{min-height:var(--control-height-xs);padding:0 var(--control-pad-inline-xs);gap:var(--control-gap-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:normal}.msf-button.sm{min-height:var(--control-height-sm);padding:0 var(--control-pad-inline-sm);font-size:var(--fs-sm)}.msf-button.md{min-height:var(--control-height-md);padding:0 var(--control-pad-inline-md);font-size:var(--fs-base)}.msf-button.lg{min-height:var(--control-height-lg);padding:0 var(--control-pad-inline-lg);font-size:var(--fs-base);border-radius:var(--radius-lg);gap:var(--control-gap-md)}.msf-button.primary{background:var(--green);color:var(--on-green);border:1px solid var(--gold)}.msf-button.primary:hover:not(:disabled){background:var(--green-hover)}.msf-button.secondary{background:var(--surface-control);color:var(--text);border:1px solid var(--line)}.msf-button.secondary:hover:not(:disabled){background:var(--surface-raised)}.msf-button.ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.msf-button.ghost:hover:not(:disabled){background:var(--surface-control);color:var(--text)}.msf-button.gold{background:var(--gold);color:var(--on-gold);border:1px solid transparent}.msf-button.gold:hover:not(:disabled){background:var(--gold-hover)}.msf-button.toggle{border:1px solid var(--line-gold);background:transparent;color:color-mix(in srgb,var(--gold) 70%,var(--text-muted))}.msf-button.toggle:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold) 45%,var(--line-gold));background:var(--gold-soft);color:var(--gold)}.msf-button.toggle.active:not(:disabled){border-color:color-mix(in srgb,var(--green) 58%,var(--gold));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-control) 80%,var(--green)),color-mix(in srgb,var(--surface-control) 85%,var(--gold)));color:var(--gold-hover);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 12%,transparent),0 2px 8px #0000003d}.msf-button.toggle.active:not(:disabled)>msf-icon{color:var(--green-hover)}.msf-button.toggle.active:hover:not(:disabled){border-color:color-mix(in srgb,var(--green-hover) 62%,var(--gold-hover));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-control) 75%,var(--green)),color-mix(in srgb,var(--surface-control) 81%,var(--gold)))}.msf-button.danger{background:var(--danger-bg);color:var(--danger-fg);border:0;font-weight:var(--fw-bold)}.msf-button.danger:hover:not(:disabled){background:var(--danger-bg-hover)}.msf-button.danger:focus:not(:disabled){background:var(--danger-bg-hover);box-shadow:0 0 0 3px var(--danger-ring)}.msf-button.danger:active:not(:disabled){background:var(--danger-bg-pressed)}.msf-button:disabled{cursor:not-allowed;opacity:.6;background:var(--surface-control);color:var(--text-faint);border-color:var(--line)}msf-button.generate-submit .msf-button:disabled{transition:none}.msf-button.toggle:disabled{background:transparent;color:var(--text-faint);border-color:var(--line-subtle);box-shadow:none}.icon-primary{color:var(--gold)}@media(min-width:900px){app-header .hd-generate .msf-button.lg{min-height:clamp(40px,2.55vw,49px);padding-inline:clamp(18px,1.28vw,26px);gap:clamp(8px,.55vw,10px);border-radius:var(--radius-pill);font-size:clamp(var(--fs-sm),.95vw,var(--fs-base));box-shadow:0 10px 22px #5fb83a29}app-header .hd-generate .msf-button.lg:hover:not(:disabled){box-shadow:0 12px 26px #5fb83a38}}@media(max-width:599px){.msf-button.xs,.msf-button.sm,.msf-button.md{min-height:var(--control-height-touch)}}@media(prefers-reduced-motion:reduce){.msf-button{transition:none}}.video-viewer .download-action svg,.video-viewer .engagement-action svg,.video-viewer .engagement-stat svg,.video-viewer msf-copy-button .copy-button svg{width:var(--video-viewer-action-icon-size);height:var(--video-viewer-action-icon-size)}@media(max-width:599px){.app-shell-fluid .filters{align-items:flex-start}.video-viewer .vactions{flex-wrap:nowrap;gap:var(--video-viewer-action-gap)}.video-viewer .engagement-action,.video-viewer .engagement-stat{flex:0 0 auto;min-width:clamp(44px,13.75vw,52px)}.video-viewer .download-action{flex:1 1 0;min-width:0}}.cat-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;margin:20px 0 6px;scrollbar-width:none}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:7px 13px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid var(--line);background:var(--surface-control);color:var(--text-muted);transition:color var(--dur) var(--ease)}.cat-chip.active{border-color:var(--line-gold);background:var(--gold-soft);color:var(--gold)}@media(max-width:599px){.cat-chips{gap:6px;margin:14px 0 4px;padding:1px 0 2px}.cat-chip{min-height:0;padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--fs-xs)}}@media(min-width:600px){.filters-row{flex-direction:row;align-items:center;justify-content:space-between}.grid{grid-template-columns:repeat(3,1fr)}.grid.dense{grid-template-columns:repeat(4,1fr)}.grid.masonry{column-count:3}.grid.masonry.dense{column-count:4}.feed{max-width:760px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}.grid.dense{grid-template-columns:repeat(5,1fr)}.grid.masonry{column-count:4}.grid.masonry.dense{column-count:5}.app-shell-fluid>.generatebar{display:none}.viewer{background:var(--scrim-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feed{max-width:440px;height:90vh;margin:5vh auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}}@media(min-width:1400px){:root{--container-max: 1520px;--gap-grid: 12px}.grid{margin-top:16px}}@media(max-width:599px){.app-shell-fluid .gallery-tabs,.app-shell-workspace .gallery-tabs{margin-top:10px}.app-shell-fluid .gallery-title{margin-bottom:10px}.app-shell-fluid .filters-row{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.app-shell-fluid .filters{min-width:0;flex:1 1 auto;justify-content:flex-start;gap:8px}.app-shell-fluid .viewrow{flex:0 0 auto;gap:6px}.app-shell-fluid .view-label{font-size:var(--fs-2xs)}.app-shell-fluid .grid{margin-top:10px}}@media(min-width:900px){.app-shell-fluid .gallery-tabs{margin-top:16px}.app-shell-fluid .gallery-title{margin-bottom:16px}.app-shell-fluid .cat-chips{gap:10px;margin:16px 0 8px;padding-bottom:4px}.app-shell-fluid .cat-chip{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
