:root{color-scheme:dark;--bg:#06090c;--text:#f3f5f4;--muted:#969eaa;--line:#ffffff13;--lime:#ccff00;--cyan:#12e7d6;--blue:#2979ff;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}body::before{content:"";position:absolute;inset:0 0 auto;height:100svh;background:radial-gradient(ellipse at 43% 38%,#13333125,transparent 55%);pointer-events:none;z-index:-1}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%}svg{flex-shrink:0}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;top:10px;left:16px;z-index:100;padding:12px;background:var(--lime);color:#111;transform:translateY(-150%)}.skip-link:focus{transform:none}
.shell{width:min(1920px,calc(100% - 64px));margin-inline:auto}.section-shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand img{width:154px;height:auto}.site-nav{display:flex;gap:30px;align-items:center;color:#afb5bd;font-size:12px}.site-nav a{padding-block:12px;transition:color .18s}.site-nav a:hover{color:var(--text)}.header-cta{display:flex;align-items:center;gap:17px;border:1px solid #ffffff2b;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:600;transition:border-color .18s}.header-cta:hover{border-color:#ccff0090}.header-cta .icon{width:16px;height:16px}
.hero{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,.82fr) minmax(0,1.5fr);gap:clamp(20px,1.65vw,34px);align-items:center;min-height:calc(100svh - 76px);padding-block:24px 36px}.hero-copy{min-width:0;padding-right:5px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:10px;line-height:1.5;letter-spacing:.14em;font-weight:650;color:var(--lime)}.eyebrow>span{width:5px;height:5px;background:var(--lime);border-radius:50%}h1{margin:0;font-size:clamp(33px,3.08vw,61px);line-height:1.025;letter-spacing:-.055em;font-weight:760}h1>span{display:block}.gradient-text{background:linear-gradient(100deg,#ccff00 0%,#27ead0 54%,#5387ff 96%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{margin:25px 0 26px;color:#a4adb5;font-size:clamp(12px,1vw,15px);line-height:1.8;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;padding:12px 20px;background:var(--lime);color:#142005;font-size:12px;font-weight:700;border-radius:7px;box-shadow:0 4px 22px #ccff000b;transition:background .2s,box-shadow .2s}.button-primary:hover{background:#d8ff3d;box-shadow:0 4px 25px #ccff0018}.button-primary .icon{width:18px;height:18px}.replay-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 0;background:none;color:#b3bbc3;font-size:11px}.replay-button:hover{color:white}.replay-button .icon{width:15px;height:15px}.hero-proof{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;color:#7e8993;font-size:10px}.hero-proof>span{display:flex;align-items:center;gap:7px}.hero-proof .icon{width:15px;height:15px}.frame-icon{width:16px;height:10px;border:1px solid #84929e;border-radius:1px}
.editor-column{min-width:0;width:min(100%,calc(100svh - 344px));justify-self:center}.player-column{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;margin-bottom:7px}.panel-heading h2{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550;letter-spacing:.01em;margin:0;white-space:nowrap}.step-number{color:#91a091;font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-actions{display:flex;align-items:center;gap:5px}.demo-badge{font-size:8px;color:#7f9397;letter-spacing:.1em}.icon-button{display:grid;place-items:center;background:transparent;width:29px;height:29px;border-radius:5px;color:#8c9bA6}.icon-button:hover{background:#ffffff12;color:#fff}.icon-button .icon{width:13px;height:13px}.tab-hint{font-size:8px;color:#798b97;letter-spacing:.07em;white-space:nowrap}.tab-hint>span{padding-left:3px;font-size:13px}
.editor{display:grid;grid-template-columns:42px minmax(0,1fr);background:white;color:#181818;border-radius:10px;border:1px solid #ffffff55;overflow:hidden;box-shadow:0 25px 65px #0004;pointer-events:none;user-select:none;color-scheme:light}.ig-sidebar{border-right:1px solid #e9e9e9;display:flex;flex-direction:column;align-items:center;padding:16px 0 12px;gap:22px}.ig-logo .icon{width:23px;height:23px;stroke-width:1.9}.ig-sidebar-main{display:flex;flex-direction:column;align-items:center;gap:21px}.ig-sidebar .icon{width:19px;height:19px}.ig-sidebar-main .icon:first-child{fill:#181818;stroke-width:1.3}.ig-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:20px}.sidebar-avatar{width:21px;height:21px;border-radius:50%;object-fit:cover;border:1px solid #c9c9c9}.ig-content{min-width:0}.profile-head{height:132px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:13px;padding:12px 13px 10px}.avatar-ring{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(25deg,#ffd36f,#e45778 48%,#ac52c5)}.avatar{width:100%;height:100%;object-fit:cover;border:3px solid #fff;border-radius:50%}.profile-copy{min-width:0}.profile-name{display:flex;align-items:center;gap:9px;white-space:nowrap}.profile-name>strong{font-size:12px;font-weight:600;letter-spacing:-.02em}.follow-visual{background:#3798f0;border-radius:4px;padding:4px 11px;color:#fff;font-size:8px;font-weight:600}.profile-more{font-size:18px;line-height:1;font-weight:700;margin-left:auto;letter-spacing:1px}.profile-stats{display:flex;gap:10px;margin:10px 0;font-size:7.7px;white-space:nowrap}.profile-stats b{font-weight:650}.profile-copy p{font-size:8.2px;line-height:1.5;margin:0;letter-spacing:-.01em}.profile-copy p>span{color:#7a7a7a}.profile-copy p>b{font-weight:600}.ig-tabs{height:32px;display:flex;justify-content:space-around;align-items:stretch;border-top:1px solid #ededed}.ig-tabs>span{width:33.333%;display:grid;place-items:center;color:#8c8c8c;position:relative}.ig-tabs>span.active{color:#111}.ig-tabs>span.active::before{content:"";width:27px;height:1px;background:#222;position:absolute;top:-1px;left:50%;transform:translateX(-50%)}.ig-tabs .icon{width:14px;height:14px;stroke-width:1.6}
.photo-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#fff;isolation:isolate;pointer-events:none}.post{margin:0;position:relative;aspect-ratio:3/4;min-width:0;overflow:hidden;background:#d0d6d4}.post>img{width:100%;height:100%;object-fit:cover;transform:none;transition:none;pointer-events:none}.focus-frame{position:absolute;z-index:4;border:1px solid var(--lime);background:#ccff0007;box-shadow:0 0 0 .5px #08130c65;opacity:.6;pointer-events:none;transition:opacity .3s}.focus-frame.active{opacity:1;z-index:6}.focus-frame.drawing{border-style:dashed;background:#ccff0009}.photo-grid.is-drawing .focus-frame:not(.active){opacity:.6}.frame-label{position:absolute;left:-1px;top:-14px;height:13px;min-width:16px;padding:1px 3px;display:grid;place-items:center;background:#0c1218d9;border:1px solid #ffffff66;border-radius:3px;color:#fff;font-size:7px;font-weight:600;line-height:1;white-space:nowrap;box-shadow:0 1px 3px #0003}.focus-frame.active .frame-label{border-color:#ccff0080}.focus-frame.label-inside .frame-label{top:2px;left:2px}.focus-point{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid white;border-radius:50%;background:var(--blue);transform:translate(-50%,-50%);box-shadow:0 0 0 1px #10161c66}.frame-delete{position:absolute;right:2px;top:2px;width:11px;height:11px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;background:#101419b0;color:white;font:10px/1 Arial,sans-serif}.resize-handle{position:absolute;right:-2px;bottom:-2px;width:4px;height:4px;border:1px solid white;background:var(--lime);display:none}.focus-frame.active:not(.drawing) .resize-handle{display:block}.focus-frame.drawing .focus-point,.focus-frame.drawing .frame-delete,.focus-frame.drawing .resize-handle{visibility:hidden}.grid-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}.transition-path{fill:none;stroke-width:1.35;stroke-dasharray:4 3;stroke-linecap:round;opacity:.9}.transition-underlay{fill:none;stroke:#09171c88;stroke-width:2.4;stroke-dasharray:4 3;stroke-linecap:round}.transition-path.active{opacity:1;stroke-width:1.6}.curve-point{fill:#1c2530;stroke:white;stroke-width:1.1}.edit-cursor{position:absolute;left:0;top:0;width:16px;height:21px;z-index:10;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #0007)}.edit-cursor.pressed{filter:drop-shadow(0 0 3px #ccff00)}.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:7px 10px;background:#fff;color:#697079;font-size:8px;line-height:1.35}.editor-foot p{margin:0;max-width:85%}.editor-foot>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#727b83}
.album-stage{position:relative;aspect-ratio:16/9;background:#10191d;border-radius:9px;overflow:hidden;isolation:isolate;pointer-events:auto;box-shadow:0 22px 70px #0004,0 0 0 1px #ffffff08}.image-layer{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;z-index:1}.image-layer:first-child{opacity:1}.image-layer img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform;user-select:none}.player-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(transparent 65%,#0006);pointer-events:none;transition:opacity .6s}.player-chrome{transition:opacity .55s,transform .55s}.player-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:4px;background:#11171ddd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 7px;border:1px solid #ffffff20;border-radius:8px;max-width:calc(100% - 24px);box-shadow:0 6px 20px #0003;user-select:none;pointer-events:none}.visual-control{display:grid;place-items:center;width:27px;height:27px;border-radius:5px;background:#ffffff0c;color:#fff;flex-shrink:0}.visual-control .icon{width:13px;height:13px}.player-counter{min-width:46px;text-align:center;font-size:10px;line-height:1;font-variant-numeric:tabular-nums;color:#f4f4f4;white-space:nowrap}.control-divider{width:1px;height:17px;background:#ffffff23;margin-inline:3px}.visual-loop{display:flex;align-items:center;gap:5px;padding-inline:3px;font-size:10px;white-space:nowrap;color:#eee}.visual-loop>span{display:grid;place-items:center;width:12px;height:12px;background:var(--lime);color:#162000;border-radius:2px;font-size:9px;font-weight:700}.controls-hidden .player-chrome{opacity:0}.controls-hidden .player-controls{transform:translate(-50%,5px)}.controls-hidden .player-shade{opacity:0}.player-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 1px 0;font-size:10px;color:#98a4ae}.player-meta>span:last-child{font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#74838e;white-space:nowrap}.album-story{margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}.album-story .eyebrow{font-size:8px;letter-spacing:.17em;color:#819594;margin:0 0 12px}.album-story h3{font-size:clamp(24px,2.05vw,37px);line-height:1.16;font-weight:460;letter-spacing:-.035em;margin:0}.album-story p:last-child{color:#85939f;font-size:11px;line-height:1.8;margin:14px 0 0}.playback-note{display:flex;align-items:center;gap:7px;margin-top:23px;color:#778792;font-size:8px}.status-dot{width:4px;height:4px;border-radius:50%;background:#86a887}.playback-note>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;color:#62717c}
.how-section,.examples-section,.faq-section{padding-block:80px;border-top:1px solid var(--line)}.section-heading h2,.examples-section h2,.faq-section h2,.extension-section h2{font-size:clamp(27px,3.2vw,43px);line-height:1.17;letter-spacing:-.04em;font-weight:500;margin:0}.section-heading .eyebrow,.examples-section .eyebrow,.faq-section .eyebrow,.extension-section .eyebrow{font-size:9px;margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin-top:45px}.steps article>span{font:11px/1 ui-monospace,Consolas,monospace;color:var(--lime)}.steps h3{font-size:18px;font-weight:500;letter-spacing:-.025em;margin:21px 0 11px}.steps p{font-size:13px;line-height:1.8;color:#8e9ba6;margin:0;max-width:31ch}.examples-section,.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.example-topics p{margin:0;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:400;color:#c6cfd6}.example-topics p:first-child{padding-top:0}.example-topics span{display:block;font-size:8px;letter-spacing:.15em;color:#768891;margin-bottom:8px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:19px 25px 19px 0;font-size:13px;color:#c9d2d8;cursor:pointer;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;color:#82949d;font-size:17px;top:16px}.faq-list details[open] summary::after{content:"−"}.faq-list p{font-size:12px;line-height:1.8;color:#8e9ba6;margin:0 0 22px;max-width:50ch}.extension-section{text-align:center;border-top:1px solid var(--line);padding:85px 0 90px}.extension-section>img{width:50px;height:50px;border-radius:12px;margin:0 auto 25px}.extension-section .eyebrow{justify-content:center}.extension-section>p:not(.eyebrow){font-size:13px;color:#93a0aa;margin:22px 0}.extension-section>small{display:block;font-size:10px;color:#707e89;margin-top:18px}.site-footer{display:flex;align-items:center;gap:24px;min-height:90px;padding-block:24px;border-top:1px solid var(--line)}.site-footer .brand img{width:97px}.site-footer p{font-size:10px;color:#81909c}.site-footer small{margin-left:auto;font-size:9px;color:#697781}.noscript{background:#2b2511;padding:20px;color:#e6ddbd}
@media(min-width:1650px){.hero-copy .eyebrow{font-size:11px}.hero-proof{font-size:11px;gap:22px}.button-primary{font-size:13px;min-height:51px;padding-inline:23px}.replay-button{font-size:12px}.profile-head{grid-template-columns:76px minmax(0,1fr);gap:17px;padding-inline:18px}.avatar-ring{width:76px;height:76px}.profile-name>strong{font-size:14px}.profile-stats{font-size:9px;gap:16px;margin:9px 0}.profile-copy p{font-size:9px}.follow-visual{font-size:9px;padding:5px 13px}.panel-heading h2{font-size:12px}.editor-foot{font-size:9px;padding-inline:13px}.frame-label{font-size:8px;height:14px;top:-15px}.focus-point{width:7px;height:7px}.frame-delete{width:12px;height:12px;font-size:11px}.album-story p:last-child{font-size:13px}.player-meta{font-size:11px}}
@media(min-width:1100px) and (max-height:740px){.hero{padding-block:16px 24px}.editor-column{width:min(100%,calc(100svh - 310px))}.profile-head{height:118px;grid-template-columns:49px minmax(0,1fr);gap:9px;padding:8px 10px}.avatar-ring{width:49px;height:49px}.profile-stats{gap:7px;font-size:7px}.profile-name>strong{font-size:10px}.profile-copy p{font-size:7.5px}.follow-visual{padding:4px 7px}.hero-lede{margin-block:20px;font-size:12px}.hero-proof{margin-top:19px}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.album-story{margin-top:21px;padding-top:18px}.album-story h3{font-size:27px}.playback-note{margin-top:17px}}
@media(max-width:1099px){.shell,.section-shell{width:calc(100% - 56px)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding:42px 0 55px;min-height:auto}.hero-copy{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;column-gap:30px;align-items:center;margin-bottom:10px}.hero-copy .eyebrow{grid-column:1/-1;margin-bottom:19px}.hero-copy h1{grid-row:2/5;font-size:clamp(41px,5.3vw,58px)}.hero-lede{margin:0 0 16px;font-size:13px}.hero-actions{gap:8px 18px}.hero-proof{margin-top:17px;gap:15px;font-size:9px}.editor-column{width:100%}.site-nav{gap:22px}.site-header{height:74px}.brand img{width:139px}.header-cta{font-size:11px;padding:11px 13px;gap:11px}.album-story h3{font-size:28px}.album-story p:last-child{font-size:12px}.profile-head{grid-template-columns:54px minmax(0,1fr);gap:10px;padding-inline:10px}.avatar-ring{width:54px;height:54px}.profile-stats{gap:8px}.steps{gap:30px}.examples-section,.faq-section{gap:40px}}
@media(max-width:700px){.shell,.section-shell{width:calc(100% - 36px)}.site-header{height:68px;gap:16px}.brand img{width:122px}.site-nav{display:none}.header-cta{font-size:10px;padding:10px 12px;gap:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 48px;gap:28px}.hero-copy{display:block;padding:0;margin-bottom:1px}.hero-copy h1{font-size:clamp(46px,9.5vw,65px);line-height:1.02}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px}.hero-lede{font-size:13px;margin:22px 0}.hero-actions{gap:20px}.hero-proof{font-size:10px;margin-top:19px}.editor-column{max-width:510px;align-self:center}.player-column{max-width:590px;align-self:center;width:100%}.panel-heading{height:35px}.panel-heading h2{font-size:12px}.editor{grid-template-columns:39px minmax(0,1fr)}.profile-head{height:132px;grid-template-columns:64px minmax(0,1fr);gap:14px;padding-inline:13px}.avatar-ring{width:64px;height:64px}.profile-name>strong{font-size:12px}.profile-stats{font-size:8px;gap:11px}.profile-copy p{font-size:8.5px}.ig-sidebar{padding-top:18px}.ig-sidebar-main{gap:20px}.album-story{display:none}.player-meta{font-size:11px}.playback-note{margin-top:17px;font-size:9px}.how-section,.examples-section,.faq-section{padding-block:48px}.steps{display:block;margin-top:32px}.steps article{position:relative;padding:0 0 25px 31px}.steps article:last-child{padding-bottom:0}.steps article>span{position:absolute;top:5px;left:0}.steps h3{margin:0 0 7px}.steps p{max-width:46ch;font-size:12px}.examples-section,.faq-section{display:block}.example-topics,.faq-list{margin-top:28px}.section-heading h2,.examples-section h2,.faq-section h2,.extension-section h2{font-size:31px}.example-topics p{font-size:14px}.extension-section{padding-block:55px}.site-footer{flex-wrap:wrap;gap:8px 16px}.site-footer small{margin:0;width:100%;font-size:8px}.site-footer p{margin:0}.player-controls{bottom:12px}.editor-foot{font-size:8px}}
@media(max-width:390px){.shell,.section-shell{width:calc(100% - 28px)}.profile-head{grid-template-columns:44px minmax(0,1fr);gap:9px;padding-inline:9px}.avatar-ring{width:44px;height:44px}.profile-stats{font-size:7px;gap:7px}.profile-copy p{font-size:7.5px}.profile-name>strong{font-size:11px}.follow-visual{padding-inline:8px}.frame-label{font-size:6px;min-width:13px;padding-inline:2px}.frame-delete{width:9px;height:9px;font-size:8px}.focus-point{width:5px;height:5px}.hero-copy h1{font-size:44px}.hero-actions{gap:14px}.button-primary{padding-inline:17px}.visual-control{width:24px;height:25px}.player-counter{font-size:9px;min-width:43px}.visual-loop{font-size:9px}.player-controls{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}.edit-cursor,#demoPause{display:none!important}}
/* Specific visual treatments from extension v0.1.114, scaled for the illustration. */
.grid-lines{z-index:3}.curve-point{fill:var(--cyan)}
.focus-frame.crossfade{border-color:var(--lime)}.focus-frame.crossfade .frame-label{border-color:#ccff0080;background:#0c1218d9}
.transition-path.crossfade{stroke-dasharray:2 3;stroke-width:1.6}
.frame-delete{font-size:0}.frame-delete::before,.frame-delete::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:1px;background:white;border-radius:1px}.frame-delete::before{transform:translate(-50%,-50%) rotate(45deg)}.frame-delete::after{transform:translate(-50%,-50%) rotate(-45deg)}

@media(max-width:700px){.site-header{flex-wrap:wrap;height:auto;min-height:68px;padding-top:14px;padding-bottom:6px;row-gap:6px}.site-nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:18px;font-size:10px}.site-nav a{padding:9px 0}}

/* v10 — cinematic panels, persistent focus and a larger album. */
.hero{position:relative;isolation:isolate}.hero-copy{z-index:2}.hero-lede{font-size:clamp(12px,.88vw,14px)}.hero-proof{gap:11px;font-size:9px}.hero-actions{gap:9px 15px}
.editor-column,.player-column{position:relative}.editor-column{z-index:2}.player-column{z-index:3;justify-self:end;width:100%}
.editor-column::before,.player-column::before{content:"";position:absolute;inset:12% -12% 0;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 65% 50%,#0ae5e124,transparent 67%)}
.editor-column::before{inset:5% -12% -3%;background:radial-gradient(ellipse at 94% 60%,#04cce33b,transparent 62%)}
.editor{background:linear-gradient(130deg,#111a20,#080c10 44%,#0e171e);color:#e5e9eb;color-scheme:dark;border:1px solid #a6d9e74a;border-radius:13px;box-shadow:inset 0 1px 0 #d2f9ff25,0 25px 50px #0008,9px 7px 25px #13cfe112;transform:perspective(1300px) rotateY(6deg) rotateZ(-1.1deg);transform-origin:60% 50%}
.ig-content{padding:0 8px 0 6px}.ig-sidebar{background:#080d11;border-color:#ffffff12;color:#dce4e9}.ig-sidebar-main .icon:first-child{fill:#dce4e9}.sidebar-avatar{border-color:#78939955}.avatar{border-color:#10161b}.profile-head{gap:11px;padding-inline:9px}.profile-copy p>span{color:#89949e}.profile-stats{color:#b0bcc5}.profile-stats b{color:#eaf0f4}.follow-visual{background:#2587d5}.ig-tabs{border-color:#ffffff12}.ig-tabs>span{color:#72818c}.ig-tabs>span.active{color:#f4f7f8}.ig-tabs>span.active::before{background:#e8f6f7}.photo-grid{background:#0a1015}.editor-foot{background:transparent;color:#9aa8b2;padding-inline:3px}.editor-foot>span{color:#8496a3}
.transition-segment{opacity:.6;transition:opacity .3s}.transition-segment.active{opacity:1}.transition-path,.transition-path.active{opacity:1}.transition-path.active{stroke-width:1.5}
.player-window{position:relative;padding:5px;border:1px solid #a0d6e44d;border-radius:14px;background:linear-gradient(130deg,#1a272f,#0a1117 40%,#102027);box-shadow:inset 0 1px 0 #e1faff1c,0 28px 70px #0008,0 0 42px #16d5dd13;transform:perspective(1600px) rotateY(-3deg) rotateZ(.6deg);transform-origin:40% 50%}
.player-window-bar{height:28px;display:flex;align-items:center;gap:11px;padding:0 8px 4px;color:#97aab4;font:8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.window-dots{display:flex;align-items:center;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#ed6b6a}.window-dots i:nth-child(2){background:#d2bd60}.window-dots i:nth-child(3){background:#6da882}.window-tab-icon{margin-left:auto;font-size:13px;color:#8eb2bc}
.album-stage{box-shadow:none;border-radius:7px;cursor:default}.album-viewport{position:absolute;inset:0;overflow:hidden;isolation:isolate}.album-story{margin-top:19px;padding-top:15px}.album-story h3{font-size:clamp(20px,1.65vw,30px)}.album-story h3 br{display:none}.album-story .eyebrow{margin-bottom:9px}.album-story p:last-child{display:none}.playback-note{margin-top:16px}.player-meta{padding-top:14px}.player-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fullscreen-toggle{position:absolute;top:14px;right:14px;z-index:20;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:9px;color:#fff;background:#071117c9;backdrop-filter:blur(8px);box-shadow:0 3px 15px #0003;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .23s,transform .23s,background .2s}
.fullscreen-toggle .icon{width:19px;height:19px}.fullscreen-toggle:hover{background:#152c38e8}.album-stage:not(.is-fullscreen):hover .fullscreen-toggle,.album-stage.fullscreen-visible .fullscreen-toggle,.fullscreen-toggle:focus-visible{opacity:1;pointer-events:auto;transform:none}
.album-stage:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;background:#020304;border:0;border-radius:0;transform:none;box-shadow:none;overflow:hidden}
.album-stage:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;background:#020304;border:0;border-radius:0;transform:none;box-shadow:none;overflow:hidden}
.album-stage.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;max-width:none;aspect-ratio:auto;border-radius:0;background:#020304;transform:none;overflow:hidden}
.player-window.fullscreen-host{transform:none}.album-expanded{overflow:hidden}.album-stage.is-fullscreen .album-viewport{inset:auto;left:50%;top:50%;width:min(100vw,177.777778vh);height:min(100vh,56.25vw);transform:translate(-50%,-50%)}
.album-stage.is-fullscreen .fullscreen-toggle{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:44px;height:44px}.album-stage.is-fullscreen:not(.fullscreen-visible){cursor:none}.album-stage.is-fullscreen .fullscreen-toggle:focus-visible{cursor:pointer}
@media(min-width:1100px) and (max-height:820px){.hero{padding-block:16px 20px}.player-column{width:min(100%,calc((100svh - 250px)*1.777778))}.album-story{display:none}.playback-note{margin-top:12px}}
@media(min-width:1100px) and (max-width:1350px){.hero-copy .eyebrow{font-size:8px;letter-spacing:.09em}.hero-lede{font-size:11px}.hero-copy .button-primary{font-size:11px;padding-inline:15px;gap:11px}.profile-head{grid-template-columns:48px minmax(0,1fr);gap:8px}.avatar-ring{width:48px;height:48px}.profile-name>strong{font-size:10px}.profile-stats{gap:7px;font-size:7px}.profile-copy p{font-size:7.3px}.follow-visual{padding-inline:7px}.editor-foot{font-size:7px}.panel-heading h2{font-size:10px}.hero-proof{font-size:8px}.hero-copy .eyebrow>span{display:none}}
@media(max-width:1099px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:23px}.hero-copy .hero-lede{font-size:13px}.hero-copy .hero-proof{font-size:9px}.player-window{transform:perspective(1600px) rotateY(-2deg) rotateZ(.35deg)}.editor{transform:perspective(1300px) rotateY(3deg) rotateZ(-.65deg)}.profile-head{grid-template-columns:45px minmax(0,1fr);gap:8px}.avatar-ring{width:45px;height:45px}.profile-copy p{font-size:7.2px}.profile-stats{font-size:7px;gap:6px}.profile-name>strong{font-size:10px}.follow-visual{padding-inline:7px}.ig-content{padding-inline:4px 6px}.editor-foot{font-size:7px}.album-story h3{font-size:22px}.tab-hint{font-size:7px}}
@media(max-width:700px){.hero{gap:30px}.hero-copy .hero-lede{font-size:13px}.hero-copy h1{font-size:clamp(44px,9.5vw,65px)}.editor-column{width:100%}.editor{transform:perspective(1300px) rotateY(2deg) rotateZ(-.5deg)}.player-window{transform:none}.player-column{max-width:none}.profile-head{grid-template-columns:60px minmax(0,1fr);gap:11px}.avatar-ring{width:60px;height:60px}.profile-name>strong{font-size:12px}.profile-stats{font-size:8px;gap:9px}.profile-copy p{font-size:8px}.editor-foot{font-size:8px}.fullscreen-toggle{top:10px;right:10px;width:33px;height:33px}.player-window-bar{height:25px}.hero-copy .hero-proof{font-size:10px}.hero-copy .eyebrow{font-size:8px}}
@media(max-width:390px){.profile-head{grid-template-columns:42px minmax(0,1fr);gap:8px}.avatar-ring{width:42px;height:42px}.profile-stats{font-size:7px;gap:7px}.profile-copy p{font-size:7.3px}}
@media(hover:none),(pointer:coarse){.album-stage:not(.is-fullscreen) .fullscreen-toggle{opacity:1;pointer-events:auto;transform:none}}


/* Explore / Supabase-ready gallery */
.explore-section{padding-top:96px;padding-bottom:96px}.explore-heading{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:34px}.explore-heading h2{margin:.15em 0 .25em;font-size:clamp(2.3rem,5vw,5rem);line-height:.95;letter-spacing:-.05em}.explore-heading>div>p:last-child{max-width:720px;color:var(--muted,#98a2ad);font-size:1.03rem;line-height:1.7}.explore-source{white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px;color:#9aa8b5;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.explore-card{position:relative;min-width:0;background:#0d1116;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;text-align:left;color:inherit;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}.explore-card:hover{transform:translateY(-3px);border-color:rgba(64,188,228,.4);background:#10161d}.explore-card:focus-visible{outline:2px solid #40bce4;outline-offset:3px}.explore-card-cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:#080b0f}.explore-card-cover img{position:absolute;max-width:none;will-change:transform;transform-origin:0 0}.explore-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,6,9,.82) 100%);pointer-events:none}.explore-card-play{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#081018;font-size:1.05rem;padding-left:2px;box-shadow:0 9px 28px rgba(0,0,0,.35)}.explore-card-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px}.explore-card-copy small{display:block;color:#40bce4;font-weight:700;margin-bottom:6px}.explore-card-copy strong{display:block;font-size:1.2rem}.explore-card-copy span{color:#7e8b98;font-size:.82rem;white-space:nowrap}.explore-empty{color:#8e9aa5}.explore-dialog[hidden]{display:none}.explore-dialog{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.explore-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.explore-dialog-panel{position:relative;width:min(1120px,94vw);background:#090d12;border:1px solid rgba(255,255,255,.14);border-radius:24px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.58)}.explore-close{position:absolute;z-index:5;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(5,9,13,.7);color:#fff;font-size:27px;line-height:1;cursor:pointer}.explore-player{position:relative;aspect-ratio:16/9;background:#020304;overflow:hidden}.explore-layer{position:absolute;inset:0;opacity:0;overflow:hidden}.explore-layer img{position:absolute;max-width:none;transform-origin:0 0;will-change:transform}.explore-player-message{position:absolute;z-index:4;inset:auto 24px 24px;padding:12px 16px;border-radius:12px;background:rgba(0,0,0,.68);color:#dbe3e9;font-size:.9rem}.explore-dialog-info{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px}.explore-profile{margin:0 0 3px;color:#40bce4;font-weight:700;font-size:.86rem}.explore-dialog-info h3{margin:0;font-size:1.2rem}.explore-dialog-actions{display:flex;align-items:center;gap:12px;color:#8c99a5;font-size:.82rem}.explore-dialog-actions button,.explore-dialog-actions a{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;background:transparent;color:#dbe3e9;text-decoration:none;font:inherit;cursor:pointer}.explore-dialog-actions a:hover,.explore-dialog-actions button:hover{border-color:rgba(64,188,228,.5);color:#fff}body.explore-open{overflow:hidden}@media(max-width:760px){.explore-section{padding-top:68px;padding-bottom:68px}.explore-heading{display:block}.explore-source{display:inline-block;margin-top:14px}.explore-grid{grid-template-columns:1fr}.explore-dialog{padding:10px}.explore-dialog-info{align-items:flex-start;flex-direction:column}.explore-dialog-actions{flex-wrap:wrap}}

/* v14 Explore: catalog/links only. No Instagram imagery is rendered on the website. */
.explore-categories{display:flex;gap:9px;overflow-x:auto;margin:-8px 0 26px;padding:4px 0 8px;scrollbar-width:thin}
.explore-categories button{flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;background:transparent;color:#94a1ad;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.explore-categories button:hover,.explore-categories button.active{border-color:rgba(64,188,228,.48);background:rgba(64,188,228,.09);color:#eaf9ff}
.explore-link-card{display:flex;min-height:250px;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:26px;cursor:default;overflow:visible}
.explore-link-card:hover{transform:translateY(-2px)}
.explore-link-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px;color:#74818d;font-size:.78rem}
.explore-profile-link{color:#40bce4;text-decoration:none;font-weight:750}.explore-profile-link:hover{text-decoration:underline}
.explore-link-card h3{margin:0 0 15px;color:#f3f6f8;font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:-.025em}
.explore-card-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}
.explore-card-categories span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.025);color:#9ca8b3;font-size:.7rem}
.explore-open-album{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;color:#eefaff;text-decoration:none;font-size:.86rem;font-weight:750}
.explore-open-album span{color:#40bce4;font-size:1.05rem}.explore-open-album:hover{color:#40bce4}
@media(max-width:760px){.explore-link-card{min-height:220px}.explore-link-card-top{margin-bottom:32px}}


/* v15 — richer catalog cards without embedding Instagram media */
.explore-link-card{min-height:276px;padding:28px;background:linear-gradient(180deg,#0e141a 0%,#0b1015 100%)}
.explore-link-card-top{align-items:flex-start;margin-bottom:36px}
.explore-card-identity{display:flex;align-items:center;gap:13px;min-width:0}
.explore-profile-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 30% 28%,rgba(98,212,242,.34),rgba(64,188,228,.12) 42%,rgba(255,255,255,.035) 72%);box-shadow:0 7px 24px rgba(0,0,0,.28),inset 0 0 0 3px rgba(255,255,255,.025);color:#f6fbff;font-size:1.05rem;font-weight:800;letter-spacing:-.03em}
.explore-card-identity-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.explore-card-identity-copy small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7c88;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.explore-profile-link{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.explore-card-counts{padding-top:5px;color:#74818d;font-size:.75rem;white-space:nowrap}
.explore-link-card h3{margin-top:4px}
.explore-open-album{border:1px solid rgba(64,188,228,.18);border-radius:13px;padding:14px 15px;background:rgba(64,188,228,.035)}
.explore-open-album:hover{border-color:rgba(64,188,228,.42);background:rgba(64,188,228,.07)}
@media(max-width:520px){.explore-card-counts{display:none}.explore-link-card{min-height:250px}.explore-profile-avatar{width:42px;height:42px;flex-basis:42px}}


/* v16 Explore card polish + extension handoff */
.explore-profile-avatar{position:relative;isolation:isolate;overflow:visible;border:2px solid rgba(255,255,255,.16);outline:2px solid rgba(64,188,228,.2);outline-offset:2px;background:radial-gradient(circle at 32% 25%,rgba(112,226,255,.42),rgba(30,79,103,.34) 43%,rgba(10,15,20,.98) 76%)}
.explore-avatar-letter{position:relative;z-index:1;font-size:1.05rem;font-weight:850;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.explore-avatar-badge{position:absolute;z-index:2;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:2px solid #0c1116;background:#dff8ff;color:#0b2834;font-size:.68rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.explore-open-album{margin-top:auto}
.explore-extension-hint{display:block;margin-top:9px;color:#667580;font-size:.67rem;text-align:right}

/* v17 Explore: scalable search/filter controls + creator avatars. */
.explore-controls{
  display:grid;
  grid-template-columns:minmax(260px,1.55fr) minmax(190px,.8fr) minmax(150px,.62fr);
  gap:12px;
  margin:-6px 0 28px;
  align-items:end;
}
.explore-search-control,.explore-select-control{display:flex;min-width:0;flex-direction:column;gap:7px}
.explore-search-control>span,.explore-select-control>span{color:#75828d;font-size:.66rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.explore-search-control input,.explore-select-control select{
  box-sizing:border-box;width:100%;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:13px;
  padding:0 14px;background:#0d1319;color:#edf7fb;font:inherit;font-size:.82rem;outline:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease
}
.explore-search-control input::placeholder{color:#65727e}
.explore-search-control input:focus,.explore-select-control select:focus{border-color:rgba(64,188,228,.52);background:#101820;box-shadow:0 0 0 3px rgba(64,188,228,.08)}
.explore-select-control select{cursor:pointer}
.explore-select-control option,.explore-select-control optgroup{background:#10161d;color:#edf7fb}
.explore-profile-avatar{overflow:hidden;text-decoration:none}
.explore-profile-avatar.has-image{padding:0;background:#0a0e12;outline-color:rgba(255,255,255,.16)}
.explore-profile-avatar.has-image img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.explore-creator-name{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f7fa;font-size:.84rem;line-height:1.05}
.explore-card-identity-copy .explore-profile-link{font-size:.74rem}
.explore-card-identity-copy small{margin-top:1px}
@media(max-width:900px){.explore-controls{grid-template-columns:1fr 1fr}.explore-search-control{grid-column:1/-1}}
@media(max-width:560px){.explore-controls{grid-template-columns:1fr}.explore-search-control{grid-column:auto}}


/* v20 — album navigation and synchronized profile crossfades. */
.editor-stack{position:relative;isolation:isolate;min-width:0}
.profile-snapshot{position:absolute;inset:0;z-index:12;pointer-events:none;will-change:opacity}
.profile-snapshot .focus-frame,.profile-snapshot .transition-segment{transition:none}
.album-ghost{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;will-change:opacity}
.album-ghost[hidden]{display:none}
.album-indicator{font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;color:#b1c4c9;min-width:30px;text-align:center}
.demo-actions{gap:2px;flex-shrink:0}
.demo-actions .icon-button{width:26px;height:29px}
.demo-actions .demo-badge{min-width:34px;text-align:right;margin-right:3px}
.editor-column .panel-heading{height:auto;min-height:36px;flex-wrap:wrap;row-gap:3px}
.editor-column .panel-heading .demo-actions{margin-left:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.profile-copy #profileBio,.profile-copy #profileLocation{color:inherit}
.player-window-bar #albumWindowTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
@media(min-width:701px) and (max-width:1450px){.demo-actions .demo-badge{display:none}}
@media(max-width:700px){.demo-actions .icon-button{width:32px;height:32px}}