.vibe-surface--selection{flex-direction:column;display:flex}.vibe-surface--selection>.masonry-feed-shell,.vibe-surface--selection>.reel-layout,.vibe-surface--selection>.gallery-shell{flex:1 1 0;height:auto;min-height:0}.vibe-selection-toolbar{--vibe-selection-surface:var(--vibe-selection-background,#0c1e33);--vibe-selection-foreground:var(--vibe-selection-color,#e9f2ff);--vibe-selection-muted:var(--vibe-selection-secondary,#adc4de);--vibe-selection-border:var(--vibe-selection-line,#234260);--vibe-selection-active:var(--vibe-selection-primary,#2563d4);z-index:3;min-width:0;color:var(--vibe-selection-foreground);background:var(--vibe-selection-surface);border-bottom:1px solid var(--vibe-selection-border);font:inherit;flex:none}.vibe-selection-toolbar-main,.vibe-selection-operation,.vibe-selection-desktop-actions,.vibe-selection-panel-header,.vibe-selection-panel-footer,.vibe-selection-row,.vibe-selection-pagination,.vibe-selection-position{align-items:center;gap:8px;display:flex}.vibe-selection-toolbar-main{flex-wrap:wrap;padding:6px 10px}.vibe-selection-summary{flex-direction:column;gap:2px;margin-right:auto;display:flex}.vibe-selection-summary strong{font-weight:600}.vibe-selection-summary span{color:var(--vibe-selection-muted);font-size:12px}.vibe-selection-desktop-actions{flex-wrap:wrap}.vibe-selection-button,.vibe-selection-icon{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;transition:background-color .14s ease-out,color .14s ease-out,border-color .14s ease-out}.vibe-selection-button{overflow-wrap:anywhere;padding:8px 10px}.vibe-selection-icon{flex:0 0 44px;justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.vibe-selection-button:hover:not(:disabled),.vibe-selection-icon:hover:not(:disabled){background:var(--vibe-selection-hover,#152e4a)}.vibe-selection-button:focus-visible,.vibe-selection-icon:focus-visible,.vibe-selection-check:focus-within{outline:2px solid var(--vibe-selection-focus,#06b6d4);outline-offset:-2px}.vibe-selection-button:disabled,.vibe-selection-icon:disabled{opacity:.5;cursor:default}.vibe-selection-primary,.vibe-selection-button[aria-pressed=true]{background:var(--vibe-selection-active,#2563d4);color:var(--vibe-selection-on-primary,#fff)}.vibe-selection-primary:hover:not(:disabled),.vibe-selection-button[aria-pressed=true]:hover:not(:disabled){background:var(--vibe-selection-primary-hover,#1d56bc)}.vibe-selection-phone-actions{display:none}.vibe-selection-operation{border-top:1px solid var(--vibe-selection-border);flex-wrap:wrap;padding:4px 10px}.vibe-selection-operation>span{flex:180px}.vibe-selection-operation[role=alert]{color:var(--vibe-selection-error,#d17b8f)}.vibe-selection-card-controls{z-index:6;pointer-events:none;color:var(--vibe-selection-color,#e9f2ff);position:absolute;inset:0}.vibe-selection-check{top:calc(var(--vibe-selection-card-top,0px) + 4px);pointer-events:auto;background:var(--vibe-selection-background,#0c1e33);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;left:4px}.vibe-selection-check input{width:22px;height:22px;accent-color:var(--vibe-selection-primary,#2563d4);cursor:pointer;margin:0}.vibe-selection-start{top:calc(var(--vibe-selection-card-top,0px) + 4px);min-width:44px;min-height:44px;color:inherit;background:var(--vibe-selection-background,#0c1e33);pointer-events:auto;font:inherit;border:0;border-radius:3px;padding:8px;position:absolute;left:4px}.vibe-selection-start:not(:focus-visible){clip-path:inset(50%);width:1px;min-width:0;height:1px;min-height:0;padding:0;overflow:hidden}.vibe-selection-start:focus-visible{outline:2px solid var(--vibe-selection-focus,#06b6d4);outline-offset:-2px}.vibe-selection-move-controls{top:calc(var(--vibe-selection-card-top,0px) + 4px);pointer-events:auto;background:var(--vibe-selection-background,#0c1e33);border-radius:3px;display:flex;position:absolute;right:4px}.vibe-selection-grip{cursor:grab;touch-action:pan-y}.media-card--selected:after{content:"";z-index:7;pointer-events:none;border:2px solid var(--vibe-selection-primary,#3b82f6);border-radius:inherit;position:absolute;inset:0}.media-card[data-reorder-target]:before{content:"";z-index:8;background:var(--vibe-selection-focus,#06b6d4);pointer-events:none;height:4px;position:absolute;left:0;right:0}.media-card[data-reorder-target=before]:before{top:0}.media-card[data-reorder-target=after]:before{bottom:0}.vibe-selection-drag-preview{color:var(--vibe-selection-on-primary,#fff);padding:0 8px 8px 0;font:500 14px system-ui,sans-serif;position:fixed;top:-1000px;left:0}.vibe-selection-drag-preview:before,.vibe-selection-drag-preview:after{content:"";background:var(--vibe-selection-line,#234260);border-radius:3px;position:absolute;inset:8px 0 0 8px}.vibe-selection-drag-preview:after{background:var(--vibe-selection-hover,#152e4a);inset:4px}.vibe-selection-drag-preview>span{z-index:1;background:var(--vibe-selection-primary,#2563d4);border-radius:3px;padding:14px 18px;display:block;position:relative}.vibe-selection-dialog{color:var(--vibe-selection-foreground);background:var(--vibe-selection-surface);border:1px solid var(--vibe-selection-border);width:min(520px,100% - 24px);max-height:calc(100dvh - 32px);font:inherit;border-radius:3px;padding:0;overflow:hidden}.vibe-selection-dialog::backdrop{background:var(--vibe-selection-backdrop,#07132199)}.vibe-selection-panel{flex-direction:column;max-height:calc(100dvh - 36px);display:flex}.vibe-selection-panel-header{border-bottom:1px solid var(--vibe-selection-border);flex:none;padding:8px 12px}.vibe-selection-panel-header h2{font:inherit;overflow-wrap:anywhere;flex:1;margin:0;font-size:21px;font-weight:600}.vibe-selection-panel-intro{color:var(--vibe-selection-muted);padding:10px 12px 0}.vibe-selection-panel-search{flex:none;padding:10px 12px}.vibe-selection-panel-search input{border:1px solid var(--vibe-selection-border);width:100%;min-width:0;min-height:44px;color:inherit;font:inherit;background:0 0;border-radius:3px;padding:8px 10px}.vibe-selection-panel-search input:focus{border-color:var(--vibe-selection-focus,#06b6d4);outline:none}.vibe-selection-panel-search input::placeholder{color:var(--vibe-selection-muted)}.vibe-selection-panel-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.vibe-selection-row{border-bottom:1px solid var(--vibe-selection-border);justify-content:space-between;min-height:48px;padding:0 12px}.vibe-selection-row>span{overflow-wrap:anywhere;min-width:0}.vibe-selection-destination{text-align:left;width:100%}.vibe-selection-action-row{text-align:left;width:100%;display:block}.vibe-selection-empty{color:var(--vibe-selection-muted);margin:0;padding:12px}.vibe-selection-panel-footer,.vibe-selection-pagination{border-top:1px solid var(--vibe-selection-border);flex-wrap:wrap;flex:none;justify-content:space-between;padding:8px 12px}@container (width<=700px){.vibe-selection-toolbar{border-bottom:0;border-top:1px solid var(--vibe-selection-border);order:2}.vibe-selection-toolbar-main{gap:4px;padding:6px}.vibe-selection-summary{flex-direction:row;flex:1 0 100%;justify-content:space-between;align-items:center}.vibe-selection-desktop-actions{display:none}.vibe-selection-phone-actions{display:inline-block}.vibe-selection-button{padding:8px}}@media (width<=600px){.vibe-selection-dialog{border-bottom:0;border-radius:3px 3px 0 0;width:100%;max-width:none;max-height:90dvh;margin:auto 0 0}.vibe-selection-panel{max-height:90dvh}}@media (prefers-reduced-motion:reduce){.vibe-selection-button,.vibe-selection-icon{transition:none}}.vibe-surface,.vibe-surface *{box-sizing:border-box}.vibe-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080808;height:100%;min-height:0;position:relative;overflow:hidden;container-type:inline-size}.vibe-reel-overlay{z-index:10;background:#080808;outline:none;min-height:0;position:absolute;inset:0;overflow:hidden}.vibe-reel-overlay>.reel-layout{height:100%}.vibe-reel-viewer-enter-active,.vibe-reel-viewer-leave-active{will-change:transform;transition:transform .16s ease-out}.vibe-reel-viewer-enter-from,.vibe-reel-viewer-leave-to{transform:translate(-100%)}.vibe-reel-overlay[data-reel-entry=waiting] .reel-layout-main{opacity:0;transition:none}.vibe-reel-overlay[data-reel-entry=revealing] .reel-layout-main{opacity:1;transition:opacity .16s ease-out}.vibe-reel-overlay[data-reel-entry]:not([data-reel-entry=ready]) .media-preview--ready{opacity:1;transition:none;transform:none}.vibe-reel-entry-spinner{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.vibe-reel-entry-spinner-ring{border:2px solid var(--vibe-reel-spinner-track,#333);border-top-color:var(--vibe-reel-spinner-accent,#fff);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite vibe-reel-loading}@keyframes vibe-reel-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vibe-reel-overlay[data-reel-entry] .reel-layout-main{transition:none}.vibe-reel-entry-spinner-ring{animation:none}}.reel-layout{background:#080808;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.reel-layout-main{flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.reel-layout-main>.reel-shell{height:100%}.reel-info-sheet-layer{z-index:12;background:#111;min-width:0;min-height:0;overflow:hidden}.reel-info-sheet{overscroll-behavior:contain;background:#111;outline:none;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}.reel-layout--overlay>.reel-info-sheet-layer{background:#00000094;align-items:flex-end;display:flex;position:absolute;inset:0}.reel-layout--overlay .reel-info-sheet{border-top:1px solid #333;max-height:80%;box-shadow:0 -1rem 2.5rem #0006}.reel-layout--layout>.reel-info-sheet-layer{border-top:1px solid #333;flex:0 0 50%;width:100%;height:50%;max-height:50%}.reel-layout--layout .reel-info-sheet{height:100%;max-height:100%}.vibe-info-sheet-enter-active,.vibe-info-sheet-leave-active{will-change:max-height, opacity;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .22s}.vibe-info-sheet-enter-active>.reel-info-sheet,.vibe-info-sheet-leave-active>.reel-info-sheet{will-change:opacity, transform;transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1)}.reel-layout--overlay>.vibe-info-sheet-enter-from,.reel-layout--overlay>.vibe-info-sheet-leave-to{opacity:0}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{opacity:0;max-height:0}.reel-layout--overlay>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--overlay>.vibe-info-sheet-leave-to>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-leave-to>.reel-info-sheet{opacity:0;transform:translateY(100%)}@container (width>=1025px){.reel-layout--layout{flex-direction:row}.reel-layout--layout>.reel-info-sheet-layer{border-top:0;border-left:1px solid #333;flex:0 0 25cqw;width:25cqw;height:100%;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-active,.reel-layout--layout>.vibe-info-sheet-leave-active{will-change:flex-basis, width, opacity;transition:flex-basis .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),opacity .22s}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-leave-to>.reel-info-sheet{transform:translate(100%)}}@media (width>=1920px){@container (width>=1025px){.reel-layout--layout>.reel-info-sheet-layer{flex-basis:40cqw;width:40cqw}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0}}}.gallery-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);overscroll-behavior-y:contain;height:100%;min-height:0;padding:var(--gallery-padding);scrollbar-color:#525252 #111;scrollbar-gutter:stable;scrollbar-width:thin;-webkit-user-select:none;user-select:none;overflow:hidden auto}.gallery-shell::-webkit-scrollbar{width:.625rem}.gallery-shell::-webkit-scrollbar-track{background:#111}.gallery-shell::-webkit-scrollbar-thumb{background:#525252;border:.125rem solid #111;border-radius:999px}.gallery-shell::-webkit-scrollbar-thumb:hover{background:#737373}.masonry-feed-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);height:100%;min-height:0;position:relative;overflow:hidden}.masonry-feed{padding-right:calc(var(--gallery-padding) + .5rem);scrollbar-gutter:auto;scrollbar-width:none;flex-direction:column;display:flex}.masonry-feed::-webkit-scrollbar{width:0;height:0;display:none}.masonry-feed-status-overlay{z-index:9;right:calc(var(--gallery-padding) + 1rem);bottom:var(--gallery-padding);left:var(--gallery-padding);pointer-events:none;justify-items:center;display:grid;position:absolute}.masonry-feed-status-overlay>*{pointer-events:auto}.masonry-feed-status-overlay .gallery-footer{min-height:0;padding:.375rem}.masonry-feed-status-overlay .load-more-status,.masonry-feed-status-overlay .end-feed-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808ad;border:1px solid #ffffff29;border-radius:999px;padding:.375rem .625rem}.gallery-scrollbar{z-index:8;top:var(--gallery-padding);right:.125rem;bottom:var(--gallery-padding);opacity:0;visibility:hidden;cursor:pointer;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#111;border-radius:999px;width:.625rem;transition:opacity .16s,visibility .16s;position:absolute;overflow:hidden}.gallery-scrollbar--visible{opacity:1;visibility:visible;pointer-events:auto}.gallery-scrollbar-thumb{cursor:grab;touch-action:none;background:#525252;border:.125rem solid #111;border-radius:999px;width:100%;min-height:2rem;position:absolute;top:0;left:0}.gallery-scrollbar--ready:not(.gallery-scrollbar--interacting):not(.gallery-scrollbar--dragging) .gallery-scrollbar-thumb{will-change:height, transform;transition:height .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.gallery-scrollbar-thumb:hover{background:#737373}.gallery-scrollbar-thumb:focus-visible{outline-offset:-1px;outline:2px solid #d4d4d4}.gallery-scrollbar--dragging .gallery-scrollbar-thumb{cursor:grabbing}.gallery-status{color:#a3a3a3;place-items:center;min-height:calc(100% - 1.75rem);margin:0;font:500 .875rem/1.5 system-ui,sans-serif;display:grid}.masonry{opacity:0;flex:1 0 auto;transition:opacity .16s;position:relative;overflow:clip}.masonry-feed--suspended{pointer-events:none;overflow:hidden}.masonry--ready{opacity:1}.masonry-item{transition:transform .42s cubic-bezier(.22, 1, .36, 1) var(--masonry-entry-delay,0s);background:#171717;border-radius:.5rem;position:absolute;top:0;left:0;overflow:hidden}.masonry-item.media-card--entering{will-change:transform;transition:none}.masonry-item.media-card--leaving{pointer-events:none;will-change:transform}.media-card{background:#171717}.media-card[role=button]{cursor:pointer}.media-card[role=button]:focus-visible{outline-offset:-2px;outline:2px solid #f5f5f5}.media-card-focus-silent:focus{outline:none!important}.media-card--error{background:#121212}.media-card--transparent-chrome{background:0 0}.media-card-content{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.media-card-media{background:#171717;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.media-card-media--carousel,.reel-item .media-card-media{touch-action:pan-y}.reel-item .media-card-media[data-zoomed]{touch-action:none}.reel-item .media-card-media[data-zoomed] .media-preview--ready{transform:translate(var(--vibe-media-pan-x), var(--vibe-media-pan-y)) scale(var(--vibe-media-zoom));cursor:grab;transition-property:opacity}.vibe-media-fit{z-index:7;color:#f5f5f5;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#080808bf;border:1px solid #ffffff59;border-radius:3px;padding:0 .75rem;position:absolute;top:.5rem;right:.5rem}.vibe-media-fit:focus-visible{outline-offset:2px;outline:2px solid #f5f5f5}.vibe-surface[data-reel-fullscreen] .reel-shell{--gallery-padding:0px}.media-card-frame{position:absolute;inset:0}.media-slide-next-enter-active,.media-slide-next-leave-active,.media-slide-previous-enter-active,.media-slide-previous-leave-active{will-change:opacity, transform;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1)}.media-slide-next-enter-from,.media-slide-previous-leave-to{opacity:.72;transform:translate(100%)}.media-slide-next-leave-to,.media-slide-previous-enter-from{opacity:.72;transform:translate(-100%)}.media-card-header,.media-card-footer{z-index:2;pointer-events:auto;background:#111;flex:none;min-width:0;position:relative;overflow:hidden}.media-card-region--transparent{background:0 0}.media-card-activator{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.media-card-activator:focus-visible{outline-offset:-2px;outline:2px solid #f5f5f5}.media-carousel-controls{z-index:4;pointer-events:none;opacity:0;visibility:hidden;justify-content:space-between;transition:opacity .16s,visibility .16s;display:flex;position:absolute;top:50%;left:.625rem;right:.625rem;transform:translateY(-50%)}.media-card:hover .media-carousel-controls,.media-carousel-controls--persistent{opacity:1;visibility:visible}.media-card:focus-within:not(.media-card-focus-silent):not(:has(.media-card-focus-silent)) .media-carousel-controls{opacity:1;visibility:visible}.media-carousel-control{color:#f5f5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#080808c7;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .16s,opacity .16s,transform .16s;display:grid}.media-carousel-control:hover:not(:disabled){background:#262626f0;transform:scale(1.04)}.media-carousel-control:active:not(:disabled){transform:scale(.96)}.media-carousel-control:disabled{cursor:default;opacity:.28}.media-carousel-control:focus-visible{outline-offset:3px;outline:2px solid #f5f5f5}.media-preview--reel-video{cursor:default}.media-audio-element{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.media-audio-artwork{color:#d4d4d4;cursor:pointer;border:0;padding:0;position:relative}.media-audio-artwork:disabled{color:#d4d4d4;cursor:default}.media-audio-artwork:focus-visible{outline-offset:-3px;outline:2px solid #f5f5f5}.media-audio-cover{object-fit:cover;width:100%;height:100%;display:block}.reel-item .media-audio-cover{object-fit:contain}.media-audio-fallback{background:radial-gradient(circle,#ffffff1a 0 13%,#0000 14%),radial-gradient(circle,#262626 0 42%,#171717 43% 100%);place-items:center;width:100%;height:100%;display:grid}.media-controls{z-index:5;color:#f5f5f5;cursor:default;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid;position:absolute;bottom:0;left:0;right:0}.reel-media-controls-host{--vibe-reel-media-seek-height:.9rem;--vibe-reel-media-row-height:2.5rem;--vibe-reel-media-control-gap:0rem;z-index:6;height:calc(var(--vibe-reel-media-seek-height) + var(--vibe-reel-media-row-height) + var(--vibe-reel-media-control-gap));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.reel-media-controls-host .media-controls{gap:var(--vibe-reel-media-control-gap);pointer-events:auto;position:absolute;inset:0}.reel-media-controls-host .media-control-seek{height:var(--vibe-reel-media-seek-height)}.reel-media-controls-host .media-controls--image{pointer-events:none;top:auto}.media-controls--image:not([inert],.vibe-reel-media-controls-leave-active) .media-control-options{pointer-events:auto}.reel-media-controls-host .media-controls-row{min-height:var(--vibe-reel-media-row-height)}.vibe-reel-media-controls-enter-active,.vibe-reel-media-controls-leave-active{transition:opacity .18s,transform .18s}.reel-media-controls-host .vibe-reel-media-controls-leave-active{pointer-events:none}.vibe-reel-media-controls-enter-from,.vibe-reel-media-controls-leave-to{opacity:0;transform:translateY(.25rem)}.media-controls-row{justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.375rem;display:flex}.media-controls-audio{background:#0808084d;border-radius:3px;align-items:center;gap:.375rem;min-width:0;padding:.125rem .375rem .125rem .125rem;display:flex;position:relative}.media-control-button{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:#0808084d;border:0;border-radius:3px;flex:none;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid}.media-controls-audio .media-control-button{background:0 0}.media-control-button:hover{background:#2626264d;transform:scale(1.04)}.media-controls-audio .media-control-button:hover{background:#ffffff29}.media-control-button:active{transform:scale(.92)}.media-control-button:focus-visible,.media-control-range:focus-visible,.media-control-option:focus-visible{outline-offset:2px;outline:2px solid #f5f5f5}.media-control-time{color:#f5f5f5;font-variant-numeric:tabular-nums;white-space:nowrap;background:#0808084d;border-radius:3px;flex:none;padding:.5rem .75rem;font:500 .72rem/1 system-ui,sans-serif}.media-control-range{appearance:none;background:linear-gradient(to right, #f5f5f5 var(--media-range-progress), #ffffff4d var(--media-range-progress));cursor:pointer;height:.9rem;margin:0}.media-control-range::-webkit-slider-thumb{appearance:none;background:#f5f5f5;border:0;border-radius:3px;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #0000004d}.media-control-range::-webkit-slider-runnable-track{background:0 0;height:100%}.media-control-range::-moz-range-thumb{background:#f5f5f5;border:0;border-radius:3px;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #0000004d}.media-control-range::-moz-range-track{background:0 0;height:100%}.media-control-range:disabled{cursor:default;opacity:.45}.media-control-seek{border-radius:0;width:100%;height:.45rem}.media-control-seek::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;background:0 0;border-radius:0}.media-control-volume::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;background:0 0;border-radius:0}.media-control-seek::-moz-range-thumb{width:0;height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.media-control-volume::-moz-range-thumb{width:0;height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.media-control-volume-panel{align-items:center;display:flex}.media-control-volume{border-radius:0;width:5rem;min-width:2.75rem}.media-controls .media-control-volume-toggle{display:none}.media-control-options{margin-left:auto;position:relative}.media-control-options-body{display:grid}.media-control-options-body>:is(.media-control-option,.media-control-advance-duration,.media-control-rate){padding:.375rem .75rem}.media-control-options-body>.media-control-option{text-align:start;border:0;border-radius:0}.media-control-options-body>.media-control-option:focus-visible{outline-offset:-2px}.media-control-custom-action{text-align:start}.media-control-advance-duration{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;display:flex}.media-control-advance-duration:is(:hover,:has(:focus-visible)){background:#ffffff1f}.media-control-duration-stepper{border:1px solid #ffffff4d;border-radius:3px;align-items:stretch;display:inline-flex}.media-control-duration-stepper :is(button,input){min-height:44px;color:inherit;font:inherit;background:0 0;border:0}.media-control-duration-stepper button{cursor:pointer;place-items:center;width:44px;display:grid}.media-control-duration-stepper button:disabled{opacity:.5;cursor:default}.media-control-duration-stepper button:not(:disabled):hover{background:#ffffff1f}.media-control-duration-stepper :is(button,input):focus-visible{outline-offset:-2px;outline:2px solid}.media-control-duration-stepper input{appearance:textfield;text-align:center;border-inline:1px solid #ffffff4d;width:3.5rem}.media-control-duration-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.media-control-duration-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.media-control-option:disabled{opacity:.5;cursor:default}.media-control-drawer{border:0;color:#f5f5f5;background:#171717;border-top:1px solid #ffffff4d;border-radius:3px 3px 0 0;width:100%;max-width:none;max-height:80dvh;margin:0;padding:0;font:500 .875rem/1.4 system-ui,sans-serif;position:fixed;inset:auto 0 0;overflow:hidden}.media-control-drawer[open]{flex-direction:column;display:flex}.media-control-drawer--custom{color:inherit;font:inherit;overscroll-behavior:contain;background:0 0;border:0;border-radius:0;overflow:auto}.media-control-drawer::backdrop{background:#0000008c}.media-control-drawer-header{border-bottom:1px solid #fff3;flex:none;justify-content:space-between;align-items:center;padding:.375rem 1rem;display:flex}.media-control-drawer .media-control-options-body{overscroll-behavior:contain;padding-block-end:env(safe-area-inset-bottom);overflow:auto}@media (prefers-reduced-motion:no-preference){.media-control-drawer[open]{animation:.18s ease-out vibe-options-drawer-in}@keyframes vibe-options-drawer-in{0%{transform:translateY(100%)}}}.media-control-options-panel{color:#f5f5f5;background:#171717;border:1px solid #ffffff4d;border-radius:3px;gap:.75rem;width:max-content;max-width:calc(100vw - 1.5rem);padding:0;font:500 .75rem/1.4 system-ui,sans-serif;display:grid;position:absolute;bottom:calc(100% + .75rem);right:0}.media-control-option{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.375rem;transition:background .14s,border-color .14s}.media-control-option:hover{background:#ffffff1f}.media-control-option[aria-pressed=true]{background:#ffffff29;border-color:currentColor}.media-control-rate{gap:.375rem;display:grid}.media-control-rates{flex-wrap:wrap;gap:.25rem;display:flex}.media-control-options-panel :is(.media-control-duration-stepper :is(button,input),.media-control-rates button){min-height:2rem}.media-control-options-panel .media-control-duration-stepper button{width:2rem}.media-control-options-panel .media-control-duration-stepper input{width:2.75rem}.media-control-options-panel .media-control-rates button{min-width:2rem}.media-control-popover-enter-active,.media-control-popover-leave-active{transition:opacity .14s,transform .14s}.media-control-popover-enter-from,.media-control-popover-leave-to{opacity:0;transform:translateY(.375rem)}@media (width<=700px){.reel-media-controls-host{--vibe-reel-media-seek-height:.9rem;--vibe-reel-media-row-height:3.75rem;--vibe-reel-media-control-gap:1rem}.media-controls--reel{gap:1rem}.media-controls-row{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:.375rem;padding:.5rem;display:grid;position:relative}.media-controls--reel .media-control-button{width:44px;height:44px}.media-controls--reel .media-control-button svg{width:27px;height:27px}.media-control-playback{grid-area:1/1}.media-control-time{pointer-events:none;justify-self:center;padding-inline:.5rem;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-controls-audio{background:0 0;grid-area:1/3;padding:0}.media-controls .media-control-mute{display:none}.media-controls .media-control-volume-toggle{background:#0808084d;display:grid}.media-control-options{grid-area:1/4;margin-left:0}.media-control-volume-panel{opacity:0;visibility:hidden;pointer-events:none;background:#0808084d;border-radius:3px;justify-content:center;width:44px;height:10rem;padding:.75rem 0;transition:opacity .14s,transform .14s,visibility 0s .14s;display:flex;position:absolute;bottom:calc(100% + .75rem);right:0;transform:translateY(.375rem)}.media-control-volume-panel--open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.media-control-volume{writing-mode:vertical-lr;background:linear-gradient(to top, #f5f5f5 var(--media-range-progress), #ffffff4d var(--media-range-progress));touch-action:none;direction:rtl;flex:none;width:.9rem;min-width:0;height:100%}}@media (width<=380px){.media-control-time{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.media-control-volume-panel,.media-control-popover-enter-active,.media-control-popover-leave-active{transition-duration:.01ms}}.media-controls--reel{transition:transform .18s ease-out,opacity .18s ease-out,visibility}.media-controls--reel.media-controls--idle-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s ease-out,opacity .18s ease-out,visibility 0s .18s;transform:translateY(calc(100% + 1rem))}@media (prefers-reduced-motion:reduce){.media-controls--reel,.media-controls--reel.media-controls--idle-hidden{transition-duration:.01ms;transition-delay:0s}}.reel-feed{scroll-snap-type:y mandatory;scrollbar-color:auto;scrollbar-gutter:auto;scrollbar-width:none;flex:auto;width:100%;min-height:0;padding:0;container-type:size}.reel-viewport{--reel-preview-width:clamp(6rem, 33cqw, 16rem);--reel-preview-height:clamp(3.75rem, 17cqh, 7rem);--reel-preview-duration:.22s;grid-template-columns:var(--preview-left,0px) minmax(0, 1fr) var(--preview-right,0px);grid-template-rows:var(--preview-top,0px) minmax(0, 1fr) var(--preview-bottom,0px);width:100%;min-height:0;transition:grid-template-columns var(--reel-preview-duration) ease-in-out, grid-template-rows var(--reel-preview-duration) ease-in-out;flex:auto;display:grid;position:relative;overflow:clip;container-type:size}.reel-viewport>.reel-feed{height:100%}.reel-viewport:has(>.reel-previews:not(.vibe-reel-previews-enter-from,.vibe-reel-previews-leave-to))[data-preview-placement=left]{--preview-left:clamp(6rem, 33%, 16rem)}.reel-viewport:has(>.reel-previews:not(.vibe-reel-previews-enter-from,.vibe-reel-previews-leave-to))[data-preview-placement=right]{--preview-right:clamp(6rem, 33%, 16rem)}.reel-viewport:has(>.reel-previews:not(.vibe-reel-previews-enter-from,.vibe-reel-previews-leave-to))[data-preview-placement=top]{--preview-top:clamp(3.75rem, 17%, 7rem)}.reel-viewport:has(>.reel-previews:not(.vibe-reel-previews-enter-from,.vibe-reel-previews-leave-to))[data-preview-placement=bottom]{--preview-bottom:clamp(3.75rem, 17%, 7rem)}.reel-viewport>:is(.reel-feed,.reel-media-controls-host){grid-area:2/2/3/3}.reel-viewport[data-preview-placement=bottom]:has(>.reel-previews)>.reel-media-controls-host{clip-path:inset(-100vmax -100vmax 0)}.reel-previews{background:var(--vibe-reel-preview-background,#161b24);min-width:0;min-height:0;color:var(--vibe-reel-preview-color,#e5eaf4);width:var(--reel-preview-width);box-sizing:border-box;flex-direction:column;grid-area:2/3;gap:.375rem;padding:.375rem;font-size:.75rem;display:flex;overflow:clip}[data-preview-placement=left]>.reel-previews{grid-area:2/1;justify-self:end}[data-preview-placement=top]>.reel-previews{grid-area:1/2;align-self:end}[data-preview-placement=bottom]>.reel-previews{grid-area:3/2}[data-preview-placement]:is([data-preview-placement=top],[data-preview-placement=bottom])>.reel-previews{width:100%;height:var(--reel-preview-height);flex-direction:row}.reel-previews:is(.vibe-reel-previews-enter-active,.vibe-reel-previews-leave-active){transition:opacity var(--reel-preview-duration) ease-in-out;pointer-events:none}.vibe-reel-previews-enter-from,.vibe-reel-previews-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.reel-viewport{--reel-preview-duration:0s}}.reel-preview-count{grid-template-columns:repeat(3,minmax(0,2.75rem));justify-content:end;gap:.125rem;display:grid}.reel-previews button{min-height:2rem;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.1875rem}.reel-previews button:is(:hover,:focus-visible,[aria-pressed=true]){border-color:currentColor}.reel-previews .reel-preview-arrow{flex:none;place-items:center;min-width:2rem;padding:0;display:grid}.reel-previews .reel-preview-arrow[aria-disabled=true]{cursor:default}.reel-preview-arrow[aria-disabled=true] svg{opacity:.45}.reel-previews .reel-preview-arrow[aria-disabled=true]:hover:not(:focus-visible){border-color:#0000}.reel-preview-arrow svg{width:1rem;height:1rem}.reel-preview-viewport{--preview-gap:.375rem;flex:1;min-width:0;min-height:0;overflow:clip}.reel-preview-list{gap:var(--preview-gap);flex-direction:column;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}:is([data-preview-placement=top],[data-preview-placement=bottom]) .reel-preview-list{flex-direction:row}:is([data-preview-placement=top],[data-preview-placement=bottom]) .reel-preview-count{grid-template-columns:minmax(2rem,auto)}.reel-preview-list li{flex:0 0 max(0px, calc((100% + var(--preview-gap)) / var(--preview-count) - var(--preview-gap)));background:var(--vibe-reel-preview-tile,#080808);border-radius:.1875rem;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.reel-previews .reel-preview-card{width:100%;min-height:0;padding:0;position:absolute;inset:0}.reel-preview-card:focus-visible{outline-offset:-2px;outline:2px solid}.reel-preview-media{place-items:center;display:grid;position:absolute;inset:0}.reel-preview-media :is(img,video){object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reel-preview-media[data-nsfw-presentation=blur] :is(img,video){filter:blur(20px)}.reel-preview-label{text-align:center;background:var(--vibe-reel-preview-tile,#080808);padding:.25rem;position:absolute;inset:auto 0 0}.reel-preview-list svg{width:1rem;height:1rem}.reel-preview-spinner{flex:none;width:1rem;height:1rem;animation:.8s linear infinite vibe-reel-loading}@media (prefers-reduced-motion:reduce){.reel-preview-spinner{animation:none}}@media (pointer:coarse){.reel-previews button{min-height:2.75rem}.reel-previews .reel-preview-arrow{min-width:2.75rem}}.reel-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);width:100%;height:100%;min-height:0;padding:var(--gallery-padding);-webkit-user-select:none;user-select:none;background:#080808;flex-direction:column;display:flex;overflow:hidden}.media-card-overlay-host{pointer-events:none;z-index:4;position:absolute;inset:0}.reel-shell>.media-card-region{width:100%}.reel-shell>.media-card-header{border-radius:.5rem .5rem 0 0}.reel-shell>.media-card-footer{border-radius:0 0 .5rem .5rem}.reel-feed::-webkit-scrollbar{width:0;height:0;display:none}.reel-feed[data-resizing],.reel-feed[data-preview-jump],.reel-feed[data-transitioning]{scroll-snap-type:none}.reel-feed[data-preview-jump]:has([data-preview-layer]) .reel-item:not([data-preview-layer]){visibility:hidden}.reel-feed[data-preview-jump]{overflow-y:hidden}.reel-feed[data-preview-jump] .reel-item{pointer-events:none}.reel-forward-status{color:#a3a3a3;text-align:center;place-content:center;place-items:center;gap:.75rem;min-height:100%;font:500 .875rem/1.5 system-ui,sans-serif;display:grid}.reel-forward-status p{margin:0}.reel-forward-retry{color:#f5f5f5;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.25rem;min-height:2rem;padding:.375rem .75rem}.reel-forward-retry:hover,.reel-forward-retry:focus-visible{background:#262626;border-color:#737373}.reel-forward-retry:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.reel-track{width:100%;display:grid}.reel-item{scroll-snap-align:start;scroll-snap-stop:always;background:#080808;width:100%;min-width:0;height:100%;padding:0;position:relative}.reel-item .media-card-content{background:#171717;border-radius:.5rem;overflow:hidden}.reel-shell--has-header .reel-item .media-card-content{border-top-left-radius:0;border-top-right-radius:0}.reel-shell--has-footer .reel-item .media-card-content{border-bottom-right-radius:0;border-bottom-left-radius:0}.reel-item .media-preview{object-fit:contain;transition:opacity .16s ease-out,transform .16s ease-out}.reel-feed .gallery-footer{scroll-snap-align:end}.reel-auto-advance{width:calc(100% + (var(--gallery-padding) * 2));margin-right:calc(var(--gallery-padding) * -1);margin-bottom:calc(var(--gallery-padding) * -1);margin-left:calc(var(--gallery-padding) * -1);background:#ffffff2e;flex:0 0 .25rem;overflow:hidden}.reel-auto-advance-progress{transform-origin:0;width:100%;height:100%;animation:reel-auto-advance var(--vibe-reel-auto-advance-duration) linear forwards;background:#f5f5f5;display:block;transform:scaleX(0)}@keyframes reel-auto-advance{to{transform:scaleX(1)}}.media-loading,.media-error{z-index:1;position:absolute;inset:0}.media-loading{background:#171717;overflow:hidden}.media-loading-shimmer{background:linear-gradient(105deg,#0000 30%,#ffffff12 46%,#ffffff1c 50%,#ffffff12 54%,#0000 70%);animation:1.4s ease-in-out infinite media-loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}.media-error{z-index:3;color:#a3a3a3;pointer-events:none;text-align:center;background:linear-gradient(145deg,#171717,#101010);align-content:center;justify-items:center;gap:.375rem;padding:1rem;font:500 .75rem/1.35 system-ui,sans-serif;display:grid}.media-error-retry{color:#f5f5f5;cursor:pointer;pointer-events:auto;background:#171717;border:1px solid #404040;border-radius:.25rem;min-height:2rem;margin-top:.375rem;padding:.375rem .75rem}.media-error-component{pointer-events:auto;display:contents}.media-error-retry:hover,.media-error-retry:focus-visible{background:#262626;border-color:#737373}.media-error-retry:disabled{cursor:wait;opacity:.72}.media-error-retry:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.media-error-code{color:#e5e5e5;letter-spacing:.04em;font:650 1rem/1 system-ui,sans-serif}.media-preview{opacity:0;object-fit:cover;background:#171717;width:100%;height:100%;transition:opacity .22s,transform .32s;display:block;transform:scale(1.01)}.media-preview--ready{opacity:1;transform:none}.gallery-footer{place-items:center;min-height:5rem;display:grid}.load-more-status{color:#a3a3a3;margin:0;font:500 .8125rem/1.5 system-ui,sans-serif}.end-feed{justify-items:center;gap:.625rem;animation:.22s both end-feed-enter;display:grid}.end-feed-message{color:#a3a3a3;margin:0;font:500 .8125rem/1.5 system-ui,sans-serif}.load-more-button{color:#f5f5f5;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:999px;min-width:8rem;min-height:2.5rem;padding:.625rem 1rem;font:600 .8125rem/1 system-ui,sans-serif;transition:border-color .16s,background .16s,transform .16s}.load-more-button:not(:disabled):hover{background:#262626;border-color:#737373}.load-more-button:not(:disabled):active{transform:translateY(1px)}.load-more-button:disabled{color:#737373;cursor:not-allowed;background:#171717;border-color:#262626}.load-more-button:focus-visible{outline-offset:3px;outline:2px solid #a3a3a3}@keyframes media-loading-shimmer{to{transform:translate(100%)}}@keyframes end-feed-enter{0%{opacity:0;transform:translateY(.375rem)}}@media (prefers-reduced-motion:reduce){.masonry,.masonry-item,.load-more-button,.end-feed,.media-control-button,.media-carousel-control,.media-carousel-controls,.media-slide-next-enter-active,.media-slide-next-leave-active,.media-slide-previous-enter-active,.media-slide-previous-leave-active,.vibe-reel-media-controls-enter-active,.vibe-reel-media-controls-leave-active,.media-preview,.gallery-scrollbar,.gallery-scrollbar-thumb,.vibe-reel-viewer-enter-active,.vibe-reel-viewer-leave-active,.vibe-info-sheet-enter-active,.vibe-info-sheet-leave-active,.vibe-info-sheet-enter-active>.reel-info-sheet,.vibe-info-sheet-leave-active>.reel-info-sheet{transition:none}.media-loading-shimmer{animation:none}}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}:root{color:#e9f2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--page:#071321;--surface:#0c1e33;--supporting:#152e4a;--text:#e9f2ff;--muted:#adc4de;--primary:#3b82f6;--cyan:#06b6d4;--line:#234260;background:#071321;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#45688d transparent}html{min-width:320px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::selection{color:var(--text);background:#245b9c}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#45688d;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-page{flex-direction:column;height:100dvh;min-height:280px;display:flex}.site-header{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:28px;min-height:68px;padding:10px 18px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:8px;min-height:44px;font-size:23px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;display:block}.filter-tabs,.playground-actions{align-items:center;display:flex}.filter-tabs{gap:3px}.filter-tabs button{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:0 16px;font-size:12px;transition:color .14s,background .14s}.filter-tabs button:hover{color:var(--text);background:var(--supporting)}.filter-tabs button[aria-pressed=true]{color:var(--text);background:#1b3d63}.playground-actions{gap:8px;margin-left:auto}.reset-button,.project-link{width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:3px;place-items:center;padding:0;transition:background .14s,color .14s;display:grid}.reset-button:hover,.project-link:hover{color:var(--text);background:var(--supporting)}.playground{flex-direction:column;flex:1;min-height:0;display:flex}.showcase-preview-settings{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:0 .75rem;padding-inline:.625rem;display:flex}.showcase-preview-settings [aria-label=Preview\ placement] button{text-transform:capitalize}.showcase-preview-settings [aria-label=Preview\ count] button{min-width:44px}.showcase-preview-settings output{color:var(--muted);font-size:12px}.showcase-stage{background:var(--page);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.showcase-feed{flex:1;width:100%;min-height:0}.showcase-feed>.vibe-surface{height:100%}.showcase-feed .vibe-surface,.showcase-feed .reel-layout,.showcase-feed .vibe-reel-overlay{background:var(--page)}.showcase-feed .masonry-feed-shell{--gallery-padding:10px}.showcase-feed .media-card{border-radius:3px}.showcase-feed .media-card-footer{background:var(--surface)}.stage-status-bar{background:var(--surface);min-height:34px;color:var(--muted);border-top:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:24px;padding:7px 18px;font-size:10px;line-height:1.4;display:flex}.stage-counters{flex-shrink:0;gap:14px;display:flex}.stage-counters b{color:var(--text);font-weight:500}.stage-status{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.status-dot{background:var(--cyan);border-radius:1px;flex-shrink:0;width:4px;height:4px}.is-busy .status-dot{background:#76b0ff}.showcase-card-footer{width:100%;height:100%;color:var(--text);align-items:center;gap:8px;padding:4px 3px 4px 11px;display:flex}.showcase-card-caption{flex-direction:column;flex:1;min-width:0;display:flex}.showcase-card-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.showcase-card-caption>span{display:none}.showcase-card-stack{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:inline-flex}.showcase-card-info{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:2px;flex-shrink:0;place-items:center;padding:0;transition:color .14s,background .14s;display:grid}.showcase-card-info:hover{color:var(--text);background:var(--supporting)}.showcase-error{z-index:20;color:#fff;background:#48212c;border:1px solid #d17b8f;padding:12px;font-size:13px;position:absolute;top:14px;left:14px;right:14px}.showcase-error button{color:inherit;background:0 0;border:1px solid;border-radius:2px;min-height:44px;margin-left:12px;padding:0 12px}.provenance-sheet{background:var(--surface);height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex}.provenance-sheet-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 15px;display:flex}.provenance-sheet-header h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:500;line-height:1.2}.sheet-close{border:1px solid var(--line);width:44px;height:44px;color:inherit;background:0 0;border-radius:2px;flex-shrink:0;place-items:center;display:grid}.sheet-close:hover{background:var(--supporting)}.provenance-sheet-body{flex:1;min-height:0;padding:20px;overflow:auto}.provenance-sheet-body>p{max-width:65ch;margin:0 0 26px;font-size:14px;line-height:1.75}.provenance-sheet dl{margin:0 0 28px}.provenance-sheet dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;font-size:12px;display:flex}.provenance-sheet dt{color:var(--muted)}.provenance-sheet dd{text-align:right;margin:0}.provenance-sheet-body>.provenance-note{color:var(--muted);margin-bottom:17px;font-size:12px;line-height:1.7}.provenance-sheet-footer{border-top:1px solid var(--line);flex-shrink:0;padding:14px 20px}.provenance-sheet-footer a{align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}@media (width<=900px){.site-header{gap:16px;padding-left:10px;padding-right:10px}.filter-tabs button{padding:0 10px}.playground-actions{gap:3px}.project-link{display:none}.stage-status-bar{gap:14px;padding-left:12px;padding-right:12px}}@media (width<=700px){.site-header{grid-template-columns:1fr auto;gap:4px 8px;padding:8px 10px;display:grid}.wordmark{gap:5px;font-size:22px}.brand-mark{width:32px;height:32px}.playground-actions{grid-area:1/2}.filter-tabs{grid-area:2/1/auto/-1;justify-content:space-between}.filter-tabs button{flex:1;padding:0 8px}.stage-status-bar{grid-template-columns:1fr auto;gap:3px 10px;padding:6px 10px;display:grid}.stage-counters{gap:10px}.stage-status{grid-area:1/2}.showcase-feed .masonry-feed-shell{--gallery-padding:6px}.showcase-feed .masonry-feed{padding-right:10px}.showcase-card-footer{gap:3px;padding-left:7px}.showcase-card-caption strong{font-size:11px}.showcase-card-stack{display:none}}.showcase-feed .vibe-reel-overlay{flex-direction:column;display:flex}.showcase-feed .vibe-reel-overlay>.reel-layout{flex:1;height:auto}.showcase-reel-toolbar{order:-1;gap:6px;padding:6px 10px 0;display:flex}.showcase-reel-back{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:background .14s ease-out;display:inline-flex}.showcase-reel-back:hover{background:var(--supporting)}.showcase-reel-back[aria-pressed=true]{background:var(--supporting);border-color:var(--primary)}.vibe-surface[data-reel-fullscreen] .showcase-reel-toolbar{display:none}.showcase-reel-back:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.showcase-feed{--vibe-reel-spinner-track:var(--line);--vibe-reel-spinner-accent:var(--cyan);--vibe-reel-preview-background:var(--surface);--vibe-reel-preview-color:var(--text);--vibe-reel-preview-tile:var(--page)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}