:root{color-scheme:dark;--bg:#101014;--surface:#19191f;--ink:#f4f1e9;--muted:#a8a7b1;--line:#34333c;--accent:#c5b4ff;--lime:#d3ee9d;font-family:Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
img{height:auto}
.pacing-choices button{min-height:42px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}button{border:0}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--lime);color:#101014;padding:14px}.skip:focus{top:12px}.navigation{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 48px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:#101014f2;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.7px;font-size:22px}.logo img{border-radius:8px}.logo-suffix{font-weight:400;color:var(--muted)}.nav-links,.nav-end,.actions{display:flex;align-items:center;gap:28px}.nav-links a{font-size:14px;color:#cbc8d2}.nav-links a:hover{color:var(--accent)}.nav-end{gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:6px;background:var(--ink);color:var(--bg);padding:16px 23px;font-size:16px;font-weight:650;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#fff;transform:translateY(-2px)}.button.small{font-size:14px;padding:11px 17px}.button.primary{background:var(--accent)}.button.primary:hover{background:#d9cdff}.button.outline{background:transparent;border:1px solid #62606d;color:var(--ink)}.button.outline:hover{background:#25242d}.menu-toggle{display:none;background:none;font-size:14px;padding:10px}.hero{padding-top:64px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1.6px;color:var(--accent);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #d3ee9d44;flex:none}.hero h1{font-size:clamp(70px,8.9vw,142px);font-weight:500;line-height:.97;letter-spacing:-7px;margin:30px 0 36px;position:relative}.hero h1 em{font-style:normal;color:var(--accent)}.hero-asterisk{font-size:170px;color:var(--lime);display:inline-block;margin-left:14vw;line-height:0;vertical-align:baseline}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:46px}.hero-bottom>p{font-size:18px;max-width:500px;line-height:1.6}.actions{gap:12px;flex-wrap:wrap}.hero-film{position:relative}.hero-film>img{width:100%;height:420px;object-fit:cover;object-position:50% 48%;border-radius:10px}.hero-film:after{content:"";position:absolute;inset:0 0 38px;background:linear-gradient(0deg,#0008,transparent 70%);pointer-events:none;border-radius:10px}.film-caption{position:absolute;inset:auto 36px 75px;display:flex;justify-content:space-between;align-items:end;z-index:1}.film-caption>span{font-size:13px;letter-spacing:2px;color:white}.film-caption b{display:inline-block;font-size:35px;font-weight:500;letter-spacing:-1px;padding-top:4px}.round-link{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--bg);font-size:32px;transition:transform .2s}.round-link:hover{transform:rotate(15deg)}.hero-film figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.8px;color:var(--muted);padding-top:16px}.hero-film figcaption a{text-decoration:underline}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.05;letter-spacing:-2.5px;font-weight:500;margin-top:22px}.section-heading>p{max-width:380px;font-size:18px}.product-capture{border:1px solid var(--line);background:var(--surface);padding:8px;border-radius:12px;overflow:hidden}.product-capture img{width:100%;border-radius:6px}.product-capture figcaption{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 8px 6px;font-size:12px;letter-spacing:1px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:32px;font-size:14px}footer a:last-child{text-decoration:underline}
@media(min-width:1600px){.hero-asterisk{margin-left:250px}}
@media(max-width:1000px){.navigation{padding-inline:24px}.wrap{width:calc(100% - 48px)}.nav-links{gap:18px}.logo-suffix{display:none}.hero h1{letter-spacing:-5px}.hero-asterisk{font-size:110px;margin-left:8vw}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero-bottom>p{max-width:580px}.hero-film>img{height:360px}.section{padding-block:80px}.section-heading{gap:24px}.section-heading>p{max-width:300px}.hero-film figcaption{flex-direction:column;font-size:12px}.hero-film:after{bottom:64px}.film-caption{bottom:100px}}
@media(max-width:700px){.navigation{height:72px;padding-inline:20px;gap:10px}.logo{font-size:19px}.logo img{width:26px;height:26px}.navigation .button{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:24px;background:#19191f;border-bottom:1px solid var(--line);align-items:start;flex-direction:column}.navigation.menu-open .nav-links{display:flex}.nav-links a{font-size:16px}.wrap{width:calc(100% - 40px)}.hero{padding-top:42px}.eyebrow{font-size:12px;letter-spacing:1px}.hero h1{font-size:clamp(56px,12vw,84px);letter-spacing:-3px;line-height:1.02;margin:26px 0}.hero-asterisk{font-size:65px;margin-left:9vw}.hero-bottom>p{font-size:16px}.hero-bottom{padding-bottom:30px}.button{font-size:14px;padding:14px 17px;gap:16px}.hero-film>img{height:310px}.film-caption{inset:auto 20px 100px}.film-caption b{font-size:23px}.film-caption>span{font-size:12px;letter-spacing:1px}.round-link{width:46px;height:46px;font-size:26px}.hero-film figcaption{letter-spacing:0;gap:4px;min-height:60px}.hero-film:after{bottom:60px}.section{padding-block:64px}.section-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:30px}.section-heading h2{font-size:40px;letter-spacing:-1.6px}.section-heading>p{font-size:16px;max-width:100%}.product-capture{padding:4px}.product-capture figcaption{font-size:12px;letter-spacing:0;flex-wrap:wrap}footer{flex-direction:column;align-items:start;gap:16px}}
.workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:32px}.workflow-tabs button{display:flex;gap:18px;text-align:left;align-items:center;padding:22px 20px;background:transparent;font-size:18px;border-bottom:2px solid transparent;color:var(--muted)}.workflow-tabs button span{font-size:12px;color:var(--muted)}.workflow-tabs button b{margin-left:auto;font-weight:400}.workflow-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--accent);background:#c5b4ff0a}.workflow-panel{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.8fr);gap:36px;align-items:center;animation:enter .35s ease}.workflow-copy h3,.look-controls h3{font-weight:500;font-size:35px;line-height:1.12;letter-spacing:-1px;margin:18px 0}.workflow-copy .eyebrow{font-size:12px;letter-spacing:.6px}.workflow-copy p{font-size:16px}.workflow-copy ol{padding-left:21px;margin:20px 0;color:#ceccd5;font-size:14px}.workflow-copy li{padding:6px 0 6px 7px}.feature-note{font-size:13px;border-top:1px solid var(--line);padding-top:18px;color:var(--accent);line-height:1.8}.image-expand{display:block;width:100%;padding:0;background:none;position:relative}.image-expand>span{display:block;padding:10px;font-size:13px;color:var(--ink);background:#25242d}.image-expand:hover>span{background:#383242}.tour-note{font-size:12px;margin-top:22px;text-align:right}.creative-section{background:#1a191f;border-block:1px solid var(--line)}.look-lab{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #45424e;border-radius:12px;overflow:hidden}.look-image{min-height:450px;position:relative;overflow:hidden;background:#15141a}.look-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 45%}.look-image .look-treated{filter:sepia(.3) saturate(1.4) contrast(1.05);clip-path:inset(0 0 0 var(--split))}.look-image .image-label{position:absolute;top:20px;padding:5px 9px;border:1px solid #ffffff55;border-radius:4px;font-size:12px;letter-spacing:1px;background:#10101499;color:white;z-index:2}.original-label{left:20px}.treated-label{right:20px}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--ink);pointer-events:none;z-index:2}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#101014;font-size:24px}.look-image input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.look-image:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:-4px}.look-controls{padding:36px;display:flex;flex-direction:column;align-items:start;justify-content:center}.look-controls>p{font-size:16px}.look-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.look-buttons button,.pacing-choices button{padding:9px 12px;border:1px solid #54505f;border-radius:5px;background:transparent;font-size:14px}.look-buttons button[aria-pressed=true],.pacing-choices button[aria-pressed=true]{background:var(--accent);color:#17131e;border-color:var(--accent)}.range-label{font-size:14px;display:flex;justify-content:space-between;gap:12px;width:100%;color:#d4d0dc}.range-label output{font-variant-numeric:tabular-nums;color:var(--accent)}input[type=range]{accent-color:var(--accent)}.look-controls>input{width:100%;margin:14px 0 22px}.look-controls .demo-disclaimer,.demo-disclaimer{font-size:12px;color:#aaa6b4;line-height:1.6}.inline-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;border-bottom:1px solid #80768f;padding-bottom:5px;margin-top:24px}.inline-link:hover{color:var(--accent)}.tool-index{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px}.tool-index>div{border-left:1px solid #55505f;padding-left:20px}.tool-index span{font-size:12px;letter-spacing:1px;color:var(--accent)}.tool-index p{font-size:14px;margin-top:8px;max-width:300px}.director-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.director-layout h2{font-size:clamp(36px,3.7vw,56px);letter-spacing:-2px;line-height:1.1;font-weight:500;margin:22px 0}.director-layout h2 em{font-style:normal;color:var(--accent)}.director-layout p{font-size:16px;margin-top:18px}.director-layout .eyebrow{font-size:12px;margin:0}.rhythm-demo{padding:28px;border:1px solid #4a4359;border-radius:12px;background:linear-gradient(140deg,#23212c,#141319)}.demo-header{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);letter-spacing:.6px}.demo-header>span:first-child{display:flex;align-items:center;gap:8px;color:var(--ink)}.pacing-choices{display:flex;gap:8px;margin:26px 0}.beat-ruler{display:grid;grid-template-columns:repeat(8,1fr);font-size:12px;color:var(--muted);padding-bottom:8px}.rhythm-visual{position:relative;overflow:hidden}.rhythm-wave{width:100%;height:90px;display:block;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#a899ce1c calc(12.5% - 1px),#a899ce1c 12.5%)}.rhythm-wave path{stroke:#ad95e8;stroke-width:2;fill:none}.cut-plan{display:flex;gap:3px;min-height:54px;padding-top:10px}.cut-plan span{flex:1;display:flex;align-items:center;justify-content:center;background:#4d4168;color:#e0d5ff;border:1px solid #9a81c4;border-radius:3px;font-size:12px;overflow:hidden;min-width:0}.cut-plan span:nth-child(3n+2){background:#364d47;border-color:#7eaa98;color:#d4e9df}.cut-plan span:nth-child(3n){background:#594749;border-color:#b79c8a;color:#ead8d2}.rhythm-playhead{position:absolute;inset:0 auto 0 0;background:var(--lime);width:2px;transform:translateX(-4px);box-shadow:0 0 8px #d3ee9d77}.rhythm-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.play-plan{padding:10px 13px;background:var(--ink);color:var(--bg);border-radius:5px;font-size:14px;white-space:nowrap}.rhythm-controls label{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center;font-size:12px;flex:1;max-width:235px}.rhythm-controls label input{grid-row:2;grid-column:1/-1;min-width:0;width:100%}.rhythm-controls output{text-align:right;color:var(--accent)}.rhythm-demo #pacing-description{font-size:14px;min-height:44px;color:#d1cbdc}.rhythm-demo .demo-disclaimer{font-size:12px;border-top:1px solid var(--line);padding-top:16px}.pro-section{background:var(--lime);color:#182016}.pro-section .eyebrow{color:#46583c}.pro-section p{color:#475340}.pro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}.pro-features article{border-top:1px solid #859771;padding-top:26px}.feature-symbol{font-size:42px;line-height:1}.pro-features h3{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:18px 0 14px}.pro-features p{font-size:16px}.feature-footnote{display:block;font-size:12px;color:#46543d;border-top:1px solid #a5b98d;padding-top:16px;margin-top:24px}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edition-card{border:1px solid var(--line);border-radius:10px;background:#17161c;padding:36px;display:flex;flex-direction:column;align-items:start}.edition-pro{border-color:#8f7dba;background:linear-gradient(145deg,#2b2437,#17161c)}.edition-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.edition-heading>span{font-size:12px;padding:4px 8px;border:1px solid #655b74;border-radius:3px;color:#c6becf}.edition-card h3{font-size:36px;letter-spacing:-1px;font-weight:500;line-height:1.12;margin:26px 0 16px}.edition-card ul{list-style:none;padding:0;margin:24px 0 32px;font-size:16px;flex:1}.edition-card li{padding:7px 0 7px 24px;position:relative}.edition-card li:before{content:"✓";color:var(--accent);position:absolute;left:0}.edition-card .button{width:100%;justify-content:space-between}.edition-card .edition-note{font-size:12px;margin-top:14px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:90px}.faq-section h2{font-weight:500;font-size:48px;line-height:1.1;letter-spacing:-2px;margin-top:22px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:18px;padding-right:35px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;font-size:24px;color:var(--accent)}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:16px;margin-top:18px;line-height:1.7}.closing{padding:65px 0 100px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(64px,9vw,132px);font-weight:500;letter-spacing:-6px;line-height:1;margin:32px 0 40px}.closing h2 em{font-style:normal;color:var(--accent)}dialog{border:1px solid #686072;border-radius:12px;padding:50px 12px 12px;background:#16141c;color:var(--ink);width:min(96vw,1500px);max-height:95vh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{width:100%;max-height:calc(95vh - 115px);object-fit:contain}dialog p{font-size:13px;text-align:center;margin-top:12px}.dialog-close{position:absolute;right:12px;top:9px;border:1px solid var(--line);border-radius:4px;background:#28232f;padding:5px 14px;font-size:14px}@keyframes enter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.workflow-panel{grid-template-columns:1fr;gap:28px}.workflow-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.workflow-copy h3{grid-column:1;grid-row:2/4}.workflow-copy>.eyebrow{grid-column:1/-1;margin-bottom:4px}.workflow-copy>p:not(.eyebrow){grid-column:2;grid-row:2}.workflow-copy ol{grid-column:2;grid-row:3}.workflow-copy .feature-note{grid-column:1/-1}.look-lab{grid-template-columns:1.2fr 1fr}.look-controls{padding:26px}.director-layout{gap:32px;grid-template-columns:1fr}.director-layout>div:first-child{max-width:680px}.pro-features{gap:24px}.pro-features h3{font-size:24px}.edition-card{padding:28px}.edition-heading{align-items:start;flex-direction:column;gap:10px}.faq-section{gap:36px}.rhythm-demo{max-width:100%}.tour-note{text-align:left}}
@media(max-width:700px){.workflow-tabs{gap:0;margin-bottom:24px}.workflow-tabs button{flex-direction:column;align-items:start;gap:5px;font-size:14px;padding:16px 8px}.workflow-tabs button b{display:none}.workflow-panel{gap:22px}.workflow-copy{display:block}.workflow-copy h3{font-size:30px}.workflow-copy .feature-note{font-size:13px}.look-lab{grid-template-columns:1fr}.look-image{min-height:340px}.look-controls{padding:26px 22px}.tool-index{grid-template-columns:1fr;gap:24px}.tool-index p{max-width:100%;font-size:16px}.director-layout h2{font-size:40px}.rhythm-demo{padding:20px 16px}.pacing-choices{gap:5px}.pacing-choices button{font-size:12px;padding:9px 8px;flex:1}.demo-header{font-size:12px;letter-spacing:0}.rhythm-controls{gap:12px}.pro-features{grid-template-columns:1fr;gap:38px;margin-top:30px}.feature-symbol{font-size:34px}.edition-grid{grid-template-columns:1fr}.edition-card{padding:26px 22px}.edition-card h3{font-size:32px}.edition-heading{flex-direction:row;align-items:center;gap:8px}.edition-heading .eyebrow{font-size:12px}.edition-heading>span{font-size:12px;padding:4px 6px}.faq-section{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.faq-section h2{font-size:40px}.faq-list summary{font-size:16px}.closing{padding-block:54px 64px}.closing h2{letter-spacing:-3px}.product-capture figcaption{font-size:12px;text-align:center;padding:10px 5px 5px}.look-controls .inline-link{font-size:13px}dialog{width:calc(100vw - 16px);padding:48px 6px 10px}}
.download-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:88px 64px}.download-intro h1{font-size:clamp(44px,4.5vw,68px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:26px 0}.download-intro h1 em{font-style:normal;color:var(--accent)}.download-lead{font-size:18px;max-width:530px}.download-card{border:1px solid #766486;background:linear-gradient(140deg,#2a2237,#19171e);border-radius:12px;padding:32px}.download-card-title{display:flex;align-items:center;gap:18px}.download-card-title img{border-radius:12px}.download-card-title h2{font-size:24px;font-weight:500;letter-spacing:-.7px}.download-card-title p{font-size:12px;letter-spacing:1px;color:var(--accent);margin-top:4px}.download-card dl{margin:28px 0}.download-card dl>div{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff18;padding:12px 0;font-size:14px}.download-card dt{color:var(--muted);flex:none}.download-card dd{margin:0;text-align:right}.download-card .button{width:100%;justify-content:space-between}.download-card #release-status{font-size:13px;margin-top:18px}.release-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--accent);margin-top:12px}.download-caution{font-size:12px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.download-workspace{max-width:1000px}.install-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.install-layout h2,.download-browser h2{font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-1.5px;margin:22px 0}.install-layout>div>p:last-child{max-width:390px}.install-list{list-style:none;margin:0;padding:0}.install-list li{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.install-list li>span{color:var(--accent);font-size:13px;padding-top:5px}.install-list h3{font-size:22px;font-weight:500;margin-bottom:12px}.download-browser{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line);padding-block:50px 70px}
@media(max-width:1000px){.download-intro{gap:32px}.download-intro h1{font-size:46px}.download-card{padding:24px}.install-layout{gap:40px}}
@media(max-width:700px){.download-intro{grid-template-columns:1fr;padding-block:48px;gap:40px}.download-intro h1{font-size:44px;letter-spacing:-2px}.download-lead{font-size:16px}.download-card{padding:22px 18px}.download-card-title h2{font-size:22px}.download-card dl>div{gap:16px;font-size:13px}.download-card dt{flex:1}.download-card dd{max-width:58%}.download-card .button{font-size:14px}.install-layout{grid-template-columns:1fr;gap:30px}.install-layout h2,.download-browser h2{font-size:36px}.download-browser{align-items:start;flex-direction:column}}
@media(max-width:700px){.pacing-choices button{font-size:14px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.effects-gallery .look-lab{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:stretch;background:#121116}
.effects-gallery .look-image{min-height:0;aspect-ratio:3/2;align-self:center}
.effects-gallery .look-image>img{object-fit:contain;object-position:center}
.effects-gallery .look-treated{filter:none}
.effects-gallery .look-controls{padding:28px;gap:12px}
.effects-gallery .look-controls h3{font-size:44px;margin:0;letter-spacing:-1.5px}
.effects-gallery .look-controls>p{margin:0}
.effects-gallery .look-controls>.eyebrow{font-size:12px;color:var(--accent)}
.effect-stack{width:100%;border-block:1px solid var(--line);padding:16px 0;margin:6px 0}
.effect-stack>span{font-size:12px;letter-spacing:1px;color:var(--muted)}
.effect-stack ol{margin:8px 0 0;padding-left:22px;display:flex;flex-wrap:wrap;gap:4px 26px;font-size:14px;color:var(--ink)}
.strength-control{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;font-size:14px}
.strength-control select{min-width:0;max-width:65%;border:1px solid #60566e;background:#27222f;color:var(--ink);font:inherit;border-radius:5px;padding:10px}
.effect-view{display:flex;width:100%;border:1px solid #60566e;border-radius:6px;overflow:hidden}
.effect-view button{flex:1;background:transparent;padding:10px 8px;font-size:14px}
.effect-view button[aria-pressed=true]{background:var(--accent);color:#17131e}
.effects-gallery .effect-status{font-size:14px;min-height:3em;color:var(--accent)}
.effects-gallery .demo-disclaimer{font-size:12px;line-height:1.6}
.effects-gallery .demo-disclaimer a,.gallery-credit a{text-decoration:underline;text-underline-offset:3px}
.effects-gallery .inline-link{margin-top:4px}
.effect-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px;max-height:510px;overflow-y:auto;padding:4px 8px 8px 4px;scrollbar-color:#a99dbb #211c29}
.effect-browser{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:24px;border:1px solid var(--line);border-bottom:0;padding:24px;background:#19151f}
.effect-browser p{font-size:14px;margin:8px 0 0;color:var(--muted)}
.effect-browser label{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.effect-browser input,.effect-browser select{font:inherit;font-size:15px;width:100%;min-width:0;color:var(--ink);background:#27222f;border:1px solid #60566e;border-radius:6px;padding:12px}
.effect-browser input:focus-visible,.effect-browser select:focus-visible,.effect-scrub input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.effect-scrub{width:100%;padding:12px 0;border-top:1px solid var(--line)}
.effect-scrub label{display:flex;justify-content:space-between;font-size:14px}
.effect-scrub input{width:100%;accent-color:var(--accent);margin:16px 0}
.effect-scrub small{font-size:12px;color:var(--muted)}
.strength-control select:disabled{opacity:.5;cursor:not-allowed}
.effect-card[hidden]{display:none!important}
#effect-empty{padding:20px;border:1px dashed var(--line);color:var(--muted)}
@media(max-width:760px){.effect-browser{grid-template-columns:1fr;gap:16px;padding:20px}.effect-cards{max-height:430px}}
.effect-card{min-width:0;padding:4px;border:1px solid #49414f;border-radius:7px;background:#211c29;text-align:left;overflow:hidden}
.effect-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:3px}
.effect-card>span{display:block;padding:9px 4px;font-size:14px;overflow-wrap:anywhere;line-height:1.4}
.effect-card small{display:block;font-size:12px;color:var(--muted)}
.effect-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#383043}
.effect-card:hover{border-color:var(--ink)}
.effect-card:focus-visible,.effect-view button:focus-visible,.strength-control select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.gallery-credit{font-size:12px;max-width:880px;line-height:1.7;margin-top:18px}
.look-image[data-view=original] .treated-label,.look-image[data-view=result] .original-label,.look-image[data-view=original] .compare-line,.look-image[data-view=result] .compare-line{visibility:hidden}
.gallery-interactive[hidden]{display:none!important}
@media(max-width:1100px){.effect-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.effect-card{display:flex;align-items:center;gap:12px}.effect-card img{width:40%}.effect-card>span{padding:4px}.effects-gallery .look-controls{padding:22px}}
@media(max-width:760px){.effects-gallery .look-lab{grid-template-columns:1fr}.effects-gallery .look-image{width:100%}.effects-gallery .look-controls{padding:24px}.effects-gallery .look-controls h3{font-size:36px}.effect-cards{gap:8px}.effect-card{display:block}.effect-card img{width:100%}.effect-card>span{padding:8px 4px}.strength-control{flex-wrap:wrap}}
