/* Native UI compositions: simplified from the supplied application. */
:root{--ui-mint:#07845c;--ui-muted:#716d65}
.creative-is-label{display:flex;align-items:baseline;gap:14px;margin:0 0 18px;color:inherit;font-size:13px;line-height:1.5;letter-spacing:-.01em}
.creative-is-label span{font-weight:400;opacity:.75;white-space:nowrap}
.creative-is-label .creative-is-name{opacity:1}
.creative-is-nav{font-weight:400}
.source-ui{--semantic-mint:#07845c;--semantic-red:#cf4b4b;--semantic-amber:#9b7206;--font-display:Manrope;min-width:0}
.source-ui[data-theme=dark]{--semantic-mint:#31c997}
.source-ui button,.source-ui input,.source-ui textarea,.source-ui select{font:inherit}
.source-ui input,.source-ui textarea{min-width:0}
.source-ui header{align-items:center;gap:10px}
.source-ui header strong{font-size:14px;font-weight:600}
.source-ui svg{flex-shrink:0;vertical-align:middle}
.source-ui [inert]{cursor:default}
.hero-copy h1{font-size:clamp(56px,5.8vw,84px);line-height:1.03;letter-spacing:-.055em;max-width:760px;overflow:visible;margin:0}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy{width:calc(100% - 64px);max-width:850px;padding:0;left:32px;top:50%;transform:translateY(-50%)}
.hero{min-height:700px;height:auto}
.hero>img{height:100%;position:absolute;inset:0;object-fit:cover}
.hero-copy p{max-width:620px;line-height:1.7;margin:24px 0 28px;width:100%}
.product-handoff,.product-location,.capability-strip,.company-story,.universe-principles,.footer-base,.company-close{border-top:0!important;border-bottom:0!important}
main>section[style*="border-top"]{border-top:0!important}
.isolated-detail:has(.source-detail-doc){display:block;background:none;padding:0;min-height:460px}
.source-detail-doc{width:100%;min-width:0}
.source-detail-doc .source-document-composition{height:460px;min-height:460px;width:100%}
.source-detail-doc .source-paper{inset:0;width:100%;padding:28px}
.source-doc-stage .source-chat{width:25%;left:0;top:12%}
.source-doc-stage .source-paper{left:23%;padding-left:50px}
.welcome-app-head{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.welcome-app-account{display:flex;align-items:center;gap:18px;line-height:1}
.welcome-london-clock{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#5b574e}
.welcome-london-clock svg{width:14px;height:14px;display:block}
.welcome-credit{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:999px;background:transparent!important;font-size:12px;white-space:nowrap}
.welcome-native-notice{display:flex;align-items:center;gap:14px;min-height:60px;margin:18px 0 24px;padding:13px 18px;font-size:12px}
.welcome-app-banner .welcome-banner-content{right:28px;max-width:820px}
/* Erman's Aurora Creative header (2026-10-13): the figure sits high, so the frame rises to keep his head under the sun. */
.welcome-section .welcome-app-banner>img{object-position:center 45%}
.welcome-banner-content .welcome-native-notice{margin:16px 0 0;color:#23221e;background:rgba(245,243,237,.74);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(20,18,13,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.workspace-native-toolbar[inert]{cursor:default}
.workspace-native-toolbar[inert] button,.workspace-native-toolbar[inert] a,.workspace-native-toolbar[inert] input{cursor:default}
.workspace-native-toolbar .glass-well input{min-width:0;width:100%;padding:0;border:0;outline:0;box-shadow:none;appearance:none;background:transparent}
.workspace-native-toolbar .glass-well>svg{stroke-width:1.5}
.welcome-native-notice>svg{color:#5c584e}
.welcome-native-notice>div{display:flex;gap:10px;align-items:center}
.welcome-native-notice>span{margin-left:auto;color:#777167}
.welcome-native-notice .welcome-due-tag{margin-left:0;border-radius:999px;padding:5px 9px;color:#496049;background:#76977716}
.native-intelligence{height:680px;padding:22px 28px;gap:18px}
.native-intelligence:has(.native-intel-opening){height:430px}
.native-intel-opening{padding:20px;gap:18px}
.native-intel-composer{width:100%;max-width:840px;flex-shrink:0}
.native-intel-composer .yv-composer>div{padding:14px 16px!important;border-radius:20px!important;background:#ffffff05!important;box-shadow:inset 0 0 0 1px #ffffff30!important}
.native-intel-composer textarea{height:52px;min-height:52px!important;max-height:52px!important;line-height:22px!important;resize:none;overflow:hidden;font-size:13px!important;color:#eeece6!important;background:transparent;width:100%}
.native-intel-composer button{color:#d7d4cc;white-space:nowrap}
.native-intel-composer .bg-surface-overlay{background:#ffffff16!important}
.native-intel-composer .bg-text-primary{background:#f5f4ee!important;color:#181818!important}
.native-intel-composer .text-text-primary{color:#f5f4ee!important}
.native-intel-columns.has-finished-canvas{grid-template-columns:1fr}
.native-intel-columns.has-finished-canvas .native-intel-output{display:none}
.native-intel-opening h3{font-size:32px;line-height:1.2}
.canvas-agent-cursor{position:absolute;z-index:8;left:76%;top:57%;width:23px;filter:drop-shadow(0 0 8px #77c9ff);transition:left 1.5s ease,top 1.5s ease;pointer-events:none}
.is-complete .canvas-agent-cursor,.is-done-pressed .canvas-agent-cursor{left:94%;top:92%}
.is-done-pressed button:last-child{box-shadow:0 0 15px #c7e9ff88}
/* LookCraft: source Halo renderer, compact independent controls. */
.halo-native-scene{height:650px;min-height:650px;position:relative;padding:0}
.halo-native-frame{position:absolute;left:8%;right:8%;top:100px;aspect-ratio:21/9;overflow:hidden;border-radius:16px;background:#dedcd3}
.halo-native-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.halo-native-frame>img{object-fit:contain}
.halo-source-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.halo-native-frame canvas{width:100%!important;height:100%!important;display:block}
.halo-native-scene .floating-pane{position:absolute;width:218px;z-index:5;padding:22px 23px;border-radius:18px;overflow:visible}
.halo-native-scene .lens-pane{left:0;top:52px}
.halo-native-scene .film-pane{right:0;top:250px}
.halo-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:20px}
.halo-panel-title button{padding:0;background:none;color:#797469}
.look-native-preset{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.look-native-preset>span,.halo-profile{font-size:12px;color:#777269}
.look-native-preset strong{font-size:18px;letter-spacing:-.035em}
.halo-profile{display:block;margin-bottom:22px}
.halo-native-scene .scene-slider{display:block;margin:0 0 19px}
.halo-native-scene .scene-slider:last-child{margin-bottom:0}
.halo-native-scene .scene-slider>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px;gap:10px}
.halo-native-scene output{color:#777269;font-variant-numeric:tabular-nums;font-size:11px}
.halo-native-scene input[type=range]{accent-color:#24241f;width:100%;height:15px;padding:0;cursor:pointer;display:block}
.halo-native-scene .compare-input{position:absolute;inset:0;opacity:0;height:100%!important;z-index:3;margin:0}
.halo-native-scene .compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff9;z-index:2;pointer-events:none}
.halo-native-scene .compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#f5f4ee;color:#1a1a17;border-radius:50%;display:grid;place-items:center;font-size:22px}
.halo-native-scene .look-bypass{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:1px solid #fff7;background:#1a1a1740;color:#fff;display:grid;place-items:center}
/* Image. Nine generations, one native prompt composer. */
.image-native-stage{min-height:690px}
.image-native-preview{position:relative;width:92%;margin:0 auto;padding:0 0 158px}
.image-native-preview>header{height:44px;display:flex;gap:18px;padding:0 12px;font-size:12px}
.image-native-preview>header>span{display:flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px}
.image-native-preview>header>div{margin-left:auto;display:flex;gap:6px}
.image-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:hidden;border-radius:14px}
.image-native-grid>div{border-radius:0!important;min-width:0}
.image-native-composer{position:absolute;z-index:6;left:-4%;right:-4%;bottom:36px;padding:18px;box-shadow:inset 0 0 0 1px #fff,0 15px 40px #29291f18;backdrop-filter:blur(22px)!important;background:#e8e6dfeb!important}
.image-native-prompt{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:18px;margin-bottom:18px}
.image-native-references{display:flex;gap:7px;align-items:center;margin-bottom:16px}
.image-native-references>span{width:36px;height:36px;display:grid;place-items:center;overflow:hidden}
.image-native-references img{width:100%;height:100%;object-fit:cover}
.image-native-references>svg{margin:0 8px}
.image-native-preset{display:flex;align-items:center;gap:8px;color:#777268;font-size:12px;margin-bottom:16px}
.image-native-preset>div{display:flex;gap:10px;margin-left:auto;align-items:center}
.image-native-preset .glass-frosted{background:#24241f;color:#f5f4ee;padding:7px 12px}
.image-native-controls{display:flex;gap:6px;align-items:center;font-size:12px;flex-wrap:nowrap}
.image-native-controls>span:not(.yv-metal-wrap){padding:9px 12px;display:flex;gap:9px;align-items:center}
.image-native-controls>.metal-ring{margin-left:auto}
.image-native-controls button.bg-text-primary{padding:10px 16px;min-height:36px}
.director-native-panel{padding:24px;width:min(100%,660px);margin:auto;box-shadow:inset 0 0 0 1px #fff,0 15px 35px #29291f0c}
.director-native-panel>header{gap:9px;margin-bottom:18px}
.director-mode-choice{display:flex;gap:10px;font-size:12px;margin-bottom:20px;align-items:center}
.director-mode-choice>span{padding:7px 12px;border-radius:999px}
.director-mode-choice>span:first-child{box-shadow:inset 0 0 0 1px #2223}
.director-native-panel>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.superref-native-demo{width:100%;max-width:600px;margin:auto}
.superref-native-bundle{padding:24px;box-shadow:inset 0 0 0 1px #fff,0 14px 32px #29291f0c}
.superref-native-bundle>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 0 13px}
.superref-native-bundle img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.superref-native-bundle>p{font-size:12px;color:#777268;margin-bottom:7px}
.superref-native-bundle>span{font-size:12px}
.superref-native-prompt{padding:18px;margin:16px 25px 0;font-size:13px;line-height:1.7}
/* Assets and gallery share the source tile grammar. */
.asset-native-stage,.gallery-native-stage{min-height:640px;padding:20px 2%}
.asset-native-library,.gallery-native-preview{position:relative;width:100%;padding:18px}
.asset-native-library>header,.gallery-native-preview>header{justify-content:space-between;margin-bottom:22px}
.asset-native-search{display:flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;width:240px}
.asset-native-search input{background:none;border:0;outline:none;width:100%;font-size:12px}
.asset-native-library>header>button{padding:8px 12px;display:flex;align-items:center;gap:7px;background:#24241f;border-radius:999px;color:#f5f4ee;font-size:12px}
.asset-native-body{display:grid;grid-template-columns:185px minmax(0,1fr);gap:20px}
.asset-native-body>aside{padding:12px;height:340px}
.asset-native-body aside button{display:flex;align-items:center;gap:9px;background:transparent;width:100%;text-align:left;padding:11px 7px;border-radius:8px;font-size:12px}
.asset-native-body aside button span{margin-left:auto;color:#898478}
.asset-native-body aside h4{font-size:11px;font-weight:500;color:#8b867b;margin:20px 7px 8px}
.asset-native-body .asset-new-folder{margin-top:18px;color:#817b70}
.asset-native-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.asset-native-toolbar>div{display:flex;gap:5px;margin-right:auto;flex-wrap:wrap}
.asset-native-toolbar button,.gallery-native-preview>nav button{border-radius:999px;padding:7px 12px;min-height:30px;background:none;font-size:12px;color:#59554c}
.asset-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.asset-native-grid>div,.gallery-native-grid>div{min-width:0}
.asset-native-library.is-compact .asset-native-body{grid-template-columns:1fr}
.asset-native-library.is-compact .asset-native-body>aside{display:none}
.asset-native-library.is-compact>header .asset-native-search{display:none}
.asset-native-lightbox{position:absolute;z-index:20;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 250px;background:#eeeae2;border-radius:16px;overflow:hidden;box-shadow:0 20px 45px #2222}
.asset-native-preview-media{position:relative;min-width:0;min-height:400px;display:grid;place-items:center;background:#181818;padding:22px}
.asset-native-preview-media img{width:100%;height:100%;max-height:520px;object-fit:contain}
.asset-native-preview-media button{position:absolute;right:12px;top:12px;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#f5f4ee;color:#181818}
.asset-native-lightbox>aside{padding:28px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.asset-native-lightbox dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}
.asset-native-lightbox dt{color:#8a8275}.asset-native-lightbox dd{margin:0;text-align:right}
.asset-native-lightbox>aside button{padding:10px;background:#24241f;color:#fff;border-radius:999px;font-size:12px}
.gallery-native-preview>nav{display:flex;gap:5px;flex-wrap:wrap}
.gallery-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:14px;overflow:hidden}
.gallery-native-grid>div{border-radius:0!important}
.review-native-view{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:0;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}
.review-native-media{display:flex;flex-direction:column;padding:16px;background:#e9e7de;min-width:0}
.review-native-media>img{width:100%;flex:1;min-height:240px;max-height:440px;object-fit:cover;border-radius:10px}
.review-native-strip{display:flex;gap:5px;margin-top:10px}
.review-native-strip img{width:65px;height:44px;object-fit:cover;border-radius:5px}
.review-native-view>aside{padding:24px;display:flex;flex-direction:column;gap:18px}
.review-native-view>aside header{justify-content:space-between}
.review-native-view>aside p{font-size:12px;line-height:1.65}
.review-native-meta,.review-native-rating{font-size:12px;display:flex;gap:7px;align-items:center}
.review-native-rating button{background:none;padding:3px;color:#9a8456}
.review-native-comment{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.65}
.review-native-comment-form textarea{width:100%;resize:none;font-size:12px;padding:10px;background:none;border-radius:8px}
.review-native-comment-form button{padding:7px 12px;background:#24241f;color:#f5f4ee;border-radius:999px;font-size:12px;margin-top:6px}
.gallery-native-open{position:absolute;left:16px;right:16px;top:56px;z-index:20;padding:12px;background:rgba(245,244,238,.76);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;box-shadow:inset 0 0 0 1px #fff,0 16px 45px #25251d24;transform:translateY(-12px)}
.gallery-native-open .review-native-view{background:transparent;box-shadow:none;overflow:visible}
.gallery-native-open .review-native-media{background:transparent;padding:4px 12px 4px 4px}
.gallery-native-open .review-native-media>img{height:300px;min-height:0;object-fit:contain;background:#181816;border-radius:10px}
.gallery-native-open .review-native-view>aside{padding:10px 12px;gap:12px;background:transparent;backdrop-filter:none;box-shadow:none}
.gallery-native-open .review-native-view>aside header button{background:transparent;border:0;padding:3px}
/* Public: share, open link, then the external review. */
.public-native-stage{min-height:620px;padding:22px 5%}
.public-native-new-share{padding:28px;width:min(100%,780px);margin:auto;box-shadow:inset 0 0 0 1px #fff,0 18px 45px #2221}
.public-native-new-share>header{justify-content:space-between;margin-bottom:14px}
.public-native-new-share>p{font-size:12px;color:#7b756a;margin-bottom:20px}
.public-native-field-label,.public-native-new-share>label{display:block;font-size:12px;margin:18px 0 8px}
.public-native-share-modes{display:flex;gap:8px;font-size:12px}
.public-native-share-modes button{padding:9px 12px;border-radius:999px;background:none}
.public-native-new-share input,.public-native-new-share textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;background:none;resize:none;font-size:12px}
.public-native-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.public-native-picks>div{position:relative;overflow:hidden;border-radius:8px}
.public-native-picks img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.public-native-picks span{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.public-native-new-share>footer{display:flex;align-items:center;gap:18px;margin-top:24px;padding:0;background:none;color:inherit;font-size:12px}
.public-native-new-share>footer>button{margin-left:auto;padding:10px 16px;display:flex;gap:8px;align-items:center}
.public-native-share-composition{position:relative;padding-bottom:34px}
.public-share-approval{position:absolute;left:-18px;bottom:0;z-index:6;width:255px;padding:16px 18px;background:rgba(245,244,238,.78)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px #fff,0 14px 35px #25251d20}
.public-share-approval p{font-size:12px;line-height:1.6;margin:12px 0!important}
.public-share-approval .public-native-approved{font-weight:700}
@media(max-width:600px){.public-share-approval{left:8px;width:min(255px,90%)}.public-native-share-composition{padding-bottom:72px}}
.public-native-link-card{width:min(100%,500px);margin:auto;padding:24px}
.public-native-link-card>img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.public-native-link-card h3{font-size:18px;margin:20px 0 10px}
.public-native-link-url{display:flex;align-items:center;gap:7px;font-size:11px;margin:15px 0}
.public-native-link-actions{display:flex;gap:8px}
.public-native-link-actions button{padding:9px 13px;border-radius:999px;display:flex;gap:7px;align-items:center;font-size:12px;background:none}
.public-native-link-card p,.public-native-link-state{font-size:12px;color:#777166;line-height:1.7;margin-top:14px}
.public-native-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);width:100%;min-height:440px;gap:20px}
.public-native-review-rail{padding:28px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.public-native-review-rail h3{font-size:23px;letter-spacing:-.04em}
.public-native-review-rail p{font-size:13px;line-height:1.75}
.public-native-review-rail button{padding:9px 12px;align-self:flex-start;background:none;font-size:12px}
.public-native-approved{display:flex;gap:7px;align-items:center;color:#07845c;font-size:12px}
.public-native-review-poster{position:relative;min-width:0;padding:20px;background:#e8e6dd;border-radius:16px;display:flex;flex-direction:column}
.public-native-review-poster>img{width:100%;height:440px;object-fit:contain;min-width:0}
.public-native-review-poster>div{display:flex;gap:6px;font-size:10px;justify-content:center;margin-top:15px}
.public-native-review-poster span{padding:7px 9px;border-radius:999px;background:#24241f0a}
/* Space: genuine node controls in a composed, readable canvas. */
.space-native-stage{min-height:810px}
.space-native-preview{width:100%;position:relative}
.space-native-top{display:flex;align-items:center;gap:24px;padding:15px 22px!important;font-size:12px}
.space-native-top>div{display:flex;align-items:center;gap:8px;margin-right:auto}
.space-native-top>span{display:flex;gap:6px;align-items:center}
.space-native-ground{position:relative;padding:28px 25px 45px 74px;background-image:radial-gradient(#67624e20 .7px,transparent .7px);background-size:18px 18px;border-radius:16px}
.space-native-rail{position:absolute;left:14px;top:30px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;width:38px}
.space-native-rail>div{display:flex;flex-direction:column;border-radius:999px;margin-top:14px;padding:8px 5px;gap:3px}
.space-native-rail button{background:none;padding:7px;color:#514d43;display:grid;place-items:center}
.space-native-nodes{position:relative;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:42px 38px;align-items:start}
.space-native-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.space-native-node{position:relative;min-width:0;z-index:1}
.space-native-node .metal-ring{width:100%}
.space-native-node [data-grip-host]{position:relative;min-height:100px;overflow:visible;box-shadow:inset 0 0 0 1px #fff;background:#eae8dff5}
.space-native-node header{padding:12px 14px!important;gap:7px;border-radius:16px 16px 0 0;background:#25251d08!important}
.space-native-node header input{background:none;border:0;min-width:0;width:100%;font-size:12px;font-weight:600;text-overflow:ellipsis}
.space-node-body{padding:12px}
.space-node-port{position:absolute;width:0;height:0;z-index:4}
.space-node-port::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--surface-base);background:var(--text-primary)}
.space-node-port.port-in{left:0}.space-node-port.port-out{right:0}
.space-node-grip{position:absolute;right:2px;bottom:2px;width:20px;height:20px;opacity:.45}
.space-node-media{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;display:block}
.space-node-file{font-size:10px;margin:10px 0 0!important;color:#696355}
.space-node-body .director-native-panel{padding:0;background:none;box-shadow:none;width:100%}
.space-node-body .director-native-panel header{display:none}
.space-node-body .director-mode-choice{margin:3px 0 12px;font-size:10px;gap:4px}
.space-node-body .director-native-panel>div:last-child{grid-template-columns:1fr;gap:10px}
.space-node-prompt{padding:10px;font-size:11px;line-height:1.6;border-radius:9px;margin-top:12px}
.space-node-chips{display:flex;gap:7px;margin-top:10px;font-size:10px;align-items:center}
.space-node-chips span{padding:5px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px #24241f28}
.space-node-door{display:flex;align-items:center;justify-content:center;gap:6px;background:#24241f;color:#f5f4ee;border-radius:999px;min-height:30px;font-size:10px;margin-top:12px}
.space-node-context{font-size:10px;color:#857e70;margin:10px 0!important}
.space-node-board{grid-column:2/4}
.space-board-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.space-board-frames img{width:100%;height:100%;object-fit:cover}
.space-board-frames>div{overflow:hidden}
.space-board-frames>div>div:last-child{padding:7px}
.space-board-frames input,.space-board-frames textarea{width:100%;background:none;border:0;font-size:10px;line-height:1.5;resize:none;padding:0}
.space-board-frames input{font-weight:600;margin-bottom:5px}
.space-board-footer{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:12px}
.space-board-footer span{margin-left:auto;color:#777166}
.space-native-bottom{position:absolute;left:76px;bottom:10px;right:25px;display:flex;justify-content:space-between;padding:0;background:none;color:#6d6658;font-size:10px}
.space-native-bottom span{display:flex;gap:7px;align-items:center}
.space-assistant-native{padding:24px;max-width:560px;width:100%;margin:auto;display:flex;flex-direction:column;gap:20px}
.space-assistant-native header{gap:7px}
.space-assistant-native .yv-composer{margin-top:20px}
/* Shooting Board uses the native frame and its Angles / Reframe controls. */
.shooting-native-stage{min-height:880px;padding:10px 0}
.shooting-native-header{display:flex;gap:15px;align-items:center;font-size:11px;padding:18px!important}
.shooting-native-header>div{display:flex;gap:8px;align-items:center;margin-right:auto}
.shooting-native-header button{background:none;display:flex;gap:5px;align-items:center;padding:6px;font-size:11px}
.shooting-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.shooting-native-card{min-width:0}
.shooting-native-card input,.shooting-native-card textarea{font-size:11px!important;line-height:1.5!important}
.shooting-native-card [data-board-frame]{background:#e7e5dc!important}
.shooting-native-detail{width:100%;max-width:600px;margin:auto}
/* CutCraft features preserve the dialog and extension hierarchy. */
.cut-native-extensions{padding:20px;max-width:520px;width:100%;margin:auto}
.cut-native-extensions>header{display:flex;gap:10px;margin-bottom:18px;font-size:12px}
.cut-native-extensions>header>strong{padding:6px 13px;font-weight:500}
.cut-native-extensions textarea{width:100%;padding:10px;font-size:12px;line-height:1.7;margin-bottom:10px;resize:none}
.cut-native-feature{width:100%;max-width:590px;margin:auto}
.cut-native-inline-dialog{padding:24px;box-shadow:inset 0 0 0 1px #fff,0 15px 40px #2221}
.cut-native-inline-dialog>header{margin-bottom:20px}
.cut-native-form-row{display:flex;align-items:start;gap:18px;margin-bottom:16px;font-size:12px}
.cut-native-form-row>span{width:80px;flex-shrink:0;color:#7b7367;padding-top:8px}
.cut-native-form-row>div{display:flex;gap:6px;align-items:center;flex:1;min-width:0;flex-wrap:wrap}
.cut-native-form-row textarea,.cut-native-form-row input{width:100%;padding:10px;font-size:12px;line-height:1.7;background:none;resize:none}
.cut-native-frame-picks{display:flex;gap:7px;width:100%}
.cut-native-frame-picks>div{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:8px}
.cut-native-frame-picks img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cut-native-frame-picks span{position:absolute;left:8px;bottom:8px;color:#fff;font-size:9px}
.cut-native-delivery,.cut-native-vocals{display:flex;gap:6px;flex-wrap:wrap}
.cut-native-extend-source{width:100%;height:150px;object-fit:cover;border-radius:9px}
.cut-native-inline-dialog>footer{display:flex;align-items:center;justify-content:space-between;padding:4px 0 0;background:none;font-size:12px;color:#82796a}
.cut-native-inline-dialog>footer button{padding:9px 15px;min-height:34px;font-size:12px}
.cut-native-insert{margin:18px 22px 0;padding:14px;background:#e6e3da;border-radius:10px}
.cut-native-insert>header{display:flex;justify-content:space-between;font-size:10px;margin-bottom:9px;color:#837967}
.cut-native-insert>header>span{display:flex;gap:5px;align-items:center}
.cut-native-created-clip{position:relative;height:56px;width:88%;border-radius:6px;overflow:hidden;opacity:.35;transform:translateX(9px);transition:transform .8s ease,opacity .8s ease}
.cut-native-created-clip[data-ready=true]{opacity:1;transform:translateX(0)}
.cut-native-created-clip.is-audio{background:#283a58;padding:5px}.cut-native-created-clip.is-video img{width:100%;height:100%;object-fit:cover}
.cut-native-created-clip>span{position:absolute;bottom:4px;left:7px;color:#fff;font-size:8px;text-shadow:0 1px 4px #000}
.cut-native-created-clip svg{width:100%;height:100%}
.cut-native-insert-status{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:10px;color:#716a5d}
/* Organisation feature examples. */
.organization-features{gap:45px 28px!important}
.organization-features article{min-width:0}
.org-native-feature{height:256px;overflow:hidden;margin-bottom:24px;padding:20px;font-size:12px;box-shadow:inset 0 0 0 1px #fff,0 12px 28px #22208}
.org-native-feature>header{justify-content:space-between;margin-bottom:16px}
.org-native-person{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}
.org-native-brand-list{display:flex;gap:8px}
.org-native-brand-list>article{flex:1;padding:12px 7px;display:flex;flex-direction:column;gap:15px;align-items:center}
.org-native-brand-list img{height:40px;width:100%;object-fit:contain}
.org-native-brand-list>article>div{display:flex;gap:4px;font-size:9px;align-items:center}
.org-native-balance{display:flex;gap:10px;align-items:center;margin:16px 0 20px}
.org-native-balance>span{color:#8a8274;font-size:11px}
.org-native-feature>button{padding:7px 12px;background:none;margin-top:8px;font-size:11px}
.org-native-summary{display:flex;gap:7px;align-items:center;font-size:11px;color:#7c7466}
.org-native-summary>span{margin-left:auto;display:flex;gap:4px;align-items:center}
.org-native-bars{height:96px;display:flex;align-items:end;gap:6px;margin:22px 0 13px}
.org-native-bars span{background:linear-gradient(#62a8e788,#576a96bb);flex:1;border-radius:3px 3px 0 0}
.org-native-usage{display:flex;justify-content:space-between;font-size:9px;color:#797262}
.org-native-usage b{font-weight:500;margin-left:3px}
.org-native-plugin{display:flex;align-items:center;gap:8px;padding:14px 10px;margin-bottom:12px;font-size:10px}
.org-native-plugin>svg{width:100px;height:22px}
.org-native-plugin>span:last-child{margin-left:auto}
/* Research entries move through two fixed slots and fade upwards. */
.depth-native-preview{width:100%}
.depth-research-viewport{height:210px;position:relative;overflow:hidden;margin-top:14px;mask-image:linear-gradient(transparent,#000 15%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 90%,transparent)}
.depth-research-popup{position:absolute;top:0;left:0;right:0;height:92px;padding:14px 16px;transition:transform 1.1s cubic-bezier(.22,.61,.36,1),opacity .8s ease;box-shadow:inset 0 0 0 1px #fff}
.depth-research-popup>div{display:flex;gap:8px;align-items:center;font-size:11px;color:#625b4e}
.depth-research-popup>div>svg:last-child{margin-left:auto}
.depth-research-popup>p{font-size:12px;margin:7px 0!important}
.depth-research-result{font-size:10px;display:flex;gap:6px;align-items:center;color:#776e5e}
.insight-native-review{width:100%;padding:22px;min-height:380px;box-shadow:inset 0 0 0 1px #fff}
.insight-native-champion{padding:20px;margin-top:10px;border-radius:12px;background:#ffffff48;transition:opacity .7s ease;opacity:.55}
.insight-native-champion[data-ready=true]{opacity:1}
.insight-native-champion>span{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#8a7d69}
.insight-native-champion>p{font-size:22px;letter-spacing:-.04em;margin:12px 0!important}
.insight-native-champion>div{display:flex;gap:8px;font-size:10px;align-items:center;color:#78705f}
@media(prefers-reduced-motion:reduce){.source-ui *,.canvas-agent-cursor{transition:none!important;animation:none!important}.space-native-wires{display:none}}

.review-native-view>aside{padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0}
.review-native-view>aside header{justify-content:space-between}
.review-native-section>strong{font-size:11px;color:#777063;font-weight:500;display:block;margin-bottom:7px}
.review-native-section p{font-size:12px;line-height:1.65}
.review-native-parameters{display:flex;gap:6px;font-size:10px}
.review-native-parameters span{padding:5px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px #23231a25}
.review-native-rating{display:flex;gap:4px;align-items:center;color:#8f805e}
.review-native-rating span{font-size:11px;margin-left:6px}
.review-native-rating button{padding:3px;background:none;color:inherit}
.review-native-comments{max-height:180px;overflow:auto;scrollbar-width:thin}
.review-native-comments>div{margin-bottom:14px}
.review-native-comments p{margin-top:7px!important}
.review-native-section form{display:flex;align-items:end;gap:5px}
.review-native-section textarea{width:100%;padding:10px;background:none;font-size:11px;resize:none}
.review-native-section form button{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;background:#24241f;color:#fff}
.gallery-native-preview>header>div{display:flex;gap:7px;align-items:center;font-size:11px;color:#8c8271;margin-left:auto}
.gallery-native-preview>nav{margin-bottom:18px}
.gallery-native-open{position:absolute;left:12px;right:12px;top:-24px;bottom:auto;z-index:20;background:rgba(245,244,238,.58);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #ffffffb3;border-radius:18px;overflow:visible;max-height:none}
.public-native-link{padding:24px;max-width:500px;width:100%;margin:auto;box-shadow:inset 0 0 0 1px #fff}
.public-native-link>header{gap:7px;margin-bottom:18px}
.public-native-link>header>span{margin-left:auto;font-size:11px;color:#8b8272}
.public-native-cover{border-radius:10px;overflow:hidden}
.public-native-cover img{width:100%;height:235px;object-fit:cover;object-position:center 40%;display:block}
.public-native-link>p{font-size:11px;margin:15px 0!important;color:#7d7466}
.public-native-url{display:flex;align-items:center;gap:7px;padding:12px;font-size:11px;margin-bottom:15px}
.public-native-url>button{margin-left:auto;background:none;padding:0;color:inherit}
.public-native-link>button{padding:9px 12px;display:flex;gap:7px;align-items:center;background:none;font-size:12px}
.public-native-open-link{display:flex;gap:6px;align-items:center;font-size:11px;margin-top:15px;color:#087e56}
.public-native-note{padding:16px;font-size:12px;line-height:1.7}
.public-native-note>strong{display:block;font-size:10px;color:#8b806d;margin-bottom:6px}
.org-native-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.org-native-brands article{padding:14px 6px;min-width:0}
.org-native-brands img{width:100%;height:64px;object-fit:contain}
.org-native-brands article>div{display:flex;gap:4px;justify-content:center;font-size:9px;align-items:center;margin-top:12px}
.intelligence-page .real-hero{padding-top:30px;padding-bottom:22px}
.intelligence-page .real-hero h1{font-size:clamp(48px,4.8vw,68px)}
.intelligence-page .source-conversation-stage{min-height:0}
.intelligence-page .native-intelligence:has(.native-intel-opening){height:clamp(320px,calc(100svh - 350px),420px)}
.native-intelligence .native-intel-composer{order:0}
.native-intelligence .native-intel-composer .yv-composer-row button{gap:5px}
.real-tool-stage .halo-native-scene{height:500px;min-height:500px}
.real-tool-stage .halo-native-frame{left:4%;right:4%;top:60px}
.real-tool-stage .halo-native-scene .floating-pane{width:164px;padding:16px;border-radius:16px}
.real-tool-stage .halo-native-scene .lens-pane{top:20px}
.real-tool-stage .halo-native-scene .film-pane{top:250px}
.real-tool-stage .halo-native-scene .scene-slider{margin-bottom:12px}
.media-native-stage{min-height:650px;padding:28px 0}
.media-native-preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:34px;align-items:center}
.media-native-result{padding:18px;min-width:0}
.media-native-result video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:12px}
.media-native-result>div{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:11px;color:#756c5b}
.media-native-result>div>span:last-child{margin-left:auto}
.media-native-result>svg{display:block;margin:70px auto 25px}
.media-native-result h3{font-size:24px;text-align:center;letter-spacing:-.04em;margin:12px 0}
.media-native-result p{font-size:13px;text-align:center;line-height:1.8;margin:15px 25px 70px}
.media-native-modes{display:flex;gap:8px;justify-content:center;margin-bottom:20px}
.media-native-modes button{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 14px;border-radius:999px;background:none}
.social-native-stage{min-height:650px;padding:24px 0}
.social-native-preview{padding:24px;width:100%;box-shadow:inset 0 0 0 1px #fff}
.social-native-preview>header{margin-bottom:22px;display:flex;align-items:center;gap:10px;font-size:12px}
.social-native-preview>header>strong{margin-right:10px;font-size:17px}
.social-native-preview>header button{background:none;padding:6px;border-radius:999px}
.social-native-preview>header>div{display:flex;gap:6px;margin-left:auto}
.social-native-preview>header>div button{padding:7px 12px;font-size:12px}
.social-native-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.social-native-weekday{font-size:10px;color:#8b806e;text-align:center;padding:6px}
.social-native-day{min-height:100px;background:#24241f04!important;border-radius:7px;text-align:left;padding:9px!important;display:flex;flex-direction:column;align-items:start;gap:6px}
.social-native-day.is-selected{box-shadow:inset 0 0 0 1px #a99a7d}
.social-native-day>span{font-size:11px;color:#92846d}
.social-native-day>div{width:100%;overflow:hidden;background:#f8f5ec;border-radius:6px}
.social-native-day img{width:100%;height:66px;object-fit:cover;display:block}
.social-native-day p{font-size:10px;line-height:1.5;padding:7px 6px}
.social-native-day small{display:flex;gap:5px;align-items:center;padding:0 6px 8px;font-size:8px;color:#82735e}
.social-native-day i,.social-native-preview>footer i{width:4px;height:4px;display:inline-block;border-radius:50%;flex-shrink:0}
.social-native-preview>footer{display:flex;gap:18px;align-items:center;padding:20px 0 0;background:none;font-size:10px;color:#83745e}
.social-native-preview>footer span{display:flex;gap:5px;align-items:center}
.social-native-post{padding:24px;width:100%;max-width:490px;margin:auto}
.social-native-post>header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}
.social-native-post>header>span{color:#8a7a62}
.social-native-post>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.social-native-post-pickers{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.social-native-post textarea{width:100%;padding:12px;font-size:12px;line-height:1.8;resize:none;background:none}
.social-native-post>footer{display:flex;justify-content:space-between;padding:18px 0 0;background:none;font-size:10px;color:#8b7b62;align-items:center}
.flowkit-native-stage{min-height:650px;padding:24px 0}
.flowkit-native-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center}
.flowkit-native-form{padding:24px;min-width:0}
.flowkit-native-form>header{margin-bottom:12px}
.flowkit-native-form>p{font-size:12px;line-height:1.7;color:#887861;margin-bottom:20px}
.flowkit-native-source{display:flex;gap:12px;align-items:center;font-size:11px;margin-bottom:20px;color:#7f6e56}
.flowkit-native-source img{width:75px;height:75px;object-fit:cover;border-radius:9px}
.flowkit-native-form>label{display:block;font-size:11px;margin:20px 0}
.flowkit-native-form textarea{width:100%;padding:12px;margin-top:7px;font-size:12px;line-height:1.7;resize:none;background:none}
.flowkit-native-form>button{display:flex;gap:9px;align-items:center;padding:9px 15px;font-size:12px;margin-left:auto}
.flowkit-native-results{display:flex;gap:12px;align-items:center;min-width:0}
.flowkit-native-results>div{flex:1;min-width:0;opacity:.4;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}
.flowkit-native-results>div[data-ready=true]{opacity:1;transform:translateY(0)}
.flowkit-native-results img{width:100%;height:100%;object-fit:cover}
.flowkit-native-results>div>div{overflow:hidden;border-radius:10px;width:100%}
.flowkit-native-results>div>span{display:flex;gap:4px;align-items:center;font-size:9px;margin-top:12px;color:#847256}
.flowkit-native-preview.is-compact{grid-template-columns:1fr;gap:24px}
.feature-visual:has([data-source-universe]){min-height:520px;position:relative}

/* A feature root is also its own universe mounting surface. */
.feature-visual[data-source-universe]{min-height:520px;position:relative;width:100%}
.media-native-moving-frame{aspect-ratio:16/10;overflow:hidden;border-radius:12px}
.media-native-moving-frame img{width:100%;height:100%;object-fit:cover;animation:destination-drift 14s ease-in-out infinite alternate}
@keyframes destination-drift{from{transform:scale(1)}to{transform:scale(1.075);object-position:52% 48%}}
@media(prefers-reduced-motion:reduce){.media-native-moving-frame img{animation:none}}

.native-intel-composer textarea{border:0!important;outline:0!important;box-shadow:none!important}

/* Landing: a short conversation, with the source composer underneath. */
[data-intelligence-still] .source-conversation-stage{min-height:0}
.native-intelligence.native-intelligence-still{height:auto;min-height:0;padding:20px 0;gap:32px}
.intel-still-dialogue{display:flex;flex-direction:column;gap:26px;font-size:14px;line-height:1.8;min-width:0}
.intel-still-dialogue p{max-width:none;color:#c4c0b8;margin:0}
.intel-still-dialogue .intel-still-request{align-self:flex-end;width:90%;padding:14px 18px;border-radius:14px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:#f5f3ed}
.native-intelligence-still .native-intel-composer{order:0;max-width:none;width:100%;margin:0}
.native-intelligence-still .native-intel-composer textarea{height:32px;min-height:32px!important;max-height:32px!important}
[data-intelligence-still] .source-ui *{animation:none!important;transition:none!important}
.public-native-link-open{position:fixed;inset:12vh 12vw;z-index:80;background:#f5f4ee;border-radius:24px;padding:36px;box-shadow:0 0 0 100vmax #16161670;overflow:auto}
.public-native-link-open>button{position:absolute;right:16px;top:16px;background:none}
.public-native-link-open .public-native-review{min-height:0}
.review-native-audio{height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#eee8da}
.review-native-audio span{font-size:11px;color:#b0aba2}

[data-source-flowkit=catalogue] .flowkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
[data-source-flowkit=catalogue] .flowkit-grid a{min-height:160px;aspect-ratio:16/10;color:white}
/* The Soon kit (Game4everything) is a div, not a link: the rule above never
   reached it, and its own 21:9 + min-h-56 made it wider than its column and
   taller than its row — "Soon" was clipped at 740 and 1440 (2026-10-12). */
[data-source-flowkit=catalogue] .flowkit-grid [data-flowkit]>div.group{min-height:160px;aspect-ratio:16/10}
[data-source-flowkit=catalogue] .flowkit-grid .text-fluid-cover{font-size:25px;color:white;line-height:1.2}
[data-source-flowkit=catalogue]>div>div{padding:0}
.social-native-preview .grid-cols-7 .h-8{height:22px}
.social-native-preview .grid-cols-7 button{font-size:10px}
.social-native-preview .grid-cols-7 span{font-size:9px}

.org-billing>.glass-hairline{grid-template-columns:85px minmax(0,1fr)!important;padding:15px 0;gap:12px;align-items:center}
.org-billing>.glass-hairline>div:first-child{gap:7px}
.org-billing>.glass-hairline p,.org-billing>.glass-hairline .text-md{font-size:12px}
.org-billing>.glass-hairline .text-sm{font-size:10px}
.intelligence-page .native-intelligence:has(.native-intel-opening){height:340px}

/* Keep the shared marketing action geometry when a desktop window narrows. */
.marketing-metal>a.button{height:36px!important;min-height:36px!important;border-radius:8px!important;padding-block:8px!important;line-height:20px!important}
/* Let whitespace separate page sections; keep the source controls' own edges. */
.model-section,.end,.tool-tabs,.model-types,.product-handoff,.product-location,.capability-strip,.container-jumps,.footer-base,.footer-wordmark,main>section[style]{border-top:0!important;border-bottom:0!important}

/* Marketing typography follows the available frame width. Source UI is independent. */
.fit-logical-lines>[data-fit-line]{display:block;white-space:nowrap}
.hero-copy p span{display:block;white-space:nowrap}
.feature-copy p,.real-hero p,.company-hero p,.container-intro p,.section-head p,.model-copy p,.tool-copy p,.end p{ text-wrap:pretty; }
.real-hero h1,.feature-copy h2,.company-hero h1,.container-intro h2,.model-copy h2,.end h2{ text-wrap:balance; }
.end>div:first-child>p{max-width:460px;margin:24px 0 0;font-size:15px;line-height:1.8;color:#716d65}
.model-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:7%;align-items:center}
.model-names{display:flex;flex-wrap:wrap;gap:8px 20px}
.model-names button{font-size:clamp(17px,1.65vw,24px);letter-spacing:-.04em;padding:5px 0;line-height:1.4;color:#716d65;text-decoration:none}
.model-names button.selected{color:#24241f;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
/* Anamorphic, 2.35:1 (Erman 2026-10-13: "imaj ve video container daha yatay, anamorfiğe yakın bir ratio");
   most model artwork is 2.357 and shows whole. */
.model-visual-slot{max-width:none;width:100%;aspect-ratio:2.35/1;margin-top:28px;overflow:hidden;border-radius:16px;border:0;position:relative;background:#e8e5dc}
.model-visual-slot img{display:block;width:100%;height:100%;object-fit:cover}
.model-visual-slot.is-changing img{animation:model-image-in .24s ease-out}
/* A video model's footage lies over its first frame (models.js). */
.model-visual-slot>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.model-visual-slot>video[hidden]{display:none}
/* Seedance's runner keeps his head in frame (Erman 2026-10-13: "Seedance videosunu %8 aşağı al, adamın face'i
   kesilmesin"): the 16:9 footage moves 8% of its height down inside the 2.35:1 box. Of the 24.35% the box crops,
   4.2% now goes at the top instead of 12.2%: (12.175 - 8) / 24.35 = 17%. Its first frame, the artwork, moves
   with it, so nothing jumps when the footage starts. */
.model-visual-slot[data-selected-model="Seedance"]>img,.model-visual-slot[data-selected-model="Seedance"]>video{object-position:50% 17%}
/* LTX's alien rises in the frame towards the end of the clip; the box keeps the top of the footage so his head
   stays whole throughout (at 17% it is cut from 8 s on). The bag at the bottom gives way. */
.model-visual-slot[data-selected-model="LTX Studio"]>img,.model-visual-slot[data-selected-model="LTX Studio"]>video{object-position:50% 0%}
/* Veo's woman stands tall in the frame; at the centre her hair is cut as the camera closes in. */
.model-visual-slot[data-selected-model="Veo"]>img,.model-visual-slot[data-selected-model="Veo"]>video{object-position:50% 25%}
.model-visual-slot.is-changing>video{animation:model-image-in .24s ease-out}
@keyframes model-image-in{from{opacity:.35}to{opacity:1}}
/* The selected model, named large on its own artwork (Erman 2026-10-13). A soft
   shade behind the name keeps it legible on light artwork; the MiniMax file is a
   wordmark, so only its symbol (left) is shown, as on the request page. */
.model-visual-slot{container-type:inline-size}
.model-visual-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(9px,2cqw,15px);padding:0 6%;color:#fff;pointer-events:none;background:radial-gradient(ellipse 60% 48% at 50% 50%,rgba(16,16,14,.3),rgba(16,16,14,0) 72%);text-shadow:0 1px 24px rgba(0,0,0,.32)}
.model-visual-slot .model-visual-mark img{width:clamp(20px,5.6cqw,45px);height:clamp(20px,5.6cqw,45px);flex:none;object-fit:contain;filter:brightness(0) invert(1)}
.model-visual-slot .model-visual-mark img.is-wordmark{object-fit:cover;object-position:left}
.model-visual-mark span{font-weight:500;font-size:clamp(17px,5.1cqw,41px);line-height:1.05;letter-spacing:-.045em;white-space:nowrap}
.model-visual-slot.is-changing .model-visual-mark span{animation:model-image-in .24s ease-out}
@media(prefers-reduced-motion:reduce){.model-visual-slot.is-changing .model-visual-mark span{animation:none}}
.model-visual-slot[data-mark-tone=light] .model-visual-mark{color:#24241f;background:radial-gradient(ellipse 60% 48% at 50% 50%,rgba(243,241,236,.5),rgba(243,241,236,0) 72%);text-shadow:0 1px 22px rgba(255,255,255,.55)}
.model-visual-slot[data-mark-tone=light] .model-visual-mark img{filter:brightness(0)}
.model-visual-slot[data-mark-tone=busy] .model-visual-mark{background:radial-gradient(ellipse 60% 48% at 50% 50%,rgba(16,16,14,.58),rgba(16,16,14,0) 74%)}
@media(min-width:981px){
 .real-tool-stage{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:5%}
 .real-tool-stage .halo-panel-title{font-size:12px;margin-bottom:14px;gap:5px}
 .real-tool-stage .look-native-preset{margin-bottom:16px;gap:4px}
 .real-tool-stage .look-native-preset strong{font-size:16px}
 .real-tool-stage .halo-profile{margin-bottom:16px}
 .real-tool-stage .halo-native-scene .scene-slider>span{font-size:11px;gap:5px;margin-bottom:6px}
 .real-tool-stage .halo-native-scene input[type=range]{height:14px}
}
@media(prefers-reduced-motion:reduce){.model-visual-slot.is-changing img,.model-visual-slot.is-changing>video{animation:none}}
/* Brands & Projects: actual brand covers, project cards, identities and asset tiles. */
.brands-native-stage{border-radius:20px;background:#efede7;padding:28px!important;overflow:hidden}
.brands-native-library>header{display:flex;justify-content:space-between;padding:0 0 24px;height:auto;background:none}
.brands-native-library>header>div{display:flex;align-items:center;gap:9px}
.brands-native-library>header>label{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px}
.brands-native-library input{background:none;border:0;min-width:0;font-size:12px;outline:none;width:190px}
.brand-native-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}
.brand-native-covers>button{background:none;padding:0;border:0;border-radius:16px;text-align:left;min-width:0}
.brand-native-covers>button[aria-pressed=true]{outline:1px solid #2c2b26;outline-offset:5px}
.brand-native-covers>button>div{width:100%}
.brand-library-columns{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);gap:24px}
.brand-project-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:18px}
.brand-project-toolbar>div{margin-right:auto;display:flex;gap:10px;align-items:center;font-size:13px}
.brand-project-toolbar span{font-size:11px;color:#81796f}
.brand-project-toolbar>button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:6px;font-size:11px;color:#726a60}
.brand-project-toolbar>button[aria-pressed=true]{color:#1a1a17}
.brand-native-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brand-native-projects>div{aspect-ratio:16/11}
.brand-native-projects .text-fluid-cover{font-size:clamp(20px,2.05vw,30px)!important;line-height:1.12}
.brand-native-projects .user-identity{min-width:0}
.brand-people-panel{padding:18px;min-width:0;box-shadow:inset 0 0 0 1px #fff,0 8px 20px #28221705}
.brand-people-panel>header{height:auto;padding:0;background:none;font-size:13px;display:flex;justify-content:space-between;margin-bottom:18px}
.brand-people-panel>header>span{font-size:11px;color:#81796f}
.brands-people{display:flex;flex-direction:column;gap:17px}
.brand-recent{margin-top:25px;font-size:12px}
.brand-recent p{font-size:11px;line-height:1.6;color:#71695e;margin:8px 0 4px}
.brand-recent>span{font-size:10px;color:#8d8579}
.brand-native-projects.is-list{grid-template-columns:1fr}
.brand-project-list-row{display:flex;align-items:center;gap:13px;padding:9px;background:#ffffff60;border-radius:12px;min-width:0;text-align:left;font-size:12px}
.brand-project-list-row>img{width:62px;height:48px;object-fit:cover;border-radius:8px}
.brand-project-list-row>strong{margin-right:auto}
.brand-search-empty{font-size:13px;padding:25px;color:#736b60}
.brand-native-assets{padding:24px;background:#efede7;border-radius:18px}
.brand-native-assets>header{height:auto;padding:0;background:none;margin-bottom:24px;display:flex;gap:12px;font-size:13px;flex-wrap:wrap}
.brand-native-assets>header>img{width:54px;height:28px;object-fit:contain}
.brand-native-assets>header>span{margin-left:auto;font-size:11px;color:#82796e}
.brand-native-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.brand-project-overview{width:100%;min-width:0;padding:22px;background:#eeece5;border-radius:18px}
.brand-project-cover{position:relative;height:175px;overflow:hidden;border-radius:13px;color:#fff}
.brand-project-cover>img{width:100%;height:100%;object-fit:cover}
.brand-project-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17171780,transparent)}
.brand-project-cover>div{position:absolute;inset:auto 20px 18px;z-index:1}
.brand-project-cover span{font-size:10px}
.brand-project-cover h3{font-size:28px;line-height:1.12;letter-spacing:-.04em;margin:6px 0 10px;max-width:390px}
.brand-project-jump{margin-top:24px;font-size:13px}
.brand-project-jump>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.brand-project-jump button{display:flex;flex-direction:column;gap:9px;background:none;align-items:start;font-size:11px;color:#7c7264;padding:8px 4px}
.brand-project-jump button[aria-pressed=true]{color:#181815}
.brand-project-doc{display:flex;align-items:center;gap:12px;padding:15px;margin-top:14px;font-size:12px;min-width:0}
.brand-project-doc>div{display:flex;flex-direction:column;gap:4px;margin-right:auto}
.brand-project-doc span{font-size:10px;color:#847a6c}
.brand-asset-tabs{display:flex;gap:20px;margin:25px 0 16px}
.brand-asset-tabs button{background:none;padding:0;font-size:12px;color:#8b8275}
.brand-asset-tabs button[aria-pressed=true]{color:#1a1a17}
.brand-project-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.brands-back{display:flex;gap:6px;align-items:center;background:none;margin:0 0 15px;font-size:12px;padding:0}
@media(max-width:980px){.brands-native-stage{padding:20px!important}.brand-library-columns{grid-template-columns:1fr}.brand-people-panel{display:none}.brand-native-covers{gap:14px}.brand-project-toolbar>div{flex-wrap:wrap;gap:5px}.brand-native-projects .text-fluid-cover{font-size:25px!important}}
@media(max-width:600px){.brands-native-library>header{flex-wrap:wrap;gap:15px}.brand-native-covers{grid-template-columns:1fr;gap:18px}.brand-native-covers>button>div{aspect-ratio:3/1}.brand-native-projects{grid-template-columns:1fr}.brand-project-toolbar{flex-wrap:wrap}.brand-project-toolbar>div{flex-basis:100%}.brand-project-list-row .user-identity{display:none}.brand-project-jump>div{gap:5px}.brand-project-overview{padding:15px}}
/* Native composer corrections: complete pills, a continuous prompt, precise metal edge. */
.image-native-prompt{align-items:start;gap:18px;justify-content:flex-start}
.image-prompt-text{flex:1;min-width:0;line-height:1.8;font-size:13px;text-wrap:pretty}
.image-native-prompt>svg{margin-top:4px}
.image-native-references>span:not(.image-reference-slot){width:auto;height:auto;overflow:visible;max-width:none}
.image-native-references>.image-reference-slot{width:36px;height:36px;flex-shrink:0}
.image-native-preset{align-items:center;gap:18px}
.image-native-preset>.director-source-bar{flex:1;min-width:0;margin:0;display:block}
.image-native-preset>.image-mode-switch{display:flex;gap:6px;flex-shrink:0;margin:0}
.image-mode-switch button{background:none;padding:7px 12px;font-size:12px;color:#716d65}
.image-mode-switch button[aria-pressed=true]{background:#24241f;color:#f5f4ee}
.image-generate-ring{margin-left:auto;border-radius:18px!important;padding:0!important;--metal-band-floor:1.5px}
.image-native-controls .image-generate-ring button{height:36px;min-height:36px;border-radius:18px!important;padding:0 18px;white-space:nowrap}
.source-ui [role=switch][aria-checked=true]{background:#1AF29C!important}
.source-ui [role=switch]{padding:0!important}
.source-ui [role=switch]>span{left:0}
.source-ui [role=switch]>span{width:12px;height:12px;top:2px;background:#f9fafb!important;border-radius:50%;transform:translateX(2px);transition:transform .2s ease}
.source-ui [role=switch][aria-checked=true]>span{transform:translateX(14px)}
.source-actions{gap:12px!important;padding:10px 16px!important;min-height:50px}
.source-actions button{font-size:12px!important;line-height:18px!important}
.source-actions .source-primary{height:30px!important;min-height:30px!important;padding:0 13px!important;gap:6px!important}
.source-actions button:not(.source-primary){min-width:28px!important;height:30px!important}
.source-actions svg{width:13px;height:13px}
.image-native-controls[inert],.image-native-controls[inert] *{cursor:default}
.director-horizontal{width:100%;max-width:none;padding:22px 24px}
.director-horizontal>.director-source-bar{display:block}
.director-source-bar{min-width:0;width:100%}
.director-source-bar>div{display:flex;gap:0;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.director-source-bar>div::-webkit-scrollbar{display:none}
.director-source-bar>div>div{flex-shrink:0}
.director-source-bar button{background:transparent;padding:0;border:0;box-shadow:none}
.source-ui.director-menu{padding:4px;background:#f0eee8;border-radius:12px;box-shadow:0 8px 25px #2222}
.wide-feature{display:grid!important;grid-template-columns:1fr 1fr!important;gap:34px!important}
.wide-feature>.feature-copy{display:contents}
.wide-feature .feature-copy h2{max-width:550px}
.wide-feature>.feature-visual{grid-column:1/-1;width:100%;max-width:none}
.space-native-stage{min-height:0}
.space-native-nodes{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.1fr);gap:30px 42px;align-items:center;min-height:560px}
.space-native-node[data-space-node=reference]{grid-column:1;grid-row:1;align-self:end}
.space-native-node[data-space-node=aircraft]{grid-column:1;grid-row:2;align-self:start}
.space-native-node[data-space-node=assistant]{grid-column:2;grid-row:1/3}
.space-native-node[data-space-node=image]{grid-column:3;grid-row:1/3}
.space-native-node .space-node-header{height:44px;background:transparent}
.space-native-node .space-node-header input{border:0;line-height:1.4;min-width:0;width:100%;font-size:15px;font-weight:700;text-overflow:ellipsis}
.space-native-node .space-node-header button{padding:0;background:none}
.space-native-node .space-node-body{padding:0 12px 12px}
.space-native-node .space-node-media{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
.space-native-node .space-aircraft-media{aspect-ratio:4/3}
.space-native-node .space-aircraft-media img{object-fit:contain}
.space-native-node .space-node-file{margin:0!important}
.space-native-node .space-node-prompt{margin-top:0}
.space-native-node .space-node-chips{margin-top:0}
.space-native-node .space-node-grip{right:0;bottom:0;width:18px;height:18px}
.space-wire-halo{fill:var(--text-primary);opacity:.22;filter:blur(2.5px)}
.space-wire-core{fill:var(--text-primary);opacity:.95;filter:drop-shadow(0 0 3px var(--text-primary))}
.space-native-node[data-space-node=assistant] .space-node-body{display:flex;flex-direction:column;gap:14px}
.space-native-node[data-space-node=assistant] .space-node-prompt{margin:0}
.space-native-node .space-node-body p{line-height:1.7}
.space-native-node header input{line-height:1.4}
.space-native-preview{container-type:inline-size}
.space-character-media{aspect-ratio:4/3}
.space-denim-media{aspect-ratio:4/3}.space-denim-media img{object-fit:contain!important;background:#f5f4ee}
.space-compact-board>.shooting-native-header{display:none}
.space-compact-board .shooting-native-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}
.space-compact-board [data-frame-index]>div:last-child{padding:6px 0 0;gap:3px}
.space-compact-board input[aria-label="Frame name"]{font-size:10px!important}
.space-compact-board textarea[aria-label="Frame brief"]{font-size:9px!important;line-height:1.45;height:27px}
.space-compact-board [data-frame-index]>div:last-child>div,.space-compact-board [data-frame-index]>div:last-child>button{display:none}
.space-compact-board [data-media-box]>div.absolute,.space-compact-board [data-board-tool]{display:none}
.space-compact-board [data-media-box] button{min-height:24px;height:24px;padding:0 6px;font-size:9px;background:none;white-space:nowrap}
.space-compact-board [data-media-box] button svg{width:10px;height:10px}
.space-compact-board [data-media-box]:has(button){background:#f8f7f1;box-shadow:inset 0 0 0 1px #25251d20}
.space-add-trigger{display:flex;align-items:center;gap:6px;background:none;font-size:11px;color:#6f685b;padding:4px}
.space-add-trigger kbd{border-radius:4px;background:#25251d08;padding:0 5px;font-size:10px}
.space-node-picker{padding:18px;width:100%;overflow:hidden;max-width:660px;margin:auto}
.node-picker-search{display:flex;align-items:center;gap:10px;padding:0 0 14px}
.node-picker-search input{min-width:0;width:100%;background:none;border:0;font-size:14px;outline:none}
.node-picker-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}
.node-picker-chips button{display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:999px;background:none;font-size:11px}
.node-picker-chips button[aria-pressed=true]{background:#24241f0c}
.node-picker-section{font-size:11px;color:#857c6f;margin:10px 6px}
.node-picker-rows{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:390px;overflow:auto;scrollbar-width:thin}
.node-picker-rows>button{display:flex;align-items:center;gap:9px;min-height:63px;border-radius:12px;background:none;text-align:left;padding:10px 8px;min-width:0}
.node-picker-rows>button:hover,.node-picker-rows>button[aria-pressed=true]{background:#24241f08}
.node-picker-rows>button>span:first-of-type{min-width:0;display:flex;flex-direction:column;gap:4px}
.node-picker-rows strong{font-size:12px;line-height:1.4;font-weight:600}
.node-picker-rows small{font-size:10px;color:#8b8174;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.node-new{font-size:8px;padding:3px 5px;border-radius:999px;background:#1a1a17;color:#f5f3ed;margin-left:auto}
.space-node-picker>footer{display:flex;gap:16px;margin-top:15px;font-size:10px;color:#8b8174;padding:0;background:none}
.space-node-picker>footer>span{display:flex;align-items:center;gap:5px}
@media(max-width:980px){.space-native-nodes{grid-template-columns:1fr;min-height:0;max-width:650px;margin:auto}.space-native-node[data-space-node=assistant],.space-native-node[data-space-node=image]{grid-column:auto;grid-row:auto}.space-native-wires{display:none}.space-native-top{flex-wrap:wrap}.space-native-node{order:0!important}}
@media(max-width:600px){.node-picker-rows{grid-template-columns:1fr}.image-native-preset{flex-wrap:wrap}.wide-feature{grid-template-columns:1fr!important}.wide-feature>.feature-visual{grid-column:1}.director-horizontal{padding:18px 15px}}

/* Current native kits, model previews and workspace controls. */
.product-model-strip{margin:0 5% 36px}.model-provider-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;color:#595850}.model-provider-strip>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.model-provider-strip svg{flex:none}
.video-native-preview{display:flex;flex-direction:column;gap:20px}.video-native-frame{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden;border-radius:16px;background:#d6d2c8}.video-native-frame>img{width:100%;height:100%;object-fit:cover}.video-frame-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#f4f3edcc;color:#24241f}.video-native-frame>div{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#0009);color:white;font-size:12px}.video-model-choices{display:flex;flex-wrap:wrap;gap:8px}.video-model-choices button{display:flex;align-items:center;gap:7px;border:1px solid #20201e22;border-radius:24px;background:transparent;padding:9px 13px;font-size:12px}.video-model-choices button[aria-pressed=true]{background:#22231e;color:white;border-color:#22231e}.video-model-choices small{font-size:10px;opacity:.7}.video-native-composer{padding:20px 22px;display:flex;flex-direction:column;gap:22px}.video-prompt-text{font-size:14px;line-height:1.8}.video-composer-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-reference-frame{width:90px;height:56px;position:relative;overflow:hidden;border-radius:8px}.video-reference-frame img{width:100%;height:100%;object-fit:cover}.video-reference-frame span{position:absolute;bottom:2px;left:6px;color:white;font-size:9px}.video-end-frame{height:56px;padding:0 13px;display:flex;align-items:center;gap:6px;font-size:11px}.video-parameter-row{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-generate{height:36px;padding:0 20px;border:0;font-size:12px}
.flowkit-catalogue-stage{margin-top:24px}.flowkit-catalogue-stage>div>div{padding:0!important}.flowkit-catalogue-stage .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.kit-detail-stage{width:100%;max-width:none!important}.kit-native-preview{display:flex;align-items:stretch;gap:16px;min-height:490px;max-height:620px;width:100%}.kit-native-preview [data-kit-setup]{width:280px!important;max-width:31%;border:1px solid #fff}.kit-native-preview [data-kit-stage]{min-width:0;border:1px solid #fff}.kit-native-preview [data-kit-setup] h2{font-size:24px!important;letter-spacing:-.035em!important;line-height:1.2;margin:0}.kit-native-preview [data-kit-setup] h3{font-size:14px;letter-spacing:0;margin:0}.kit-native-preview [data-kit-setup] p{font-size:12px;line-height:1.65;color:#726e65;margin:9px 0 0}.kit-source-media{height:140px;position:relative;overflow:hidden;display:flex;justify-content:center}.kit-source-media img{height:100%;width:100%;object-fit:contain}.kit-source-media>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white}.kit-notes{width:100%;padding:11px 12px;font-size:12px;line-height:1.7;resize:vertical}.kit-run{width:100%;height:40px;font-size:13px;border:0}.kit-factor{display:flex;gap:8px}.kit-choice-stack{display:flex;flex-direction:column;align-items:start;gap:8px}.kit-selected{width:180px;flex-shrink:0;padding-bottom:20px;border:1px solid white}.kit-selected>div{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.kit-selected-row{display:flex;align-items:center;gap:9px;padding:11px;font-size:12px}.kit-selected-row>span{flex:1}.kit-selected-row small{display:block;font-size:10px;color:#747066;margin-top:3px}.kit-selected h2{margin:0;font-size:15px;letter-spacing:0}.kit-result-heading{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:22px}.kit-format-results{display:flex;flex-wrap:wrap;align-items:start;gap:14px}.kit-format-results figure{flex:1;min-width:90px;margin:0}.kit-format-results img{width:100%;object-fit:cover;border-radius:8px}.kit-format-results figcaption{display:flex;align-items:center;gap:5px;font-size:10px;color:#797468;margin-top:9px}.kit-large-result{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px}.kit-large-result img{width:100%;height:100%;object-fit:cover}.kit-large-result>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white}.kit-large-result>span{position:absolute;bottom:15px;left:15px;padding:7px 11px;border-radius:16px;background:#17171799;color:white;font-size:11px}.kit-layer-results{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:center}.kit-layer-results>img{width:100%;border-radius:12px}.kit-layer-results>div{display:flex;flex-direction:column;gap:12px}.kit-layer-results>div>div{padding:14px;display:flex;align-items:center;gap:8px;font-size:12px}
.cut-extension-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;margin-top:36px}.cut-extension-notes h3{font-size:14px;font-weight:650;letter-spacing:0;margin:0 0 7px}.cut-extension-notes p{font-size:12px!important;line-height:1.7!important;margin:0!important}
.welcome-section .welcome-app-banner{height:250px}.welcome-app-banner h2{font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.12;letter-spacing:-.04em;margin:0 0 12px;color:white}.welcome-last-worked{position:absolute;z-index:2;right:22px;top:20px;color:white;font-size:11px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#17171738;backdrop-filter:blur(12px);border-radius:20px}.welcome-workspaces{margin-top:28px}.workspace-native-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.workspace-toggle{display:flex;align-items:center;gap:8px;margin-right:7px;font-size:20px;font-weight:600;letter-spacing:-.025em;background:transparent;border:0;padding:0}.workspace-native-toolbar .max-w-sm{max-width:210px!important}.workspace-see-all{display:flex;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:12px;white-space:nowrap}.workspace-trailing{margin-left:auto;display:flex;align-items:center;gap:8px}.workspace-native-wall{display:grid;gap:16px}.workspace-native-wall.is-list{display:flex;flex-direction:column}.workspace-native-wall>a{min-width:0}.welcome-window .workspace-native-wall img{object-fit:contain!important;padding:20px 14%!important}.node-picker-rows button[data-focused=true]{outline:1px solid #69675e;outline-offset:-1px}
@media(max-width:980px){.flowkit-catalogue-stage .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kit-native-preview{max-height:none;min-height:0;flex-wrap:wrap}.kit-native-preview [data-kit-setup]{width:100%!important;max-width:none;flex-basis:100%}.kit-native-preview [data-kit-setup] [data-scroll-edge-list]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kit-native-preview [data-kit-stage]{flex-basis:55%}.kit-selected{width:160px}.video-native-frame{aspect-ratio:16/9}.video-parameter-row{margin-left:0}.workspace-trailing{margin-left:0}.workspace-native-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.kit-selected{width:100%}.kit-native-preview [data-kit-stage]{flex-basis:100%}.model-provider-strip{gap:16px}.welcome-last-worked{top:13px;right:13px;font-size:9px}.cut-extension-notes{gap:20px}}
/* October desktop review: quiet, consistent native surfaces. */
.enterprise-plan-grid .enterprise-tier-card{justify-content:center;gap:16px;text-decoration:none}
.enterprise-tier-card h3{margin:0!important}
.enterprise-close.company-close{position:relative;overflow:hidden;border-radius:20px;padding:64px 48px;margin:72px auto 24px;min-height:260px;text-align:left;background:#e8e6de}
.enterprise-close>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.enterprise-close:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f4eeee 0%,#f5f4eecc 38%,#f5f4ee40 68%,transparent 100%)}
.enterprise-close>div{position:relative;z-index:1}
.enterprise-close h2{font-size:clamp(34px,4vw,56px);white-space:nowrap;margin:0 0 18px!important}
.enterprise-close p{margin:0 0 24px}
.enterprise-close-actions{display:flex;align-items:center;gap:24px}
.enterprise-close .quiet-company-link{margin:0}
.company-main:has(.enterprise-close){padding-bottom:24px}
.space-compact-board input[aria-label="Frame name"]{font-size:10px!important;height:16px}
.space-compact-board textarea[aria-label="Frame brief"]{font-size:9px!important;line-height:1.4;height:26px}
.space-compact-board [data-frame-index]{box-shadow:none!important;border:0!important}
.company-hero>.marketing-cta-slot{grid-column:2}
.founder-story{margin-top:40px!important}
.depth-research-single{padding:18px 20px;background:#e8e6df!important;backdrop-filter:none!important;box-shadow:inset 0 0 0 1px #fff,0 10px 24px #27241308!important;min-height:110px;animation:research-settle .35s ease-out}
.depth-research-single>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#726b60}
.depth-research-single>div>svg:last-child{margin-left:auto}
.depth-research-single>p{font-size:14px;margin:10px 0 6px}
.depth-research-single>span{font-size:11px;color:#7e776a}
@keyframes research-settle{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.writing-agent-pointer svg{width:28px;height:32px;filter:drop-shadow(0 2px 3px #13593b35)}
.writing-agent-pointer>span{border-radius:12px;padding:5px 9px;background:#1af29c;color:#164b37;font-weight:600}
.writing-agent-pointer{transition:transform .36s cubic-bezier(.22,.78,.25,1),opacity .2s}
.writing-agent-pointer svg{transform-origin:35% 45%;animation:writing-pointer-think .75s ease-in-out infinite alternate}
.writing-native-preview[data-writing-phase=reading] .writing-agent-heading{color:#08734d}
.writing-native-preview[data-writing-phase=suggestion] .writing-focused-agent{box-shadow:inset 3px 0 0 #1af29c;transition:box-shadow .2s}
@keyframes writing-pointer-think{0%{transform:translate(0,0) rotate(-5deg)}45%{transform:translate(2px,-2px) rotate(2deg)}100%{transform:translate(-1px,1px) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.writing-agent-pointer svg{animation:none}}
.writing-agent-details{width:420px;max-width:100%}
.writing-agent-demo{min-height:155px;margin-top:20px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.writing-agent-demo[data-visible=true]{opacity:1;transform:translateY(0)}
.writing-agent-demo>p{font-size:12px;color:#797166;margin:16px 0}
.writing-agent-details .writing-agent-pointer{left:62%;top:181px;transition:transform .9s ease}
.writing-agent-details .writing-agent-pointer.phase-1{transform:translate(-100px,120px)}
.writing-agent-details .writing-agent-pointer.phase-2{transform:translate(-70px,177px)}
.writing-proposal-action{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f5f3eb;margin-top:10px;font-size:11px}
.shooting-current-ui .shooting-native-grid{gap:24px 18px}
.shooting-current-ui .shooting-native-grid>div{min-width:0}
.shooting-current-ui .shooting-native-grid .aspect-video{aspect-ratio:16/9}
.shooting-current-ui .shooting-native-grid textarea{font-family:Manrope,sans-serif;font-size:11px!important;line-height:1.5}
.shooting-current-ui .shooting-native-grid input{font-family:Manrope,sans-serif;font-size:11px!important}
.shooting-current-ui [data-frame-index]{background:transparent;box-shadow:none;backdrop-filter:none}
.shooting-current-ui input[aria-label="Frame name"],.shooting-current-ui textarea[aria-label="Frame brief"]{border:0;outline:0;box-shadow:none;background:transparent;padding:0;width:100%;resize:none}
.shooting-current-ui input[aria-label="Frame name"]{font-size:14px!important;line-height:1.5;color:var(--text-primary)}
.shooting-current-ui textarea[aria-label="Frame brief"]{font-size:12px!important;line-height:1.6;color:var(--text-tertiary)}
.shooting-current-ui textarea[aria-label="Voiceover note"]{border:0;outline:0;background:rgba(26,26,23,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);border-radius:8px;padding:8px 10px;resize:none}
.shooting-current-ui [data-board-tool]{opacity:1;background:rgba(245,244,238,.88);backdrop-filter:blur(10px);font-family:Manrope,sans-serif;font-size:10px;min-height:25px;padding:4px 7px;box-shadow:inset 0 0 0 1px #ffffff70}
.shooting-current-ui [data-board-tool] svg{width:10px;height:10px}
.shooting-current-ui [data-board-tools]{left:auto;right:8px;bottom:8px;justify-content:flex-end;flex-wrap:nowrap;max-width:calc(100% - 16px)}
.shooting-current-ui [data-board-tools]>:not([data-board-tool]):not(:has([data-board-tool])){display:none}
.shooting-current-ui [data-board-tools] button:not([data-board-tool]){display:none}
.shooting-current-ui [data-media-box]:not(:has(img)) [data-board-tools]{display:none}
.space-compact-board [data-board-tools]{display:none}
.social-planner-native{width:100%;padding:12px 0}
.social-planner-native>header{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;flex-wrap:wrap}
.social-planner-native>header>strong{font-size:19px;margin-right:10px}
.social-planner-native>header button{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px}
.social-planner-native>header nav{margin-left:auto;display:flex;align-items:center;gap:3px}
.social-planner-native>header nav span{display:flex;align-items:center;padding:7px 10px;font-weight:650;cursor:default}
.social-planner-native>header nav [aria-current=true]{border-radius:999px;background:#1d1d19;color:#f5f4ee}
.social-planner-native [aria-pressed=true]{background:#1d1d19;color:#f5f4ee}
.social-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px}
.social-calendar-native{padding:18px;min-width:0;max-height:710px;overflow:auto;box-shadow:none!important;backdrop-filter:none!important}
.social-calendar-native .grid-cols-7>div.min-h-\[112px\]{min-height:94px}
.social-calendar-aside{padding:20px 16px;align-self:start;display:flex;flex-direction:column;gap:8px;box-shadow:none!important}
.social-calendar-aside>strong{font-size:14px;margin-bottom:6px}
.social-calendar-aside>button{padding:8px 10px;display:flex;gap:8px;align-items:center;border-radius:999px;font-size:11px;text-align:left}
.social-calendar-aside i{width:6px;height:6px;border-radius:50%;background:#bbb}
.social-calendar-aside>div{margin:18px 0;font-size:11px;line-height:1.6}
.social-calendar-aside>div span{display:flex;gap:5px;align-items:center;color:#777166;font-size:10px}
.social-post-native{padding:24px;width:100%;margin:22px auto 0;max-width:950px;box-shadow:inset 0 0 0 1px #fff,0 12px 30px #2724130b!important}
.social-post-native>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:14px}
.social-post-native>header button{font-size:22px}
.social-post-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}
.social-post-picture{display:flex;flex-direction:column;gap:18px;align-items:center;min-width:0}
.social-post-picture img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.social-post-picture>span{width:100%;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8b8274;background:#dedcd3;border-radius:12px;font-size:12px}
.social-post-picture>button{padding:8px 14px;font-size:11px}
.social-post-fields{display:flex;flex-direction:column;gap:16px;min-width:0}
.social-post-fields label{font-size:11px;display:flex;flex-direction:column;gap:8px}
.social-post-fields textarea,.social-post-fields input[type=datetime-local]{width:100%;font-size:12px;padding:12px;line-height:1.6;background:#dedcd4}
.social-post-pickers{display:flex;gap:10px;flex-wrap:wrap}
.social-generate-content{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:12px;align-self:flex-start}
.social-post-fields .social-reminder{flex-direction:row;align-items:center;font-size:12px}
.social-reminder input{margin-left:auto;accent-color:#1af29c;width:16px;height:16px}
.social-save{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 16px;font-size:12px;align-self:flex-end;margin-top:auto}
.social-save:disabled{opacity:.45;cursor:default}
.social-post-saved{display:flex;align-items:center;gap:16px;width:100%;max-width:950px;padding:18px 22px;margin:22px auto 0;animation:social-post-confirm 280ms cubic-bezier(.22,1,.36,1) both}
.social-post-saved>img{width:60px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}
.social-saved-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#007e59;background:#1af29c18;flex-shrink:0}
.social-post-saved>div{min-width:0;font-size:12px;line-height:1.6}
.social-post-saved strong{font-size:14px}
.social-post-saved p{margin:3px 0;color:#605b52}
.social-post-saved>div>span{display:flex;align-items:center;gap:5px;color:#605b52;font-size:11px}
.social-post-saved>button{margin-left:auto;padding:8px 14px;font-size:12px;flex-shrink:0}
@keyframes social-post-confirm{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.social-post-saved{animation:none}}
.social-days-native{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:30px;align-items:start}
.social-days-native>div:first-child{display:flex;flex-direction:column;gap:12px}
.social-days-native>div:first-child>button{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;font-size:12px}
.social-days-native small{display:block;margin-top:5px;color:#877d6d;font-size:10px}
.social-content-day{padding:28px;min-height:260px}
.social-content-day>header{display:flex;gap:12px;align-items:center;font-size:17px}
.social-content-day>p{font-size:13px;line-height:1.8;margin:22px 0;color:#777062}
.social-content-day>span{font-size:12px;color:#8c7c67;display:block}
.social-content-day>button{display:flex;gap:8px;align-items:center;padding:10px 16px;margin-top:24px;font-size:12px}
.social-days-native .social-content-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:20px;min-height:350px;animation:social-post-confirm 300ms cubic-bezier(.22,1,.36,1) both}
.social-day-art{width:100%;height:310px;object-fit:cover;border-radius:10px}
.social-day-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.social-day-copy header{display:flex;gap:9px;align-items:center;font-size:15px;line-height:1.4}
.social-day-copy header svg{flex-shrink:0}
.social-day-copy p{font-size:13px;line-height:1.8;margin:20px 0;color:#605b52}
.social-day-copy>span{font-size:12px;color:#70675b}
.social-day-copy>button{display:flex;gap:8px;align-items:center;padding:10px 16px;margin-top:auto;font-size:12px}
.social-post-demo{width:100%}
.social-post-demo [data-demo-pressed=true]{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.social-days-native .social-content-day{animation:none}.social-post-demo [data-demo-pressed=true]{transform:none}}
.product-preview-tabs button{font-size:12px;padding:7px 12px;border-radius:999px;transition:background .2s ease;color:inherit}
.product-preview-tabs button[aria-pressed=true]{background:#24241f;color:#f5f3ed}
.container-intro .preview-product-link{display:inline-flex;margin-top:22px;font-size:11px;color:#817a6e}
.product-container-scene:has([data-scene=social]){align-items:start}
.product-universe .social-calendar-layout{grid-template-columns:1fr}
.product-universe .social-calendar-aside{display:none}
.product-universe .social-calendar-native{max-height:550px;padding:12px}
.product-universe .social-planner-native>header>strong{font-size:15px}
.product-universe .image-native-stage{min-height:650px}
.intelligence-page .page-starfield{left:calc(50% - 50vw);right:calc(50% - 50vw);width:100vw;max-width:none}
.intelligence-page .real-screen .source-stars{right:calc(50% - 50vw);left:calc(50% - 50vw);width:100vw;max-width:none}
@media(max-width:1000px){.social-calendar-layout{grid-template-columns:1fr}.social-calendar-aside{display:none}.social-days-native{grid-template-columns:1fr 1.4fr}.enterprise-close.company-close{padding:40px 30px}.enterprise-close h2{font-size:36px}.social-post-columns{gap:18px}}
@media(prefers-reduced-motion:reduce){.depth-research-single{animation:none}.writing-agent-demo{transition:none}}
.manifesto-essay{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px;padding:68px 0;align-items:start}
.manifesto-essay h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.055em;margin:0}
.manifesto-essay p{font-size:16px;line-height:1.9;color:#736d62;margin:0 0 24px;max-width:580px}
.manifesto-essay p:last-child{margin:0}
.manifesto-belief{font-size:clamp(32px,4.5vw,54px);line-height:1.3;letter-spacing:-.045em;max-width:950px;margin:80px auto 100px;text-align:center}
.shooting-angle-preview{max-width:400px;margin:auto}
.shooting-presentation{padding:24px;background:#eeece5!important;box-shadow:inset 0 0 0 1px #fff,0 12px 30px #27241309!important;max-width:620px}
.shooting-presentation>header{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:24px}
.shooting-presentation>header>svg{margin-left:auto}
.shooting-presentation h3{font-size:22px!important;margin-bottom:20px!important;letter-spacing:-.04em}
.shooting-presentation>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shooting-presentation article img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin-bottom:12px}
.shooting-presentation article strong{font-size:11px}
.shooting-presentation article p,.shooting-presentation article span{font-size:10px;line-height:1.6;margin:8px 0;color:#726b5f}
.shooting-presentation article span{display:block;background:#dedcd3;padding:7px;border-radius:7px}
.shooting-presentation>footer{padding:24px 0 0;font-size:9px;color:#8b8170;background:none}
.product-preview-tabs button{border:0;box-shadow:inset 0 0 0 1px #26251c25}
@media(max-width:1000px){.manifesto-essay{gap:48px}}
/* Shared copy and action typography. Chosen lines stay together. */
button,[role=button],.button,.marketing-metal>a.button{font-weight:700!important}
main h1,main h2,.feature-copy p,.container-intro p,.company-hero p,.company-story p,.founder-story p,.footer-story p{word-break:normal;overflow-wrap:normal;text-wrap:balance}
main p{hyphens:none;text-wrap:pretty}
.footer-story [data-fit-lines]{width:100%;max-width:100%}
.footer-story [data-fit-lines]>span{display:block;white-space:nowrap}
.founder-names{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.founder-names h3{font-size:26px;white-space:nowrap}
.founder-names p{line-height:1.6;text-wrap:balance}
/* Rebalanced upright organic composition, keeping every image in its own space. */
.universe-board{inset:4% 0!important}
.universe-fashion{left:1%!important;top:2%!important;width:26%!important;height:46%!important}
.universe-noma{left:36%!important;top:9%!important;width:23%!important;height:18%!important}
.universe-road{left:65%!important;top:1%!important;width:34%!important;height:30%!important}
.universe-world{left:32%!important;top:36%!important;width:40%!important;height:40%!important}
.universe-avero{left:1%!important;top:56%!important;width:24%!important;height:19%!important}
.universe-vale{left:78%!important;top:43%!important;width:21%!important;height:18%!important}
.universe-film{left:55%!important;top:82%!important;width:40%!important;height:21%!important}
/* Intelligence owns one full-width sky, so nested demo bounds never draw a seam. */
.intelligence-page .real-screen .source-stars{display:none}
.universe-rich{padding:0 5% 80px;max-width:1760px;margin:auto}
.universe-hero.catalog-banner{height:560px;margin-bottom:90px}
.universe-hero h1{font-size:clamp(60px,6vw,88px)}
.universe-context{padding:0 0 70px;scroll-margin-top:120px}
.universe-context .section-head{gap:10%;align-items:end;margin-bottom:40px}
.universe-context .section-head p{max-width:440px;text-wrap:pretty;line-height:1.8}
.universe-context .intelligence-asset-wall{height:580px;border-radius:18px}
.universe-context>nav{display:flex;gap:30px;justify-content:flex-end;margin-top:24px;font-size:12px}
.universe-chapter{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:8%;align-items:center;padding:75px 0}
.universe-chapter.reverse{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}
.universe-chapter.reverse>.universe-copy{grid-column:2;grid-row:1}
.universe-chapter.reverse>.scene-mount{grid-column:1;grid-row:1}
.universe-chapter .universe-copy h2{font-size:clamp(36px,3.6vw,54px);line-height:1.12;letter-spacing:-.05em;margin:0 0 26px}
.universe-chapter .universe-copy p{font-size:15px;line-height:1.8;max-width:350px;color:#746d60}
.universe-chapter .universe-copy nav{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:12px;margin-top:28px}
.universe-chapter .composition-stage{min-height:570px}
.universe-chapter .source-doc-stage .source-chat{display:none}
.universe-chapter .source-doc-stage .source-paper{left:0;padding-left:40px}
.universe-intelligence{background:#181818;color:#f5f3ed;border-radius:20px;padding:60px 40px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:8%;align-items:center;margin:80px 0 0}
.universe-intelligence h2{font-size:39px;line-height:1.2;letter-spacing:-.05em;margin:0 0 24px}
.universe-intelligence p{font-size:14px;line-height:1.9;color:#bdb8ac;margin-bottom:28px}
.universe-intelligence .source-stars{display:none}
@media(max-width:1000px){.universe-chapter,.universe-chapter.reverse{grid-template-columns:1fr;gap:30px}.universe-chapter.reverse>.universe-copy,.universe-chapter.reverse>.scene-mount{grid-column:auto;grid-row:auto}.universe-intelligence{grid-template-columns:1fr}.universe-hero.catalog-banner{height:500px}.universe-context .section-head{gap:40px}}
.request-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;padding:36px 5% 100px;max-width:1520px;margin:auto;align-items:center}
.request-scene{position:relative;height:670px;overflow:hidden;border-radius:20px;background:#a79c77}
.request-scene>img{width:100%;height:100%;object-fit:cover;object-position:55% center}
.request-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#1a161870)}
.request-scene>div{position:absolute;z-index:1;left:32px;right:32px;bottom:42px;color:#f5f3ed}
.request-scene h1{font-size:clamp(45px,4.5vw,68px);line-height:1.1;letter-spacing:-.06em;margin:0 0 22px}
.request-scene p{font-size:15px}
.request-fields>h2{font-size:32px;letter-spacing:-.04em;margin:0 0 18px}
.request-fields>p{font-size:14px;line-height:1.8;color:#7c7469;max-width:420px;margin-bottom:30px}
.request-fields form{display:flex;flex-direction:column;gap:20px}
.request-fields label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px}
.request-fields input,.request-fields textarea{padding:12px 14px;border:1px solid #28271920;border-radius:10px;background:#e9e7df;font:400 14px Manrope,sans-serif;line-height:1.7}
.request-fields button{align-self:flex-start;margin-top:10px}
@media(max-width:1000px){.request-main{gap:40px}.request-scene{height:600px}.request-scene h1{font-size:43px}}
/* The organic brand composition is the mark itself; metadata belongs in the library. */
.universe-logo>div:nth-child(2){display:none}
.universe-logo img{padding:12px 20px!important}

/* Product areas: intelligence leads, with the workspace areas below it. */
.product-universe .container-jumps{display:flex;flex-direction:column;align-items:center;gap:18px}
.product-universe .container-jumps .container-jumps-lead{font-size:22px;font-weight:600;color:#24241f;gap:10px}
.container-jumps-lead .nav-yonder-mark{display:flex;align-items:center}
.container-jumps-lead .nav-yonder-mark svg{width:32px!important;height:22px!important}
.container-jumps-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px}
.product-universe .container-jumps-row a{font-size:15px;gap:8px;color:#605b52}
.product-universe .container-jumps-row a>img{width:24px;height:24px}

/* Light capsule controls sit directly on their ground; dark selections remain. */
.grounded-pill{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:inherit!important}
[data-preview-ui] button,[data-preview-ui] a,[data-preview-ui] input,[data-preview-ui] textarea{cursor:default!important}
/* Intelligence opens with the same contained photographic hero as the universe. */
.intelligence-page .intelligence-hero{height:610px;margin:12px 0 58px;border-radius:13px;background:#332a27}
.intelligence-page .intelligence-hero>img{object-position:50% 50%}
.intelligence-page .intelligence-hero:after{background:linear-gradient(90deg,rgba(12,12,12,.58) 0%,rgba(12,12,12,.3) 52%,rgba(12,12,12,.06) 100%)}
.intelligence-page .intelligence-hero-copy{left:5%;right:5%;top:12%;width:auto;max-width:900px}
.intelligence-page .intelligence-hero .product-identity{font-size:20px;gap:10px;margin-bottom:26px;letter-spacing:-.035em}
.intelligence-page .intelligence-hero .product-identity img{width:38px;height:26px}
.intelligence-page .intelligence-hero h1{font-size:clamp(64px,6.5vw,97px);line-height:1.04;margin:0 0 28px;max-width:900px}
.intelligence-page .intelligence-hero p{max-width:555px;color:#f5f3ed;line-height:1.75;margin:0 0 28px}
.intelligence-page .intelligence-hero-copy{right:auto;width:57%;max-width:720px;top:16%}
.intelligence-page .intelligence-hero h1{font-size:clamp(56px,5.5vw,82px)}
.intelligence-page .intelligence-hero:after{background:linear-gradient(90deg,#090b0d35,transparent 70%)}
.intelligence-page .intelligence-hero p{max-width:525px}
.product-model-strip[data-source-model-logos=image]{max-width:1152px;margin:24px auto 64px;padding:0 24px}
.product-model-strip[data-source-model-logos=image] .model-provider-strip{justify-content:center}
@media(max-width:980px){.space-native-node[data-space-node=reference],.space-native-node[data-space-node=aircraft]{grid-column:auto;grid-row:auto;align-self:auto}}
@media(max-width:980px){.intelligence-page .intelligence-hero-copy{width:64%;top:15%}.intelligence-page .intelligence-hero h1{font-size:clamp(46px,6vw,64px)}}
@media(max-width:600px){.intelligence-page .intelligence-hero-copy{width:auto;right:7%;top:8%}.intelligence-page .intelligence-hero h1{font-size:41px}.product-model-strip[data-source-model-logos=image]{padding:0;margin:24px auto 48px}}

.intelligence-identity-mark{display:inline-flex;width:38px;align-items:center;flex-shrink:0}
.intelligence-identity-mark .yv-yonder-mark{width:38px;height:auto;--yonder-dot-rest:.62}
/* October desktop refinements: compact banners and native action hierarchy. */
@media(min-width:1001px){
 .product-universe>.catalog-banner,.universe-hero.catalog-banner,.intelligence-page .intelligence-hero{height:480px}
 .catalog-banner>div{top:12%}
 .intelligence-page .intelligence-hero-copy{top:10%;width:64%}
 .intelligence-page .intelligence-hero .product-identity{margin-bottom:18px}
 .intelligence-page .intelligence-hero h1{font-size:70px;margin-bottom:22px}
 .intelligence-page .intelligence-hero p{margin-bottom:22px}
 .product-universe .container-name{font-size:26px;gap:12px}
 .product-universe .container-name img{width:42px;height:42px}
 .container-jumps{gap:22px}
 .container-jumps a{gap:6px;font-size:12px;white-space:nowrap}
 .container-jumps a>img{width:21px;height:21px;object-fit:contain;filter:grayscale(1) brightness(.3)}
 .nav-yonder-mark{width:26px;height:18px}
 .nav-yonder-mark svg{width:26px;height:18px;color:#24241f}
}
.source-ui.director-menu,.shooting-angle-preview [role=menu]{background:rgba(237,235,228,.72)!important;backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);border:1px solid #ffffffba;box-shadow:0 12px 35px #29251b15}
.image-native-references [aria-haspopup=dialog],.superref-native-bundle [aria-haspopup=dialog]{color:#f9f7f1!important}
.image-native-references .preset-pill-scrim,.superref-native-bundle .preset-pill-scrim{background:#0007!important}
.reference-mention{display:inline-flex;vertical-align:middle;align-items:center;gap:6px;margin:0 2px;padding:0 4px 0 8px;height:24px;border:0;border-radius:99px;font:500 13px Manrope;color:#00845b;background:#10bb8624;cursor:pointer}
.reference-mention img{width:16px;height:16px;border-radius:50%;object-fit:cover}
.reference-preview-popover{position:absolute;left:16px;bottom:calc(100% + 12px);width:420px;padding:14px;z-index:40;background:rgba(237,235,228,.76)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #fff9;box-shadow:0 12px 35px #29251b14}
.reference-preview-popover>header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:12px}
.reference-preview-popover header button{background:none;border:0;padding:4px;color:inherit}
.reference-preview-popover img{width:100%;max-height:245px;object-fit:cover;border-radius:8px}
.reference-preview-popover .reference-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.reference-preview-popover .reference-bundle-grid img{aspect-ratio:1;max-height:none}
.reference-preview-popover p{margin:10px 0 0;font-size:11px;color:#706c61}
.model-provider-composition>p{text-align:center;font-size:12px;color:#797367;margin:18px 0 0}
.product-model-strip[data-source-model-logos=image] .model-provider-strip{font-size:15px;gap:28px}
.ideogram-wordmark{font-size:22px;font-weight:700;letter-spacing:-2px}
.director-feature-composition{display:flex;flex-direction:column;gap:18px;align-items:stretch}
.director-feature-composition .director-native-panel{padding:22px 24px;min-height:0;width:100%;margin:0;display:flex;flex-direction:column;justify-content:center}
.director-feature-composition .director-native-panel>.director-source-bar{display:block;grid-template-columns:none}
.director-feature-composition .director-source-bar>div{white-space:normal;flex-wrap:wrap;gap:8px 0;overflow:visible}
.director-cinematic{width:100%;aspect-ratio:2.39;object-fit:cover;border-radius:12px}
.shooting-native-detail,.shooting-angle-preview{max-width:600px;width:100%;margin:0}
.feature-visual[data-source-board=detail]{width:100%;max-width:none}
.shooting-native-detail img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.shooting-native-detail [role=menu] button,.shooting-angle-preview [role=menu] button{background:transparent}
.shooting-angle-preview{min-height:500px;position:relative}
.angle-source-frame{width:88%}
.angle-result{width:66%;margin:16px 0 0 auto;padding:10px;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);background:rgba(237,235,228,.76)!important;backdrop-filter:blur(20px)}
.angle-result.is-ready{opacity:1;transform:translateY(0)}
.angle-result header{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 0 9px}
.angle-result header span:first-child{font-weight:700}
.angle-result header span:last-child{color:#797367}
.angle-result img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}
.shooting-angle-preview [data-selected=true]{background:#1a1a1720!important;font-weight:700}
.shooting-angle-preview [data-selected=true]:after{content:'✓';margin-left:auto;color:#00845b}
.shooting-presentation-composition{position:relative;padding-bottom:35px;width:100%}
.presentation-ready{position:absolute;left:-18px;bottom:0;display:flex;align-items:center;gap:13px;width:340px;padding:15px 18px;background:rgba(237,235,228,.72)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 26px #29251b12;border:1px solid #ffffffa6}
.presentation-ready svg{width:35px!important;height:40px!important;color:#009260!important}
.presentation-ready .text-file-pdf{color:#009260!important}
.presentation-ready strong{display:block;font-size:13px;font-weight:600}
.presentation-ready span{font-size:11px;color:#797367}
.public-approval{width:350px!important;padding:18px 20px!important;background:rgba(237,235,228,.6)!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important}
.public-approval>p{font-size:13px;line-height:1.7;margin:13px 0}
@media(min-width:1001px){
 .universe-board{inset:1% 0!important}
 .universe-fashion{left:0!important;top:2%!important;width:23%!important;height:34%!important}
 .universe-noma{left:28%!important;top:5%!important;width:26%!important;height:15%!important}
 .universe-road{left:60%!important;top:1%!important;width:39%!important;height:22%!important}
 .universe-world{left:28%!important;top:26%!important;width:40%!important;height:28%!important}
 .universe-avero{left:0!important;top:42%!important;width:22%!important;height:14%!important}
 .universe-vale{left:74%!important;top:29%!important;width:25%!important;height:14%!important}
 .universe-film{left:57%!important;top:62%!important;width:42%!important;height:17%!important}
 .universe-city{left:0!important;top:63%!important;width:26%!important;height:29%!important}
 .universe-noma-two{left:31%!important;top:60%!important;width:20%!important;height:14%!important}
 .universe-avero-two{left:59%!important;top:85%!important;width:20%!important;height:14%!important}
 .universe-aircraft{left:30%!important;top:80%!important;width:23%!important;height:20%!important}
 .universe-material{left:75%!important;top:49%!important;width:24%!important;height:10%!important}
}
@media(prefers-reduced-motion:reduce){.angle-result,.shooting-native-detail img{transition:none}}
.public-share-approval{width:350px;padding:18px 20px;background:rgba(237,235,228,.6)!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important;border:1px solid #ffffffa8}
.public-share-approval p{font-size:13px;line-height:1.7}
.ideogram-wordmark{font-size:17px;font-weight:700;letter-spacing:-.8px}
.public-native-review{grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr);gap:18px}
.public-native-review-rail{padding:22px;gap:16px;justify-content:flex-start}
.share-review-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.share-review-actions>button{font-size:10px;padding:7px 9px;white-space:nowrap}
.share-review-comments>header{display:flex;justify-content:space-between;font-size:12px;margin:4px 0 12px}
.share-review-comments header>span{font-size:10px;color:#817b70}
.share-review-comments ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.share-review-comments li{padding:11px;background:#ffffff35}
.share-note-author{display:flex;align-items:center;gap:7px;font-size:11px}
.share-note-author>span{flex:1;min-width:0}
.share-note-author time{font-size:10px;color:#8b857a}
.share-note-state{display:inline-block;font-size:9px;padding:3px 6px;border-radius:99px;margin:9px 0 0}
.share-note-state.is-approval{color:#00865f;background:#00a77915}
.share-note-state.is-revision{color:#927013;background:#ccaa231c}
.share-review-comments li p{font-size:11px;line-height:1.65;margin:8px 0 0}
.share-preview-add-note{display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:11px;color:#8b857a}
.depth-native-options{margin-bottom:26px!important}
.depth-live-title{display:flex;align-items:center;gap:8px;margin:0 0 14px!important;line-height:1.5}
.depth-research-single{margin-top:0!important;padding:21px 22px}
/* Isolated detail previews use their full feature column. */
.feature-visual.isolated-detail>.source-ui{width:100%!important;max-width:none!important}
.depth-research-label{display:flex;align-items:center;gap:8px;margin:0 0 14px!important;line-height:1.5}
[data-preview-still] .source-ui *{animation:none!important;transition:none!important}
.space-native-preview .space-compact-board textarea[aria-label="Frame brief"]{font-size:10px!important;line-height:1.4!important;height:30px}

/* Desktop review corrections, 2026-10-04. */
.image-native-controls>button{padding:0 10px;font-size:14px;gap:5px}
.image-native-controls>span:not(.yv-metal-wrap){height:40px;padding:0 10px!important;gap:6px!important;white-space:nowrap;flex-shrink:0}
.image-native-controls .image-generate-ring{margin-left:auto;flex-shrink:0}
.image-native-controls .image-generate-ring button{padding:0 14px!important}
.image-native-references>.image-enhance{margin-left:auto;width:auto;height:36px;padding:0 11px;display:flex;gap:7px;white-space:nowrap;font-size:12px;flex-shrink:0}
/* The logos stand apart (Erman 2026-10-13: "logoların arasını açalım"). */
.product-model-strip[data-source-model-logos=image] .model-provider-strip,.product-model-strip[data-source-model-logos=video] .model-provider-strip{font-size:17px;gap:56px;justify-content:center}
.product-model-strip[data-source-model-logos=video]{max-width:1152px;margin:24px auto 48px;padding:0}
.product-model-strip .ideogram-wordmark{font-size:21px}
.company-close-image{width:100%;aspect-ratio:2.39;background:#e8e6df;border-radius:18px;margin:0 0 48px}
.source-chat[inert],.source-chat[inert] *,.source-intel[inert],.source-intel[inert] *{cursor:default}
.source-chat .yv-composer textarea{border:0;outline:0;box-shadow:none}

/* Preserve CTA spacing outside the MetalRing geometry. */
.marketing-cta-slot[data-cta-class~=preview-product-link]{display:table;margin-top:24px!important}
.container-intro .marketing-metal .preview-product-link{color:#f5f3ed;font-size:12px}
/* The card reaches past the image wall on both sides (Erman 2026-10-13: "container imaj alanından daha geniş olmalı"). */
.image-native-composer{left:-4%;right:-4%}

/* Keep the marketing demo's footprint identical throughout the scenario. */
.product-container-scene.dark-container>.scene-mount{min-width:0;overflow:hidden}
.dark-container .native-intelligence{height:640px;min-height:640px;max-height:640px;width:100%;min-width:0;padding:18px 0}
.native-intel-columns,.native-intel-dialogue,.native-intel-output{min-width:0}
.native-intel-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.native-intel-columns.has-canvas{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}
.source-yonder-emblem{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.container-name .source-yonder-emblem{color:inherit}
.container-name .source-yonder-emblem svg{width:40px;height:13px;overflow:visible}

/* The native waveform paints filled mirrored 1px peaks, rather than a line. */
.cut-native-waveform{display:block;width:100%;height:100%}
.source-cut-wave .cut-native-waveform{height:calc(100% - 13px);margin-top:13px}
.cut-extension-composition{display:flex;flex-direction:column;gap:16px;width:100%}
.cut-extension-monitor{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#181818;display:flex;align-items:center}
.cut-extension-monitor>img{display:block;width:100%;aspect-ratio:2.39;object-fit:cover}
.cut-extension-guides{position:absolute;inset:0;pointer-events:none}
.cut-extension-caption{position:absolute;left:8%;right:8%;bottom:16%;text-align:center;color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 4px #000}
.cut-extension-composition .cut-native-extensions{padding:16px 18px;max-width:none;background:#e8e6df;border-radius:14px}
.cut-extension-composition .cut-native-extensions>header{margin-bottom:10px}
.cut-extension-rough-cut{padding:16px;border-radius:14px}
.cut-extension-rough-cut>header{display:flex;align-items:center;margin-bottom:12px;font-size:12px;gap:8px}
.cut-extension-rough-cut>header>span{margin-left:auto;display:flex;align-items:center;gap:5px;color:#07845c;font-size:11px}
.cut-extension-rough-cut>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:hidden;border-radius:6px}
.cut-extension-rough-cut figure{margin:0;min-width:0}
.cut-extension-rough-cut img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}

/* Names own a full line; the popular badge has its own space below. */
.native-plans-grid article>div:first-child{flex-direction:column;align-items:flex-start;gap:8px;min-height:68px}
.native-plans-grid article h3{width:100%;flex:none;font-size:24px;line-height:1.2}

.review-native-view.is-compact{background:#e8e6df;padding:14px;gap:16px;box-shadow:none;border-radius:18px;align-items:center}
.review-native-view.is-compact .review-native-media{padding:0;background:transparent;align-self:center}
.review-native-view.is-compact .review-native-media>img{display:block;aspect-ratio:16/9;height:auto;min-height:0;max-height:none;flex:none;object-fit:cover;border-radius:12px}
.review-native-view.is-compact>aside{background:#e8e6df;border-radius:14px;padding:18px 16px;gap:12px;box-shadow:inset 0 0 0 1px #ffffffa8;overflow:hidden}
.review-native-owner>span:last-child{flex-direction:column;align-items:flex-start;gap:5px;overflow:visible}
.review-native-owner .truncate{overflow:visible;text-overflow:clip}
.gallery-native-open{left:auto;right:12px;top:auto;bottom:-24px;width:316px;max-width:calc(100% - 24px);padding:10px;transform:none;background:rgba(235,233,224,.78);box-shadow:inset 0 0 0 1px #ffffffa8,0 16px 40px #25251d26}
.gallery-native-open .review-native-view{display:block}
.gallery-native-open .review-native-media{display:none}
.gallery-native-open .review-native-view>aside{padding:10px 12px;gap:12px;border-radius:12px;overflow:hidden;box-shadow:none;background:transparent}
.review-native-selected-thumb{width:48px;height:27px;object-fit:cover;border-radius:5px}
.review-native-view.is-floating>aside>header{gap:8px}
.review-native-view.is-floating>aside>header strong{flex:1;font-size:13px}
.review-native-view.is-floating .review-native-section>strong{margin-bottom:5px}
.review-native-view.is-floating .review-native-comments{max-height:84px}
.review-native-view.is-floating .review-native-comments .inline-flex>span:last-child{flex-wrap:wrap;gap:4px}
.review-native-view.is-floating .review-native-comments>div{margin-bottom:8px}
.review-native-view.is-floating .review-native-section textarea{height:42px;padding:8px}
.brand-project-jump h3{font-size:19px;font-weight:600;margin:0 0 12px;letter-spacing:-.03em}
.brand-project-jump>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.brand-project-jump button{height:58px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px 8px;color:#24241f;font-size:12px;border-radius:12px;background:#e7e5df}
.brand-project-jump button svg{color:#56554b}

.public-review-composition{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}
.public-review-summary{padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.public-review-summary h3{font-size:22px;letter-spacing:-.04em;margin:12px 0 6px}
.public-review-summary p{font-size:12px;line-height:1.6;margin:0}
.public-review-summary .share-review-actions{align-items:flex-end;flex-direction:column;gap:12px}
.public-review-summary .share-review-actions button{padding:7px 11px;font-size:11px}
.public-review-work{min-width:0}
.public-review-image{aspect-ratio:16/9;width:100%;background:#e6e3da;border-radius:16px;overflow:hidden;padding:14px}
.public-review-image img{width:100%;height:100%;display:block;object-fit:contain}
.public-review-image.is-photo{padding:0}
.public-review-image.is-photo img{object-fit:cover}
.public-review-work nav{display:flex;gap:8px;margin-top:10px}
.public-review-work nav button{display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;font-size:10px;min-width:0;background:#e8e6df}
.public-review-work nav button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #706b5c}
.public-review-work nav img{width:36px;height:25px;object-fit:cover;border-radius:4px}
.public-review-composition .share-review-comments ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.public-review-composition .share-review-comments li{padding:12px;min-width:0;background:#e8e6df}
.public-review-composition .share-note-author{flex-wrap:wrap;gap:5px;font-size:10px}
.public-review-composition .share-note-author time{margin-left:auto}
.public-review-composition .share-review-comments li p{font-size:11px;line-height:1.65}

.asset-native-heading{margin-bottom:22px}
.asset-native-heading>header{margin-bottom:18px;gap:16px}
.asset-native-heading>header h1{font-size:32px;line-height:1.1;letter-spacing:-.035em;font-weight:600;color:#24241f}
.asset-native-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.asset-native-actions>button,.asset-organize-soon>span{display:flex;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:12px;white-space:nowrap;border-radius:999px;background:transparent}
.asset-native-actions>.asset-native-upload{background:#24241f;color:#f5f3ed}
.asset-organize-soon{position:relative}
.asset-organize-soon>span{opacity:.5}
.asset-organize-soon small{position:absolute;top:-5px;right:-3px;font-size:9px;padding:2px 5px;border-radius:99px;background:#dedbd2;color:#716d63}
.asset-native-collection-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.asset-native-collection-bar .asset-native-search{height:36px;width:290px;flex:0 1 290px;padding:0 14px}
.asset-native-collection-bar .asset-native-search input{font-size:13px;border:0;outline:0;box-shadow:none}
.asset-native-view-tools{display:flex;gap:8px;align-items:center;margin-left:auto}
.asset-native-library.is-compact .asset-native-heading>header h1{font-size:26px}
.asset-native-library.is-compact .asset-organize-soon{display:none}
.asset-native-library.is-compact .asset-native-collection-bar .asset-native-search{display:flex;width:220px;flex-basis:220px}
.asset-native-library.is-compact .asset-native-view-tools{display:none}
.space-node-picker{height:480px;padding:24px;display:flex;flex-direction:column;background:#e8e6df!important;border:1px solid #ffffffb3;box-shadow:0 12px 30px #2928200b;border-radius:18px}
.space-node-picker .node-picker-rows{min-height:0;flex:1;max-height:none;align-content:start}
.space-node-picker footer{flex-shrink:0;margin-top:18px}
.feature-story:has(.space-node-picker){min-height:480px}
.director-feature-composition{gap:0;overflow:visible}
.director-feature-composition .director-native-panel{position:relative;z-index:4;margin:-30px 18px 0;width:calc(100% - 36px);padding:20px 14px;background:rgba(235,233,225,.7)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 10px 30px #1d1d1512}
.director-feature-composition .director-source-bar>div{white-space:nowrap;flex-wrap:nowrap;gap:0;overflow-x:auto}
.director-feature-composition .director-source-bar button{font-size:11px;white-space:nowrap}
.director-feature-composition .director-source-bar .text-sm{font-size:11px}
.director-feature-composition .director-source-bar .px-3{padding-left:7px;padding-right:7px}
.director-feature-composition .director-source-bar>div>.px-3{padding-left:5px;padding-right:5px;gap:4px}
.director-feature-composition .director-source-bar>div>.px-3:first-child{padding-left:0}
.image-native-references>.image-enhance{height:36px!important;min-height:36px;align-items:center;width:auto!important}
.shooting-current-ui button[data-board-tool]:disabled{cursor:default;opacity:1}
@media(min-width:1001px){
 .product-universe .product-container-scene{grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:clamp(56px,6vw,88px)}
 .product-universe .product-container-scene:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,380px)}
 .product-universe .product-container-scene.dark-container{grid-template-columns:minmax(0,350px) minmax(0,1fr)!important}
 .product-universe .container-intro{width:100%;max-width:380px}
}

/* A small inspector belongs beside the grid's lower-right corner. */
.review-native-facts{display:contents}
.gallery-native-open .review-native-view>aside{gap:8px;padding:8px 10px}
.review-native-view.is-floating .review-native-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.review-native-view.is-floating .review-native-owner>span:last-child{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}
.review-native-view.is-floating .review-native-section>strong{margin-bottom:3px}
.review-native-view.is-floating .review-native-section p{font-size:11px;line-height:1.5}
.review-native-view.is-floating .review-native-comments{max-height:70px}
.review-native-view.is-floating .review-native-section textarea{height:36px}
.review-native-view.is-floating .review-native-rating{gap:4px}
.review-native-view.is-floating .review-native-rating svg{width:14px;height:14px}

/* Canvas stays complete inside the fixed-height scenario column. */
.intelligence-page .native-intelligence{height:680px!important;min-height:680px;max-height:680px}
.native-intel-output:has(.canvas-autoplay){overflow:visible;display:flex;flex-direction:column}
.canvas-autoplay{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;gap:8px}
.canvas-autoplay .canvas-native-studio{height:auto!important;flex:1;min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto}
.canvas-autoplay .canvas-art{container-type:size;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.canvas-autoplay .canvas-art>div{width:min(100%,80cqh)!important;flex:none}
.canvas-autoplay-status{flex:none;padding:0!important;font-size:10px}
.canvas-autoplay .canvas-controls{min-width:0}
.canvas-autoplay .canvas-layers,.canvas-autoplay .canvas-tabs{min-width:0}
.canvas-autoplay .canvas-controls .flex{min-width:0}

.intelligence-page .native-intelligence.is-sent,.dark-container .native-intelligence.is-sent{height:360px!important;min-height:360px;max-height:360px}
.native-intel-mail-complete{gap:18px;padding:20px 0}
.native-intel-mail-complete svg{width:72px;height:72px}
.native-intel-mail-complete h3{font-size:34px;line-height:1.2}

.brand-model-usage{margin-top:26px;min-width:0}
.brand-model-usage>header{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px;gap:10px}
.brand-model-usage>header>span{font-size:10px;color:#857e72}
.brand-model-usage>div{display:flex;flex-direction:column;gap:8px}
.brand-usage-row{display:flex;align-items:center;gap:8px;padding:10px;min-width:0;background:#e1dfd7}
.brand-usage-row>div{display:flex;flex-direction:column;min-width:0;gap:3px;font-size:11px}
.brand-usage-row>div>span{font-size:10px;color:#777064}
.brand-usage-row>span:last-child{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:1px}
.brand-usage-row>span:last-child strong{font-size:15px;font-weight:600}
.brand-usage-row small{font-size:9px;color:#777064}
.brand-model-usage>p{font-size:10px;color:#857e72;margin:12px 0 0}

.asset-native-grid>div[inert] [data-gen-id]{cursor:default}
.asset-native-library.is-compact [role=tab]:disabled{cursor:default;opacity:1}

.asset-native-heading>header{align-items:center}
.asset-native-heading>header h1{margin:0}

.source-cut-controls .cut-native-extensions .text-sm{font-size:11px}
.source-cut-controls .cut-native-extensions button{gap:6px;padding-left:10px;padding-right:10px}

.brand-usage-row>div>span{display:flex;align-items:center;gap:5px}
.welcome-banner-content .welcome-native-notice{width:max-content;max-width:100%}

.dark-container{position:relative;isolation:isolate;overflow:hidden}
.dark-container>.section-starfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.dark-container>.container-intro,.dark-container>.scene-mount{position:relative;z-index:1}

/* Keep the writing editor's top bands quiet and continuous. */
.writing-native-preview .writing-room-steps{background:#e3e1da;box-shadow:none!important;border:0}
.writing-native-preview .writing-room-steps a,.writing-native-preview .writing-room-steps button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0}
.writing-native-preview .writing-native-toolbar{background:#e6e4de;box-shadow:none!important;border:0}
.writing-native-preview .writing-focused-agent{box-shadow:none!important;border:0}

.writing-agent-composition{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;width:100%;min-height:400px;align-items:start}
.writing-agent-composition .writing-agent-details{width:100%;max-width:none;padding:22px 18px}
.writing-agent-composition .writing-agent-cards button{padding:10px 8px;gap:6px;font-size:10px;min-height:46px}
.writing-agent-composition .writing-agent-cards button>span:nth-child(2){min-width:0;flex:1}
.writing-agent-composition .writing-agent-cards button>svg{flex:none;width:11px}
.writing-agent-result{min-height:340px;padding:22px 18px;opacity:0;transform:translateX(-18px);transition:opacity .45s ease,transform .6s cubic-bezier(.22,.78,.25,1);pointer-events:none}
.writing-agent-result[data-visible=true]{opacity:1;transform:translateX(0)}
.writing-agent-result>header{display:flex;align-items:center;gap:7px;margin-bottom:16px;font-size:12px}
.writing-agent-result>.inline-flex{margin-bottom:20px}
.writing-agent-result .writing-applied{margin-top:14px}
.writing-agent-reading p{font-size:11px;color:#777064;margin:16px 0 10px}
.writing-agent-reading blockquote{margin:0 0 20px;font-size:12px;line-height:1.7;padding:14px;background:#e1dfd7;border-radius:10px}
@media(prefers-reduced-motion:reduce){.writing-agent-result{transition:none}}

.founder-story>div:first-child>p{max-width:580px;width:100%;text-wrap:balance}

.company-close{position:relative;overflow:hidden;border-radius:18px;padding:0!important;margin-top:60px;background:#312c22}
.company-close>.company-close-image{display:block;width:100%;aspect-ratio:2.39;object-fit:cover;margin:0;border-radius:inherit}
.company-close:after{content:'';position:absolute;inset:0;background:linear-gradient(#15151030,#15151070);pointer-events:none}
.company-close-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px;text-align:center;color:#fff}
.company-close-content h2{margin:0;line-height:1.08}
.company-close-content>.marketing-cta-slot{margin:0!important}

/* Latest Home corrections: text on the photograph and a calm moving work ribbon. */
.welcome-app-head>strong{font-weight:700}
.welcome-banner-content .welcome-native-notice{min-height:0;padding:0;margin:18px 0 0;color:#fff;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 8px #0005}
.welcome-native-notice>svg{color:inherit}
.source-project-wall>div,.brand-project-list-row{cursor:default}
.intelligence{position:relative;isolation:isolate}
.intelligence>.section-starfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.intelligence>div:not(.section-starfield){position:relative;z-index:1}
.intel-still-dialogue .intel-still-request{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;margin-left:0}
.work-showcase-section{overflow:hidden}
.work-showcase-section .section-head{align-items:end;margin-bottom:28px}
.work-showcase-section .filters{flex-wrap:wrap;gap:8px;margin-bottom:28px}
.work-motion-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#716b60;padding:9px 0;font-size:12px}
.showcase-ribbon{overflow:hidden;max-width:100%;padding:4px 0}
.showcase-track{display:flex;width:max-content;animation:work-ribbon 105s linear infinite;animation-play-state:paused}
.work-showcase-section.is-in-view:not(.is-paused) .showcase-track{animation-play-state:running}
.work-showcase-section.is-paused .showcase-track,.showcase-ribbon:hover .showcase-track,.work-showcase-section:focus-within .showcase-track{animation-play-state:paused}
.showcase-group{display:flex;align-items:center;gap:24px;padding-right:24px}
.showcase-card{position:relative;flex:none;width:var(--card-width);height:var(--card-height);overflow:hidden;border-radius:16px;margin:0;background:#dedbd2}
.showcase-card>img{width:100%;height:100%;object-fit:cover}
.showcase-card>figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:12px;padding:26px;color:#fff;background:linear-gradient(0deg,#0009,transparent 60%)}
.showcase-card figcaption>span{font-size:11px;font-weight:650}
.showcase-card figcaption>strong{font-size:clamp(30px,3.25vw,44px);letter-spacing:-.055em;line-height:1.12;font-weight:550}
@keyframes work-ribbon{to{transform:translateX(-50%)}}
html[data-preview-still] .showcase-track{animation:none}
@media(prefers-reduced-motion:reduce){.showcase-track{animation:none}.work-motion-toggle{display:none}.showcase-ribbon{overflow-x:auto}}

/* The work ribbon is directly draggable, with no extra filters or transport controls. */
.work-showcase-section .section-head{margin-bottom:36px}
.showcase-ribbon{overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-y;user-select:none;overscroll-behavior-x:contain}
.showcase-ribbon::-webkit-scrollbar{display:none}
.showcase-ribbon.is-dragging{cursor:grabbing}
.showcase-track{animation:none!important}
.showcase-card img{pointer-events:none}
@media(prefers-reduced-motion:reduce){.project-card-image{transition:none!important;transform:none!important}}

.intel-still-dialogue .intel-still-request{width:100%;text-align:right}

.review-native-view.is-compact:not(.is-floating) .review-native-comments .inline-flex>span:last-child{flex-direction:column;align-items:flex-start;gap:5px;overflow:visible}
.review-native-view.is-compact:not(.is-floating) .review-native-comments .truncate{overflow:visible;text-overflow:clip}

/* Compact campaign playback keeps its footprint and the right-aligned request. */
.intel-compact-playback{height:176px;display:flex;flex-direction:column;gap:14px;animation:intel-compact-arrive .55s ease both}
.intel-compact-playback>p{display:flex;align-items:center;gap:9px}
.intel-compact-playback>img,.intel-compact-poster{width:220px;height:124px;object-fit:cover;border-radius:12px;overflow:hidden;position:relative}
.intel-compact-brief{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:12px;background:#ffffff0a;max-width:350px}
.intel-compact-brief div{display:grid;gap:10px}.intel-compact-brief span{display:flex;align-items:center;gap:6px;color:#25c99b;font-size:12px}
.intel-compact-poster img{width:100%;height:100%;object-fit:cover}.intel-compact-poster div{position:absolute;inset:12px;display:flex;flex-direction:column;color:white;font-size:12px}.intel-compact-poster strong{font-size:21px}
@keyframes intel-compact-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.intel-compact-playback{animation:none}}

/* A single model rail keeps the copy and preview anchored during family changes. */
.model-selector{min-width:0}
.model-names{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;height:46px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;overscroll-behavior-x:contain}
.model-names::-webkit-scrollbar{display:none}
.model-names button{flex:0 0 auto;white-space:nowrap;color:#aaa69e;transition:color .2s ease}
.model-names button:hover{color:#77746c}
.model-names button.selected{color:#24241f}
.model-types button{color:#aaa69e}
.model-types button.active{color:#24241f;border-color:#24241f}
.source-ui .bg-black{background-color:#24241f}
.source-ui .text-black{color:#24241f}
/* Compact photographic closings; text and actions retain their original destinations. */
.closing-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#24241f;margin-top:48px;padding:0!important;height:320px;min-height:0!important;text-align:center;color:#f5f4ee}
.end.closing-banner{margin:40px 5% 28px;display:block}
.closing-banner>.closing-banner-image{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 54%;margin:0;border-radius:inherit}
.closing-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(#24241f25,#24241f60);pointer-events:none;z-index:0}
.closing-banner>.closing-banner-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px 36px;color:#f5f4ee}
.closing-banner-content h2,.end.closing-banner h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0;max-width:1000px;color:#f5f4ee;text-wrap:balance}
/* A flex column shrink-wraps the heading to its own text; bound it by the banner so a phone wraps it (about.html ran 12–54px past its banner at 320–412, 2026-10-12).
   Only where the banner cuts it (under 436px); from there up the heading is Codex's own size. */
@media (max-width:435px){.closing-banner-content h2{max-width:min(1000px,100%)}}
.closing-banner-content p,.end.closing-banner p{margin:14px 0 0;font-size:14px;line-height:1.6;color:#e0ded6}
.closing-banner-content>.marketing-cta-slot,.closing-banner-content .access-note,.closing-banner-content .enterprise-close-actions{margin:0!important}
.closing-banner-content .enterprise-close-actions{display:flex;align-items:center;justify-content:center;gap:20px}
.closing-banner-content .quiet-company-link{color:#f5f4ee;margin:0}
@media(min-width:1001px){.model-copy{align-self:center}.company-main:has(>.closing-banner){padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.model-names button{transition:none}}

@media(min-width:1001px){.work-showcase-section{padding-top:48px;padding-bottom:64px}.work-showcase-section .section-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-bottom:28px}.work-showcase-section .section-head p{max-width:440px;justify-self:end;margin:0;font-size:15px;line-height:1.8;color:#79756d}.work-showcase-section .section-head h2{margin:0}}

.intel-still-request{min-height:24px}.intel-compact-playback{height:176px;flex:none}


/* Desktop section spacing follows the actual composition rather than tall empty stages. */
@media(min-width:1001px){
 .universe-chapter,.universe-chapter.reverse{padding:34px 0}
 .product-container-scene{padding-top:36px;padding-bottom:40px}
 .product-features{padding-top:24px;padding-bottom:10px}
 .feature-story{padding-top:38px;padding-bottom:38px}
 .company-story{padding-top:60px;padding-bottom:48px}
 .founder-story{padding-top:36px;padding-bottom:48px}
 .universe-intelligence{margin-top:40px}
 .universe-chapter .halo-native-scene{height:570px;min-height:570px}
 .universe-chapter .halo-native-frame{top:58px}
 .universe-chapter .halo-native-scene .lens-pane{top:10px}
 .universe-chapter .halo-native-scene .film-pane{top:205px}
 .universe-chapter .halo-native-scene .floating-pane{min-height:0}
}

.universe-intelligence{position:relative;isolation:isolate;overflow:hidden;background:#24241f}
.universe-intelligence>.section-starfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.universe-intelligence>div:not(.section-starfield){position:relative;z-index:1}


.source-project-wall>div{transition:transform .28s cubic-bezier(.22,1,.36,1);transform-origin:center;position:relative}
@media(hover:hover) and (pointer:fine){.source-project-wall>div:hover{transform:scale(1.015);z-index:1}}
@media(prefers-reduced-motion:reduce){.source-project-wall>div{transition:none}.source-project-wall>div:hover{transform:none}}

.model-names{padding-inline:20px;margin-inline:-20px;width:calc(100% + 40px);mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.model-names button{color:#bbb7af}.model-names button.selected,.model-names button.selected:hover{color:#24241f}



.vast-footer .footer-company>span,.vast-footer .footer-base>nav a{font-size:11px;font-weight:400;line-height:1.6}
.social-planner-native[data-calendar-view=day]>header>button{display:none}

@media(min-width:1001px){.welcome-section>.welcome-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:32px}.welcome-section-intro h2{margin:0;font-size:clamp(36px,3.6vw,54px);line-height:1.12;letter-spacing:-.05em}.welcome-section-intro p{max-width:450px;margin:0;justify-self:end;font-size:15px;line-height:1.8;color:#79756d}.welcome-section{padding-top:48px;padding-bottom:36px}}

/* The shared review summary owns its spacing rather than the generic source header. */
.source-ui header.public-review-summary{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:24px;padding:20px 22px;height:auto;min-width:0}
.public-review-summary>div:first-child{min-width:0}
.public-review-summary .share-review-actions{justify-self:end;min-width:0}
.source-ui header.public-review-summary h3{margin:14px 0 6px;line-height:1.2}
.source-ui header.public-review-summary p{margin:0;line-height:1.6}

/* Universe is a statement about the creative world, with the supplied imagery intact. */
.universe-context-note{margin:24px 0 0;color:#79756d;font-size:13px;line-height:1.8;text-align:right}
.universe-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:start;padding:42px 0 28px}
.universe-editorial h2{font-size:clamp(36px,3.6vw,54px);font-weight:500;line-height:1.13;letter-spacing:-.05em;margin:0}
.universe-editorial p{font-size:15px;line-height:1.85;color:#746f67;max-width:480px;margin:0 0 18px}
.universe-editorial p:last-child{margin-bottom:0}
.universe-perspective{margin:10px 0 16px}
.universe-perspective svg{display:block;width:100%;height:auto;max-height:340px;overflow:visible;font-family:Manrope,sans-serif}
.perspective-connections{stroke:#c7c3ba;stroke-width:1.2}
.perspective-dots{fill:#a19d93}
.perspective-words{fill:#928d83;font-size:25px;font-weight:500;letter-spacing:-.6px}
.perspective-core{fill:#24241f;font-size:38px;font-weight:500;letter-spacing:-1.4px}
.perspective-caption{fill:#928d83;font-size:14px}
.universe-editorial-memory{padding-top:24px;padding-bottom:36px}
.universe-manifesto-link{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:8px}
.universe-perspective svg{max-height:none}
.perspective-words{font-size:22px}
.perspective-ground{fill:var(--paper,#f5f3ed)}
.perspective-core{font-size:34px}
.perspective-return{stroke-dasharray:3 5;opacity:.8}
.perspective-return-copy{fill:#928d83;font-size:15px}
.universe-material-story{padding:44px 0 30px}
.universe-material-story .section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-bottom:38px}
.universe-material-story h2{font-size:clamp(36px,3.6vw,54px);line-height:1.13;letter-spacing:-.05em;margin:0}
.universe-material-story .section-head>p{max-width:480px;margin:0;font-size:15px;line-height:1.85;color:#746f67}
.universe-materials{display:grid;grid-template-columns:1.15fr .8fr 1fr;grid-template-rows:210px 210px;gap:28px 40px;align-items:center}
.universe-materials>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}
.universe-material-portrait{grid-column:1;grid-row:1/3}
.universe-material-words{grid-column:2;grid-row:1}
.universe-materials span{font-size:13px;color:#928d83}
.universe-material-words p{margin:12px 0 20px;font-size:38px;line-height:1.05;letter-spacing:-1.6px;color:#24241f}
.universe-material-palette{display:flex;gap:8px}
.universe-material-palette i{display:block;width:28px;height:28px;background:#18394f;border-radius:3px}
.universe-material-palette i:nth-child(2){background:#dc864c}.universe-material-palette i:nth-child(3){background:#e4e0d3}
.universe-material-data{grid-column:2;grid-row:2}
.universe-material-data svg{display:block;width:100%;height:110px;margin-top:12px}
.universe-material-data p{font-size:15px;line-height:1.6;color:#79756d;margin:10px 0 0}
.universe-material-city{grid-column:3;grid-row:1}
.universe-material-identity{grid-column:3;grid-row:2;text-align:center}
.universe-material-identity img{display:block;width:100%;height:100px;object-fit:contain;padding:15px 20px}
.universe-material-identity span{display:block;margin-top:16px}
.universe-editorial-memory{padding-top:38px}

.gallery-native-grid>div{overflow:hidden;cursor:pointer}
.gallery-native-grid>div img{transition:transform .38s cubic-bezier(.22,1,.36,1);transform-origin:center}
@media(hover:hover) and (pointer:fine){.gallery-native-grid>div:hover img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.gallery-native-grid>div img{transition:none}.gallery-native-grid>div:hover img{transform:none}}
@media(min-width:1001px){
 .feature-story:has(>[data-source-review]){grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:6%}
 .review-native-view.is-compact:not(.is-floating){grid-template-columns:minmax(0,1fr) 222px;align-items:stretch;padding:14px;gap:16px}
 .review-native-view.is-compact:not(.is-floating) .review-native-media{align-self:stretch}
 .review-native-view.is-compact:not(.is-floating) .review-native-media>img{height:0;min-height:280px;aspect-ratio:auto;flex:1 1 auto;object-fit:cover}
 .review-native-view.is-compact:not(.is-floating) .review-native-strip{flex:none}
}

@media(min-width:1001px){.gallery-native-preview.is-animated{min-height:550px}.gallery-native-preview.is-animated .gallery-native-open{right:auto;bottom:auto;background:rgba(235,233,224,.76);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:gallery-detail-reveal .45s cubic-bezier(.22,1,.36,1) both}}
.gallery-demo-cursor{position:absolute;z-index:30;width:24px;height:24px;pointer-events:none;transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 8px #1af29c70)}
.gallery-demo-cursor svg{width:24px;height:24px;fill:#24241f;stroke:#f5f3ed;stroke-width:1.5;stroke-linejoin:round}
.gallery-demo-cursor.is-clicking:after{content:'';position:absolute;width:24px;height:24px;border:1px solid #78786f;border-radius:50%;left:-7px;top:-7px;animation:gallery-cursor-click .45s ease-out both}
@keyframes gallery-detail-reveal{from{opacity:0;transform:translate(8px,14px) scale(.985)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes gallery-cursor-click{from{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){.gallery-demo-cursor{display:none}.gallery-native-preview.is-animated .gallery-native-open{animation:none}}

/* Restored composer shells and desktop node manipulation. */
.superref-native-prompt{margin:16px 0 0;width:100%;box-sizing:border-box}
.space-native-ground{padding-left:25px}
.space-native-bottom{left:25px}
.space-native-node{position:relative;touch-action:none}
.space-native-node .space-node-header,.space-native-node .space-node-media-well{cursor:grab;user-select:none;touch-action:none}
.space-native-node .space-node-header input{pointer-events:none}
.space-native-node.is-moving{z-index:10}
.space-native-node.is-moving .space-node-header,.space-native-node.is-moving .space-node-media-well{cursor:grabbing}
.director-feature-composition{position:relative}
.director-feature-modes{position:absolute;right:24px;top:24px;z-index:5;display:flex;align-items:center;gap:8px}
.director-feature-modes button{height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#f5f4ee;font-size:12px;font-weight:700;cursor:pointer}
.director-feature-modes button[aria-pressed=true]{background:#24241f;color:#f5f4ee}
.director-feature-composition .director-native-panel{border-color:#ffffff73;box-shadow:0 10px 30px #1d1d1512}

/* The writing cursor follows selection, proposal and the actual insertion caret. */
.writing-native-preview{position:relative}
.writing-native-preview>.writing-agent-pointer{left:0;top:0;z-index:8;padding:0;transition:transform .12s linear;align-items:flex-start}
.writing-agent-pointer svg{animation:none;transform:none}
.writing-agent-pointer.is-clicking::before{content:"";position:absolute;left:-8px;top:-8px;width:30px;height:30px;border:2px solid #1af29c;border-radius:50%;animation:writing-action-click .5s ease-out both}
.writing-opening mark{background:#dce7f8;color:inherit;border-radius:2px}
.writing-replace.is-pressed{background:#d4e9dc;transform:scale(.97)}
.writing-native-document{border-radius:16px;isolation:isolate;clip-path:inset(0 round 16px);box-shadow:none}
.writing-native-status{border-radius:0 0 16px 16px;overflow:hidden}
@keyframes writing-action-click{from{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}

/* The agent palette slightly overlaps a larger result surface. */
.writing-agent-composition{position:relative;grid-template-columns:38% minmax(0,1fr);gap:0;min-height:450px;padding-bottom:20px}
.writing-agent-composition .writing-agent-details{position:relative;z-index:3;padding:22px 16px;background:#e8e6df}
.writing-agent-composition .writing-agent-result{position:relative;z-index:2;margin:28px 0 0 -28px;padding:28px 22px 28px 46px;min-height:400px;background:rgba(233,231,224,.88)}
.writing-agent-result [data-edit-proposal]{animation:writing-proposal-arrive .5s ease-out both}
.writing-agent-reading blockquote mark{background:#d4e8db;color:inherit}
.writing-agent-composition>.writing-agent-pointer{left:0;top:0;z-index:8;transition:transform .1s linear;align-items:flex-start}
@keyframes writing-proposal-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* A second angle joins the first, without covering the source frame. */
.angle-results{position:relative;width:100%;min-height:270px;margin-top:20px}
.angle-results .angle-result{position:absolute;top:0;margin:0;transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1),left .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1)}
.angle-results .angle-close{left:34%;width:66%}
.angle-results.has-medium .angle-close{left:0;width:48%}
.angle-results .angle-medium{left:52%;width:48%;transform:translateX(20px)}
.angle-results .angle-medium.is-ready{transform:translateX(0)}
/* Model choices are a quiet one-line rail with fading edges. */
.video-model-choices{flex-wrap:nowrap;gap:28px;height:46px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 20px;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.video-model-choices::-webkit-scrollbar{display:none}
.video-model-choices button{flex-shrink:0;white-space:nowrap;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#b3afa6!important;font-size:15px;line-height:1.4}
.video-model-choices button[aria-pressed=true]{color:#24241f!important}
.video-model-choices button:hover{color:#777369!important}
.video-model-choices button[aria-pressed=true]:hover{color:#24241f!important}
.video-model-choices small{display:none}
.video-model-selection{display:grid;gap:10px;min-width:0}
.video-model-selection .video-model-choices{height:48px;gap:24px}
.video-model-selection .video-model-choices button{font-size:16px!important;min-height:44px;gap:8px}
.video-model-selection .video-model-choices button>svg{width:22px;height:22px}
.model-selection-caption{margin:0;text-align:center;color:#77736a;font-size:13px;line-height:1.6}
.video-parameter-row>button:disabled{opacity:1;cursor:default}
/* Flowkits use the kits' own controls and panel order. */
.flowkit-explanation{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:28px 5% 50px}
.flowkit-explanation h2{font-size:40px;font-weight:500;line-height:1.17;letter-spacing:-.045em;margin:0}
.flowkit-explanation p{font-size:15px;line-height:1.8;color:#777369;margin:0 0 24px}
.flowkit-explanation ol{padding:0;margin:0;list-style:none;display:grid;gap:18px}
.flowkit-explanation li{display:grid;gap:5px;font-size:13px;line-height:1.7}
.flowkit-explanation li span{color:#777369}
.kit-native-preview{height:610px;min-height:610px;max-height:610px}
.kit-native-preview [data-kit-setup]{width:320px!important;max-width:32%;border:0}
.kit-native-preview [data-kit-stage]{border:0}
.kit-source-identity{display:flex;gap:12px;align-items:center}
.kit-source-identity h2{font-size:23px!important;margin:0;letter-spacing:-.03em}
.kit-native-preview .kit-factor{flex-wrap:wrap;gap:6px}
.kit-engine-cards{display:grid;gap:8px}
.kit-engine-cards>button{display:grid;gap:6px;padding:13px;border-radius:12px;text-align:left}
.kit-engine-cards strong{font-size:14px}
.kit-engine-cards span{font-size:11px;line-height:1.6;color:#817a70}
.kit-factor-slider{display:flex;gap:14px;align-items:center;font-size:13px}
.kit-factor-slider input{min-width:0;flex:1;accent-color:#24241f;height:6px}
.kit-recent{display:flex;gap:10px;align-items:center;font-size:12px}
.kit-recent img{width:42px;height:42px;object-fit:cover;border-radius:8px}
.kit-recent small,.kit-format-results small,.kit-layer-row small{display:block;margin-top:4px;color:#817b70;font-size:10px}
.kit-ready{display:flex;align-items:center;gap:4px;font-size:11px;color:#08764f}
.kit-upscale-compare{position:relative;aspect-ratio:16/10;margin-top:18px;overflow:hidden;border-radius:12px}
.kit-upscale-compare>img,.kit-upscale-source img{width:100%;height:100%;object-fit:cover}
.kit-upscale-source{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--kit-split)) 0 0)}
.kit-upscale-source img{filter:blur(1.2px)}
.kit-upscale-line{position:absolute;top:0;bottom:0;left:var(--kit-split);width:1px;background:#f5f4ee;pointer-events:none}
.kit-upscale-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#f5f4ee;display:grid;place-items:center;color:#24241f;font-size:15px}
.kit-upscale-compare>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.kit-compare-before,.kit-compare-after{position:absolute;bottom:14px;padding:6px 10px;border-radius:20px;color:white;background:#24241f80;backdrop-filter:blur(10px);font-size:11px;pointer-events:none}
.kit-compare-before{left:14px}.kit-compare-after{right:14px}
.kit-output-meta{display:flex;justify-content:space-between;gap:18px;margin-top:16px;font-size:11px;color:#837c71}
.kit-selected{width:200px;transition:width .25s ease;overflow:hidden;border:0}
.kit-selected.is-folded{width:36px}
.kit-selected header button{padding:0;background:none;border:0;cursor:pointer}
.kit-moment{padding:0;border:0;border-radius:9px;overflow:hidden;text-align:left;background:#dedbd2}
.kit-moment[aria-pressed=true]{box-shadow:0 0 0 1px #827a66}
.kit-moment img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.kit-moment>span{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;font-size:10px}
.kit-source-name{font-size:10px;color:#817a70}
.kit-logo-name{display:flex;gap:10px;align-items:center;font-size:11px}
.kit-logo-name>span{font-size:24px;color:#1b3851}
.kit-format-results{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
.kit-format-results figure{min-width:0}
.kit-format-results img{max-height:310px;object-fit:cover}
.kit-format-results figcaption{gap:8px}
.kit-layer-row{display:flex;align-items:center;gap:9px;padding:14px;font-size:12px;text-align:left}
.kit-layer-row span{flex:1}
.kit-layer-results{margin-top:24px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.kit-game-preview{width:100%;min-height:560px}
.kit-game-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.kit-game-rail{display:flex;gap:16px;height:540px}
.kit-game-rail [data-g4e-step]{min-width:0!important;flex:1;max-height:540px}
.kit-game-rail [data-g4e-step=style]{max-width:320px}
.kit-game-rail [data-g4e-step]>header{padding:20px 22px!important}
.kit-game-rail [data-g4e-step]>header h2{font-size:22px;margin:0}
.kit-game-content{padding:6px 22px 22px;overflow:auto;display:flex;flex-direction:column;gap:24px}
.kit-game-content h3{font-size:14px;margin:0}
.kit-game-content .kit-factor{flex-wrap:wrap;gap:6px}
.kit-game-render{height:350px;max-width:100%;object-fit:contain;border-radius:12px}

/* Product choices keep the accompanying editorial text in a stable position. */
@media(min-width:1001px){
 .product-container-scene>.container-intro{align-self:start;margin-top:128px}
 .feature-story>.feature-copy,.real-tool-stage>.tool-copy{align-self:start;margin-top:72px}
 .product-container-scene:has(.product-preview-tabs)>.scene-mount{height:760px;min-height:760px}
 .product-container-scene>.scene-mount,.feature-story>.source-ui{overflow-anchor:none}
 #asset>.scene-mount{min-height:668px}
 #production .halo-native-scene{height:570px;min-height:570px}
#production .halo-native-frame{top:64px;left:28px;right:28px}
 #production .halo-native-scene .floating-pane{width:132px;padding:10px;border-radius:14px;line-height:1.4}
#production .halo-native-scene .lens-pane{top:28px;left:0}
#production .halo-native-scene .film-pane{top:250px;right:0}
 #production .halo-panel-title{margin-bottom:10px;font-size:11px}
 #production .look-native-preset{gap:3px;margin-bottom:8px}
 #production .look-native-preset strong{font-size:13px}
 #production .look-native-preset>span,#production .halo-profile{font-size:10px}
 #production .halo-profile{margin-bottom:10px}
 #production .halo-native-scene .scene-slider{margin-bottom:6px}
 #production .halo-native-scene .scene-slider>span{font-size:10px;line-height:1.4;margin-bottom:4px;gap:4px}
 #production .halo-native-scene output{font-size:10px}
 #production .halo-native-scene input[type=range]{height:12px;margin-top:3px}
}
.universe-data-field{margin:16px 0 48px}
.universe-data-field svg{display:block;width:100%;height:auto;overflow:visible}
.data-bridges{stroke:#ada89b;stroke-width:.65;opacity:.24}
.data-cluster{cursor:pointer;outline:none;transition:opacity .3s}
.data-links{stroke:#928b7c;stroke-width:.65;opacity:.32;transition:opacity .3s}
.data-node{fill:#736d60}
.data-cluster:nth-of-type(3n) .data-node{fill:#788c7e}
.data-label{font-size:14px;font-weight:500;fill:#5e5a51;letter-spacing:-.25px}
.data-artifacts{pointer-events:none}
.data-word-fragment{font-size:12px;fill:#777163;letter-spacing:-.3px}
.data-wave{stroke:#809185;stroke-width:1.4}
.data-signal{fill:none;stroke:#aa9578;stroke-width:1.4}
.data-core{fill:#24241f;font-size:34px;font-weight:500;letter-spacing:-1.2px;pointer-events:none}
.data-core .data-core-caption{font-size:13px;fill:#878174;letter-spacing:0;font-weight:400}
.universe-data-field figcaption{text-align:center;font-size:13px;color:#878174;margin:4px 0 0}
.universe-data-field.has-selection .data-cluster{opacity:.22}
.universe-data-field.has-selection .data-cluster.is-selected{opacity:1}
.data-cluster.is-selected .data-links{opacity:.8;stroke:#505e51}
.data-cluster:focus-visible .data-label{text-decoration:underline;text-underline-offset:5px}
.universe-data-field.is-visible .data-node{animation:data-node-arrive .7s ease-out var(--node-delay) both}
@keyframes data-node-arrive{from{opacity:0}to{opacity:1}}
.universe-meaning-visual{display:grid;grid-template-columns:1fr .7fr 1.35fr;gap:5%;align-items:center;margin:22px 0 44px}
.universe-meaning-visual figure{margin:0;position:relative;min-width:0}
.universe-meaning-visual img{display:block;width:100%;object-fit:cover;border-radius:12px}
.meaning-source img{height:330px}
.meaning-work img{height:300px}
.universe-meaning-visual figcaption{font-size:12px;color:#878174;margin-top:14px}
.meaning-direction span{font-size:12px;color:#928a7b}
.meaning-direction p{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:18px 0 24px}
.meaning-direction svg{display:block;width:100%;color:#b2ac9e;margin-bottom:18px}
.meaning-work>div{position:absolute;left:24px;right:20px;bottom:57px;color:#fff;text-shadow:0 1px 8px #0007}
.meaning-work>div span{font-size:11px}
.meaning-work>div p{font-size:24px;line-height:1.15;letter-spacing:-.8px;margin:10px 0 0}
.universe-editorial-memory{padding-bottom:62px}
@media(prefers-reduced-motion:reduce){.universe-data-field .data-node{animation:none}.data-cluster,.data-links{transition:none}}
@media(min-width:1001px){#production .halo-native-scene .floating-pane{bottom:auto;min-height:0}}
.product-preview-tabs button{background:transparent!important;border:0!important;box-shadow:none!important;color:#8b8579}
.product-preview-tabs button[aria-pressed=true]{color:#24241f;font-weight:700}
.asset-native-list{display:flex;flex-direction:column;gap:4px;padding:8px 0;min-height:380px}
.asset-native-list>button{text-align:left;background:transparent;border:0}
.asset-list-thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:44px;overflow:hidden;border-radius:8px;background:#e8e6df}
.asset-list-thumb img{width:100%;height:100%;object-fit:cover}

/* Flowkit outputs keep their actual media ratios; poster copy has a safe area. */
.kit-platform{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#746f65}
.kit-frame-media{position:relative;overflow:hidden;border-radius:8px;container-type:inline-size;background:#ddd9cf}
.kit-format-results .kit-frame-media img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
.kit-smartframe .kit-format-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.kit-smartframe .kit-format-results figcaption{align-items:start;flex-wrap:wrap}
.kit-smartframe .kit-format-results figcaption>svg{flex-shrink:0;margin-top:2px}
.kit-format-results figcaption small{line-height:1.5}
.kit-poster-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17233338,transparent 48%,#17233352);pointer-events:none}
.kit-poster-copy{position:absolute;z-index:1;top:7%;left:7%;right:7%;display:flex;flex-direction:column;gap:8px;color:white}
.kit-poster-copy strong{font-size:clamp(20px,13cqw,44px);font-weight:650;line-height:1.05;letter-spacing:-.045em}
.kit-poster-copy>span{font-size:clamp(9px,4.5cqw,15px);line-height:1.4}
.kit-poster-brand{position:absolute;z-index:1;bottom:6%;left:7%;display:flex;align-items:center;gap:7px;color:white;font-size:22px}
.kit-poster-brand>span{font-size:clamp(8px,3.2cqw,11px);font-weight:600}

/* Original Game4everything step shells, with one coherent candy-game asset set. */
.kit-game-identity{display:flex;align-items:center;gap:14px}
.kit-soon{padding:4px 9px;border-radius:999px;background:#e8e5dc;color:#746f65;font-size:11px}
.kit-game-content{padding:0;overflow:visible;gap:18px}
.kit-game-subject{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:12px}
.kit-game-reference{display:flex;flex-direction:column;gap:10px;padding-top:9px}
.kit-game-reference h3{font-size:11px}
.kit-game-reference img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.kit-game-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kit-game-count,.kit-game-ratio{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:start;padding:7px 14px;font-size:12px}
.kit-game-style{display:flex;align-items:center;gap:10px;padding:11px 12px;font-size:12px}
.kit-game-style small{display:block;margin-top:3px;font-size:10px;color:#817a70;line-height:1.5}
.kit-game-hero,.kit-game-related figure,.kit-game-dataset figure{margin:0;min-width:0}
.kit-game-hero>img{width:100%;height:290px;object-fit:contain;border-radius:12px}
.kit-game-hero figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:11px;color:#837c71}
.kit-game-related{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kit-game-related img{width:100%;height:100px;object-fit:contain;border-radius:10px}
.kit-game-related figcaption,.kit-game-dataset figcaption{margin-top:7px;font-size:11px;color:#837c71}
.kit-game-dataset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin-top:40px}
.kit-game-dataset img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px}
.kit-game-render{height:360px;width:100%;object-fit:contain}
.kit-game-rail [data-g4e-step=style] .kit-game-content{gap:12px}
.kit-game-subject .kit-notes{height:76px;min-height:0;font-size:12px;line-height:1.65;padding:9px 10px;resize:none}
.kit-game-rail [data-g4e-step=style] .kit-game-style{padding:9px 12px}

/* The mode treatment is a passive label in this marketing demonstration. */
.director-simple-label,.director-mode-label{height:34px;display:inline-flex;align-items:center;padding:0 14px;font-size:12px;font-weight:700;cursor:default}
.director-simple-label{color:#f5f4ee}
.director-mode-label{background:#fff;color:#24241f;border-radius:999px}
.model-ideogram-icon{object-fit:contain;flex-shrink:0}
.image-mode-switch button:disabled{cursor:default;opacity:1}

/* Shared desktop heading/copy alignment and readable cinematic controls. */
@media(min-width:1001px){
 .feature-story:not(.wide-detail):not(.wide-feature){grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:48px}
 .feature-story.reverse:not(.wide-detail):not(.wide-feature){grid-template-columns:minmax(0,1fr) minmax(0,380px)}
 .feature-story:not(.wide-detail):not(.wide-feature)>.feature-visual>:only-child{margin-left:0;margin-right:auto}
 .feature-story.reverse:not(.wide-detail):not(.wide-feature)>.feature-visual>:only-child{margin-left:auto;margin-right:0}
 .feature-story:not(.wide-detail):not(.wide-feature) .space-node-picker{max-width:none}
 .product-universe .product-container-scene{column-gap:48px}
 .wide-detail .feature-copy>p,.wide-feature .feature-copy>p{justify-self:end;margin-left:auto}
 .section-head>p,.section-head>div:last-child{justify-self:end;margin-left:auto}
 .real-hero>div:not(.hero-title):last-child{justify-self:end;width:100%;max-width:440px}
 .director-feature-composition .director-native-panel{container-type:inline-size}
 .director-feature-composition .director-source-bar{--director-control-size:clamp(12px,1.04cqw,15px)}
 .director-feature-composition .director-source-bar button,.director-feature-composition .director-source-bar .text-sm{font-size:var(--director-control-size)}
 .director-feature-composition .director-source-bar svg{width:var(--director-control-size);height:var(--director-control-size)}
 .director-feature-composition .director-source-bar>div>.px-3{padding-left:3px;padding-right:3px;gap:3px}
}

/* One CutCraft presentation, reused by Home, Products and the detail page. */
.cutcraft-simple-preview{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:26px;align-items:center;padding:24px;min-height:510px;background:transparent;box-shadow:none;overflow:visible}
.cut-simple-extensions{align-self:center;min-width:0}
.cut-simple-heading{display:flex;align-items:center;height:24px}
.cut-simple-heading>svg{max-width:120px;height:24px;width:auto}
.cut-simple-extensions h3{font-size:11px;font-weight:500;color:#8b867c;letter-spacing:0;margin:0 0 18px}
.cut-simple-extensions>div{display:flex;flex-direction:column;gap:24px}
.cut-simple-extensions>div>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#57534c;white-space:nowrap}
.cut-simple-edit{min-width:0;display:flex;flex-direction:column;gap:18px}
.cut-simple-player{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/9;background:#24241f}
.cut-simple-player>img{width:100%;height:100%;object-fit:cover;display:block}
.cut-simple-play{position:absolute;inset:0;display:grid;place-items:center;color:white;filter:drop-shadow(0 1px 4px #0005);pointer-events:none}
.cut-simple-film-name{position:absolute;left:14px;bottom:12px;color:white;font-size:10px;text-shadow:0 1px 4px #0005}
.cut-simple-timeline{position:relative;padding-top:16px;min-width:0}
.cut-simple-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:6px;overflow:hidden}
.cut-simple-pair{min-width:0;display:flex;flex-direction:column;gap:2px}
.cut-simple-video{position:relative;height:60px;padding:0;border:0;border-radius:5px 5px 0 0;overflow:hidden;background:#6f716a;color:white;cursor:pointer}
.cut-simple-video>span{position:absolute;left:6px;top:5px;font-size:9px;z-index:1;text-shadow:0 1px 4px #0008;white-space:nowrap}
.cut-simple-video>div{display:flex;height:100%}
.cut-simple-video img{width:33.333%;height:100%;object-fit:cover}
.cut-simple-audio{height:32px;padding:3px 0;background:#254a79;border-radius:0 0 4px 4px}
.cut-simple-playhead{position:absolute;top:5px;bottom:0;width:1px;background:#181815;z-index:2;pointer-events:none}
.cut-simple-playhead::before{content:'';position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #181815}
.cut-simple-scrub{position:absolute;top:0;left:0;width:100%;height:16px;margin:0;opacity:0;cursor:ew-resize}
.home-range-preview .cutcraft-simple-preview{height:560px;min-height:0;padding:20px 0;grid-template-columns:minmax(0,1fr) 146px;gap:24px}

/* Product areas retain their place in the menu; the selected content leads. */
.product-universe .container-jumps{scroll-margin-top:116px}
.product-universe .container-jumps a[aria-current=true]{color:#24241f}
.product-universe .container-jumps-row a[aria-current=true]>img{filter:none}
@media(min-width:1001px){
 .product-universe .container-jumps-row a{font-size:17px;gap:10px;min-height:46px}
 .product-universe .container-jumps-row a>img{width:28px;height:28px}
}

/* Quieter desktop photograph captions — keep the native previews and imagery. */
@media(min-width:1001px){
 .welcome-app-banner h2{font-size:clamp(26px,2.5vw,34px);font-weight:450;line-height:1.15;letter-spacing:-.035em}
 .showcase-card figcaption>strong{font-size:clamp(26px,2.5vw,36px);font-weight:450;line-height:1.16;letter-spacing:-.04em}
 .showcase-card figcaption>span{font-size:11px;font-weight:500}
 .source-project-wall h3{font-size:clamp(14px,7cqw,32px)!important;font-weight:450!important;line-height:1.12!important}
 .request-scene h1{font-size:clamp(34px,3vw,48px);font-weight:450;line-height:1.15;letter-spacing:-.045em}
}
/* Match the visible preview edge to the grid edge when its chat is absent. */
@media(min-width:1001px){
 :root{--editorial-visual-gap:64px}
 .product-universe .product-container-scene{column-gap:var(--editorial-visual-gap)}
 .product-container-scene .source-doc-stage .source-paper{left:0;padding-left:40px}
 .feature-story:not(.wide-detail):not(.wide-feature),.real-tool-stage{column-gap:var(--editorial-visual-gap)}
}

/* Video references are separate from the two deliberately empty frame slots. */
.video-reference-group{display:flex;align-items:center;gap:10px;min-height:56px;flex:none}
.video-reference-slot{display:block;width:36px;height:36px;flex:none;overflow:hidden}
.video-reference-slot img{display:block;width:100%;height:100%;object-fit:cover}
.video-reference-tools{display:flex;align-items:center;gap:8px;color:#66645c}
.video-reference-tools svg{flex:none}
.video-frame-slot{display:flex;align-items:center;justify-content:center;gap:6px;width:96px;height:56px;padding:0 10px;flex:none;font-size:11px;white-space:nowrap}

/* The compact system name retains its wordmark, including within prose. */
.intelligent-cs-wordmark{--ics-hue:#64735b;--ics-stop-a:#343732;--ics-stop-b:#62685d;--ics-stop-c:#343b35;--ics-stop-d:#697162;--ics-stop-e:#4c554c;display:inline-block;white-space:nowrap;font-weight:400;letter-spacing:-.06em;line-height:1.2;padding-bottom:.16em;margin-bottom:-.16em;color:#4c5548;vertical-align:baseline}
p .intelligent-cs-wordmark{font-weight:650}
.intelligence-page .site-header .intelligent-cs-wordmark,.intelligence-page>header .intelligent-cs-wordmark{background:none!important;color:#f5f4ee!important;-webkit-text-fill-color:#f5f4ee!important}
.intelligence-page .intelligent-cs-wordmark{--ics-stop-a:#dadcd4;--ics-stop-b:#aeb5a5;--ics-stop-c:#e0e4d8;--ics-stop-d:#bac3b3;--ics-stop-e:#d2d9ce;color:#d6dace}
@supports (background-clip:text) and (color:color-mix(in srgb,black,white)){
 .intelligent-cs-wordmark{background-image:linear-gradient(112deg,color-mix(in srgb,var(--ics-hue) 24%,var(--ics-stop-a)) 0%,color-mix(in srgb,var(--ics-hue) 22%,var(--ics-stop-b)) 29%,color-mix(in srgb,var(--ics-hue) 18%,var(--ics-stop-c)) 55%,color-mix(in srgb,var(--ics-hue) 22%,var(--ics-stop-d)) 80%,color-mix(in srgb,var(--ics-hue) 24%,var(--ics-stop-e)) 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(forced-colors:active){.intelligent-cs-wordmark,.intelligence-page .intelligent-cs-wordmark{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Fictional workspace brands on the six project covers. */
.project-brand-name{font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:1.4;color:#f5f4ee;letter-spacing:.015em}

/* A stable centred greeting, with the square cursor following each letter. */
.product-universe .container-jumps{gap:28px}
.product-universe .container-jumps .container-jumps-lead{gap:24px;justify-content:center;font-size:22px;line-height:1.4}
.yond-greeting-identity{display:flex;align-items:center;gap:9px;flex:none}
.yond-greeting-identity .nav-yonder-mark{width:49px;height:16px}
.yond-greeting-identity .nav-yonder-mark svg{width:49px!important;height:16px!important}
.yond-greeting{position:relative;display:inline-block;font-weight:450;letter-spacing:-.035em;white-space:nowrap}
.yond-greeting-reserve{visibility:hidden}
.yond-greeting-line{position:absolute;left:0;top:0}
.yond-greeting-cursor{display:inline-block;width:6px;height:6px;background:currentColor;margin-left:6px;vertical-align:middle}
.yond-greeting[data-state=complete] .yond-greeting-line .yond-greeting-cursor{animation:yond-greeting-blink 1.1s steps(1,end) infinite}
.yond-greeting[data-visible=false] .yond-greeting-cursor,.yond-greeting[data-page-visible=false] .yond-greeting-cursor{animation-play-state:paused!important}
@keyframes yond-greeting-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(min-width:1001px){
 .product-universe .container-jumps-row{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:12px}
 .product-universe .container-intro .product-preview-tabs{justify-content:flex-start;gap:24px 32px;max-width:100%}
 .product-universe .container-intro .product-preview-tabs button{padding:7px 0;text-align:left}
}

/* Native brand covers and project images rearrange within one calm canvas. */
.universe-filter-shell{width:100%;height:600px;display:flex;flex-direction:column;gap:26px}
.universe-filters{display:flex;align-items:center;gap:7px;min-height:34px}
.universe-filters button{font-size:12px;line-height:1.4;padding:8px 16px;background:transparent;color:#625e55;border-radius:999px;min-height:34px}
.universe-filters button[aria-pressed=true]{background:#24241f;color:#f5f4ee}
.universe-filters button:focus-visible{outline:2px solid #716a5a;outline-offset:3px}
.universe-filter-board{position:relative;flex:1;min-height:0;width:100%}
.universe-layout-card{position:absolute;transform-origin:0 0}
.universe-layout-card[data-visible=false]{pointer-events:none}
.universe-filter-board .universe-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;border-radius:12px!important}
.universe-filter-board .universe-logo img{object-fit:contain;padding:12px 20px!important}
.universe-project img{width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.yond-greeting-cursor{animation:none!important}}

/* The plain HTML action and mounted native action share their first-paint box. */
a.button:not(.marketing-metal>a){height:36px!important;min-height:36px!important;padding-block:8px!important;line-height:20px!important;border-radius:8px!important}
.site-header>a.button{min-width:120px}
/* Keep the source silver recipe behind the live layer until its first frame. */
a.button:not(.marketing-metal>a)::before,.marketing-metal[data-metal=off]::before{content:'';position:absolute;inset:-1.5px;border-radius:9.5px;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,#ffffff57,transparent 42%,transparent 58%,#00000057),conic-gradient(from 200deg,#ecece6,#8a8a85 35deg,#f7f7f2 70deg,#9d9d97 120deg,#5f5f5b 165deg,#e6e6e0 210deg,#8f8f89 260deg,#f2f2ec 300deg,#a7a7a1 335deg,#ecece6);background-blend-mode:soft-light,normal;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}
a.button:not(.marketing-metal>a){position:relative}
[data-theme=light] a.button:not(.marketing-metal>a)::before,[data-theme=light] .marketing-metal[data-metal=off]:not([data-force-dark] *)::before{background-image:linear-gradient(135deg,#ffffff4d,transparent 42%,transparent 58%,#00000042),conic-gradient(from 200deg,#c4c4be,#74746f 35deg,#e2e2dc 70deg,#85857f 120deg,#52524d 165deg,#bcbcb6 210deg,#7c7c76 260deg,#dadad4 300deg,#8e8e88 335deg,#c4c4be)}
@media(min-width:1001px){.product-universe .container-intro .production-preview-tabs{display:grid;grid-template-columns:repeat(4,max-content)}}
@media(prefers-reduced-motion:reduce){.yond-greeting-reserve{visibility:visible}.yond-greeting-line{display:none}}
/* Native restoration keeps its coordinates while previews and pin spacers settle. */
html,body{overflow-anchor:none}
/* Reserve the complete desktop scroll extent before GSAP builds its pin. */
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 .home-v2 [data-world-scene]:not(.world-gather-static){min-height:calc(max(590px,100svh - 84px) + 180vh);margin-bottom:96px}
 .home-v2 [data-world-scene]:not(.world-gather-static) .world-atlas{height:calc(100svh - 84px);min-height:590px;aspect-ratio:auto}
}

/* Browser history restores coordinates immediately; global smooth scrolling
   lets ScrollTrigger refresh interrupt that restoration halfway through.
   Explicit user-triggered section transitions still choose their own motion. */
html{scroll-behavior:auto!important}

/* Desktop source surfaces keep the same footprint before their React content. */
@media(min-width:1001px){
 .product-universe #workspace>.scene-mount{height:600px;min-height:600px}
 .product-universe #asset>.scene-mount{min-height:680px}
 .product-universe #brief>.scene-mount,.product-universe #strategy>.scene-mount{min-height:620px}
 .product-universe #gallery>.scene-mount{min-height:570px}
 .product-universe #public>.scene-mount{min-height:654px}
 .product-universe #intelligence>.scene-mount{min-height:640px}
 .intelligence-page .real-screen[data-scene=intelligence]{min-height:680px}
 .intelligence-page .feature-visual[data-detail=intelligence]{min-height:620px}
 .pricing-main>[data-source-plans]{display:flow-root;min-height:712px;padding:45px 0 80px}
 .pricing-main>[data-source-plans]>.native-plans{margin:0}
 .pricing-org-plans{min-height:124px}
}

/* Compact local asset inspection leaves the surrounding preview visible. */
.asset-native-lightbox{inset:auto 14px 14px auto;width:min(390px,calc(100% - 28px));height:190px;grid-template-columns:minmax(0,1fr) 150px;border:1px solid #fff9;border-radius:12px}
.asset-native-preview-media{min-height:0;padding:12px;background:#e9e7e1}
.asset-native-preview-media img{max-height:166px}
.asset-native-preview-media button{width:24px;height:24px;top:8px;right:8px}
.asset-native-lightbox>aside{padding:14px;gap:10px}
.asset-native-lightbox>aside strong{font-size:12px;line-height:1.4}
.asset-native-lightbox dl{font-size:10px;gap:5px;margin:0}
.asset-native-lightbox>aside button{padding:6px 8px;font-size:10px}
.shooting-current-ui [data-board-tool]{background:rgba(246,245,239,.83)!important;color:#24241f!important;backdrop-filter:blur(12px);border:1px solid #ffffffa8!important;box-shadow:0 2px 8px #0002;border-radius:999px!important;min-height:22px;padding:2px 6px!important;font-family:Manrope,sans-serif!important;font-size:9px!important;gap:3px;opacity:1!important}

img[src$="project-covers/avero-night-wide.jpg"]{object-position:80% center}

/* Main navigation: one weight step stronger, retaining its size and spacing. */
.site-header>nav a,.site-header>nav .intelligent-cs-wordmark,body>header>nav a,body>header>nav a.creative-is-nav,body>header>nav .intelligent-cs-wordmark{font-weight:500}

.space-london-aerial .space-node-media{object-position:center bottom;transform:scale(1.1);transform-origin:center bottom}

/* Retain the brand sign-off over the final cinematic city frame. */
.shooting-current-ui [data-frame-order]{position:relative}
.shooting-packshot-identity{position:absolute;top:1px;left:1px;width:calc(100% - 2px);aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#07101312,#0710135c);pointer-events:none;color:#f7f5ee}
.shooting-current-ui .shooting-packshot-identity img{display:block;width:52%;height:auto;max-height:none;object-fit:contain;filter:brightness(0) invert(1);border-radius:0}
.shooting-packshot-identity span{font-family:Manrope,sans-serif;font-size:clamp(9px,.8vw,12px);line-height:1.4;font-weight:500}

.shooting-current-ui [data-board-tools]{z-index:3}

/* Three brand inputs feed the New York Rove direction. */
.space-native-preview[data-workflow=rove-ny] .space-native-nodes{min-height:620px;gap:20px 42px}
.space-native-preview[data-workflow=rove-ny] [data-space-node=reference]{grid-column:1;grid-row:1;align-self:center}
.space-native-preview[data-workflow=rove-ny] [data-space-node=aircraft]{grid-column:1;grid-row:2;align-self:center}
.space-native-preview[data-workflow=rove-ny] [data-space-node=shirt]{grid-column:1;grid-row:3;align-self:center}
.space-native-preview[data-workflow=rove-ny] [data-space-node=assistant]{grid-column:2;grid-row:1/4}
.space-native-preview[data-workflow=rove-ny] [data-space-node=image]{grid-column:3;grid-row:1/4}
.space-native-preview[data-workflow=rove-ny] .space-rove-product{aspect-ratio:2.25;background:#efefef}
.space-native-preview[data-workflow=rove-ny] .space-rove-product img{object-fit:contain}
@media(max-width:980px){.space-native-preview[data-workflow=rove-ny] .space-native-nodes{min-height:0}.space-native-preview[data-workflow=rove-ny] [data-space-node]{grid-column:auto;grid-row:auto}.space-native-preview[data-workflow=rove-ny] .space-rove-product{aspect-ratio:2}}

.intel-compact-poster>div{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;background:linear-gradient(180deg,#08162510,#08162530)}
.intel-compact-poster img{object-position:center 40%}

/* Keep the Avero and Rove lockups a little quieter inside brand covers. */
.workspace-native-wall img[src$="/avero-black.svg"],
.workspace-native-wall img[src$="/rove-black.svg"],
.brand-native-covers img[src$="/avero-black.svg"],
.brand-native-covers img[src$="/rove-black.svg"]{scale:.8;transform-origin:center}

/* Portrait references keep the cast and garment silhouettes readable. */
.space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:minmax(0,.65fr) minmax(0,1.05fr) minmax(0,1.1fr);min-height:0;gap:20px 34px}
.space-native-preview[data-workflow=rove-ny] .space-rove-product{aspect-ratio:3/4}
@media(max-width:980px){.space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:1fr}.space-native-preview[data-workflow=rove-ny] .space-rove-product{aspect-ratio:3/4;max-height:360px}.space-native-preview[data-workflow=rove-ny] [data-space-node]{grid-column:auto;grid-row:auto}}

/* CutCraft extensions act on the main player and its linked sequence. */
.cut-simple-extensions>div{gap:12px}
.cut-simple-extensions>div>button{display:flex;align-items:center;gap:10px;padding:6px 0;min-height:32px;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:400;color:#57534c;white-space:nowrap;text-align:left;cursor:pointer}
.cut-simple-extensions>div>button[aria-pressed=true]{color:#24241f}
.cut-simple-extensions>div>button:focus-visible{outline:1px solid #716e66;outline-offset:5px;border-radius:2px}
.cut-extension-selected{margin-left:auto}
.cut-simple-guides,.cut-simple-letterbox{position:absolute;inset:0;pointer-events:none}
.cut-simple-guides i{position:absolute;inset:5%;border:1px solid #ffffffe0;box-shadow:0 0 0 1px #0002}
.cut-simple-guides i:last-child{inset:10%;border-color:#ffffff99}
.cut-simple-letterbox i{position:absolute;left:0;right:0;top:0;height:12%;background:#0d0d0b}
.cut-simple-letterbox i:last-child{top:auto;bottom:0}
.cut-simple-player[data-letterbox=true] .cut-simple-guides i{top:16%;bottom:16%}
.cut-simple-player[data-letterbox=true] .cut-simple-guides i:last-child{top:20%;bottom:20%}
.cut-simple-subtitle{position:absolute;left:12%;right:12%;bottom:7%;width:fit-content;max-width:76%;margin:auto;padding:5px 9px;border-radius:3px;background:#0d0d0bcc;color:#fff;font-size:clamp(10px,1vw,14px);font-weight:400;line-height:1.4;text-align:center;pointer-events:none}
.cut-simple-player[data-letterbox=true] .cut-simple-subtitle{bottom:16%}
.cut-simple-rough-label{position:absolute;right:12px;top:12px;padding:4px 7px;background:#0d0d0bcc;color:#fff;border-radius:3px;font-size:10px;line-height:1.4}
.cut-simple-player[data-letterbox=true] .cut-simple-rough-label{top:15%}

/* Personal applications use equal CTAs and a small modal form. */
.native-plans-grid .pricing-plan button{background:transparent!important;color:#24241f!important;cursor:pointer;transition:background .18s ease,color .18s ease}
.native-plans-grid .pricing-plan button:hover,.native-plans-grid .pricing-plan button:focus-visible{background:#191916!important;color:#f5f3ed!important}
.pricing-application{width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border:1px solid #fff;background:#f5f3ed;color:#24241f;border-radius:16px;font-family:Manrope,sans-serif;box-shadow:0 24px 80px #0003}
.pricing-application::backdrop{background:#17171380;backdrop-filter:blur(8px)}
.pricing-application-close{position:absolute;right:18px;top:18px;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#57534c;cursor:pointer}
.pricing-application-plan{font-size:11px;color:#716e66}
.pricing-application h2{font-size:30px;font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:12px 0 16px}
.pricing-application>p{font-size:13px;line-height:1.7;color:#716e66;margin:0 0 24px;max-width:390px}
.pricing-application form{display:grid;gap:18px}
.pricing-application label{display:grid;gap:7px;font-size:12px;font-weight:400}
.pricing-application input,.pricing-application textarea{width:100%;padding:13px 14px;border:1px solid #d4d1c9;border-radius:9px;background:#e8e6df;color:#24241f;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;resize:vertical}
.pricing-application input:focus,.pricing-application textarea:focus{outline:1px solid #716e66;outline-offset:1px}
.pricing-application-submit{display:inline-flex;justify-self:start;align-items:center;gap:6px;min-height:38px;padding:10px 15px;border:0;border-radius:7px;background:#24241f;color:#f5f3ed;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
@media(max-width:600px){.pricing-application{padding:24px}.pricing-application h2{font-size:27px}}

.cut-extension-rough-cut figcaption{font-size:10px;line-height:1.5;padding:8px 6px;color:#716e66;background:#e8e6df}

/* The taller portrait-node scene owns its height inside the homepage panel. */
.home-range-preview:has(.space-native-preview[data-workflow=rove-ny]),
.home-range-preview:has(.space-native-preview[data-workflow=rove-ny])>.scene-mount,
.home-range-preview:has(.space-native-preview[data-workflow=rove-ny]) .composition-stage{height:auto;min-height:0}

/* Keep the three portrait inputs grouped at the scale of the centre node. */
.space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:160px minmax(0,1.05fr) minmax(0,1.1fr);gap:14px 34px}
.space-native-preview[data-workflow=rove-ny] .space-rove-product{width:72px;height:96px;aspect-ratio:3/4;margin-inline:auto;max-height:none}
.space-native-preview[data-workflow=rove-ny] [data-space-node=reference] .space-node-header,
.space-native-preview[data-workflow=rove-ny] [data-space-node=aircraft] .space-node-header,
.space-native-preview[data-workflow=rove-ny] [data-space-node=shirt] .space-node-header{height:32px;padding:6px 9px!important}
.space-native-preview[data-workflow=rove-ny] [data-space-node=reference] .space-node-header input,
.space-native-preview[data-workflow=rove-ny] [data-space-node=aircraft] .space-node-header input,
.space-native-preview[data-workflow=rove-ny] [data-space-node=shirt] .space-node-header input{font-size:11px;font-weight:600}
@media(max-width:980px){.space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.space-native-preview[data-workflow=rove-ny] [data-space-node=assistant],.space-native-preview[data-workflow=rove-ny] [data-space-node=image]{grid-column:1/-1}.space-native-preview[data-workflow=rove-ny] .space-rove-product{width:min(96px,100%);height:auto;aspect-ratio:3/4}}
@media(max-width:540px){.space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:1fr}.space-native-preview[data-workflow=rove-ny] [data-space-node=reference],.space-native-preview[data-workflow=rove-ny] [data-space-node=aircraft],.space-native-preview[data-workflow=rove-ny] [data-space-node=shirt]{width:180px;justify-self:center}.space-native-preview[data-workflow=rove-ny] .space-rove-product{width:84px;height:112px}}

/* Focus and selection do not draw an enclosing rectangle. */
:is(button,a,input,select,textarea,video,summary,[tabindex]):is(:focus,:focus-visible){outline:0!important;box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important}
:is(button,a):focus-visible{text-decoration:underline;text-underline-offset:4px}
/* A shared2.5% inset keeps framed photography clear of source edges. */
.photo-overscan-image{scale:1.025;clip-path:inset(1.219512% round var(--photo-corner,0px))}
.halo-source-canvas{scale:1.025;clip-path:inset(1.219512%)}
.source-ui .glass-ring-selected::after{box-shadow:none!important}
.source-ui :is([aria-selected="true"],[data-selected="true"],[aria-pressed="true"]){--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important}

/* A small non-modal image peek keeps the node canvas available. */
.space-image-peek-trigger{display:block;width:100%;padding:0;border:0;cursor:zoom-in;text-align:initial}
.space-image-peek-hint{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#19191670;color:#f5f3ed}
.space-image-peek{position:fixed;left:0;top:0;right:auto;bottom:auto;z-index:90;width:min(320px,calc(100vw - 32px));padding:12px;border-radius:16px;background:#ebe9e2;box-shadow:inset 0 0 0 1px #ffffffd9,0 16px 50px #24241f33}
.space-image-peek>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.space-image-peek>header strong{font-size:13px;font-weight:600}
.space-image-peek>header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:inherit}
.space-image-peek>header button:hover{background:#24241f0a}
.space-image-peek-frame{overflow:hidden;border-radius:9px}
.space-image-peek-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.space-image-peek>p{margin:8px 0 0;font-size:11px;line-height:1.5;color:#716e66}


/* Country sits with the postcode; copyright belongs under the policy links. */
.vast-footer .footer-address strong{font-weight:700}
.vast-footer .footer-policies{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:100%}
.vast-footer .footer-policies nav{display:flex;flex-wrap:wrap;gap:28px;padding:0}
.vast-footer .footer-policies nav a{font-size:11px;font-weight:400;line-height:1.6}
.vast-footer .footer-policies .footer-copyright{margin:0;font-size:11px;line-height:1.8;text-align:right}
@media(max-width:980px){.vast-footer .footer-policies{align-items:flex-start}.vast-footer .footer-policies nav{gap:16px}.vast-footer .footer-policies .footer-copyright{text-align:left}}
/* Compact secondary navigation, above WCAG's 24px target minimum. */
@media(max-width:740px){
 .vast-footer{--footer-mobile-row:28px;--footer-mobile-type:14px;--footer-mobile-section-gap:16px}
 .vast-footer .footer-container{gap:0;margin:0}
 .vast-footer .footer-container a{min-height:var(--footer-mobile-row);font-size:var(--footer-mobile-type);line-height:1.45}
 .vast-footer .footer-container h3{display:flex;align-items:center;min-height:var(--footer-mobile-row);font-size:var(--footer-mobile-type);margin-bottom:4px;line-height:1.45}
 .vast-footer .footer-container h3>a{min-height:var(--footer-mobile-row)}
 .vast-footer .footer-container .footer-direct{margin-top:0}
 .vast-footer .footer-container>.footer-workspace-heading{margin-top:4px;min-height:20px;font-size:var(--footer-mobile-type)}
 .vast-footer .footer-plugin-heading{margin-top:8px;margin-bottom:2px;font-size:var(--footer-mobile-type)}
 .vast-footer .footer-links{row-gap:var(--footer-mobile-section-gap)!important}
 .vast-footer .footer-top{gap:24px!important}
 .vast-footer .footer-story p:first-child{font-size:26px;line-height:1.25;margin-bottom:12px}
 .vast-footer .footer-story p:nth-child(2){font-size:14px;line-height:1.65;margin-bottom:12px}
 .vast-footer .footer-story>.marketing-cta-slot{margin-top:0!important}
 .vast-footer .marketing-metal>a.button{height:44px!important;min-height:44px!important}
 .vast-footer .footer-policies{gap:8px}
 .vast-footer .footer-policies nav a{display:flex;align-items:center;min-height:var(--footer-mobile-row);font-size:12px}
 .vast-footer .footer-company{gap:16px}
}

.request-fields .marketing-cta-slot{align-self:flex-start}

/* Space features show the source canvas's custom nodes. */
.space-custom-node-preview{width:100%;max-width:460px;margin:0 auto;padding:12px}
.space-custom-assistant{margin-left:0!important;margin-right:auto!important}
.space-custom-node-preview .space-native-node{grid-column:auto;grid-row:auto;touch-action:pan-y}
.space-custom-node-preview .space-node-header{cursor:default;touch-action:pan-y}
.space-custom-node-preview .space-node-prompt{font-size:13px;line-height:1.65;padding:12px}
.space-custom-node-preview .space-node-body{gap:14px}
.space-custom-director-dials{display:flex;flex-direction:column;gap:2px}
.space-custom-director-dials>div{height:32px}
.space-custom-director-dials button{padding:0 10px;background:transparent;border:0}
.space-custom-director{max-width:1020px}
.space-director-node-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:44px}
.space-director-node-flow .space-native-node{grid-column:auto;grid-row:auto}
.space-director-node-flow .space-node-chips{flex-wrap:wrap;gap:5px}
.space-director-node-flow .space-node-chips span{font-size:10px;white-space:nowrap}
.space-custom-board{max-width:680px}
.space-custom-board-actions{display:flex;align-items:center;gap:8px;font-size:10px;min-width:0}
.space-custom-board-actions>span{margin-right:auto;color:var(--text-tertiary)}
.space-custom-board-actions button,.space-custom-board-actions a{display:inline-flex;align-items:center;gap:3px;background:none;border:0;padding:0;font-size:10px;white-space:nowrap}
.space-custom-board-actions button:disabled{opacity:.55}
.space-custom-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.space-custom-board-grid img{display:block;width:100%;height:100%;object-fit:cover}
.space-custom-board-grid input,.space-custom-board-grid textarea{display:block;width:100%;border:0;padding:0;font-size:10px;line-height:1.45}
.space-custom-board-grid input{font-weight:600}
@media(max-width:740px){.space-custom-node-preview{padding:8px}.space-director-node-flow{grid-template-columns:1fr;gap:44px}.space-director-node-flow>.space-native-wires{display:none}.space-custom-board-grid{gap:8px}.space-custom-board-grid>div>div:last-child{padding:7px}.space-custom-board-actions{gap:6px;font-size:9px}.space-custom-board-actions button,.space-custom-board-actions a{font-size:9px}.space-custom-board-grid textarea{font-size:9px}}
.marketing-metal>button.button{height:36px;min-height:36px;border-radius:8px;padding:8px 16px;font-size:12px;line-height:20px;margin:0!important}

/* Source product header's 56×28 home emblem capsule. */
.welcome-org-identity{display:flex;align-items:center;gap:12px;min-width:0}
.welcome-org-identity>strong{font-weight:700;white-space:nowrap}
.welcome-home-pill{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:28px;border-radius:999px;background:var(--text-primary);color:var(--surface-base)}
.welcome-home-pill svg{display:block;width:auto;height:12px}
.project-shared-count{font-size:11px;line-height:1.5;font-weight:400;margin:0}
@media(max-width:740px){.welcome-org-identity{gap:8px}}

.pricing-questions summary:is(:focus,:focus-visible){outline:0!important;box-shadow:none!important}
.pricing-questions summary:focus-visible{text-decoration:underline;text-underline-offset:4px}
.pricing-questions details>p{max-width:44ch;margin-left:16px;line-height:1.7;text-wrap:pretty}
.pricing-questions details>p+p{margin-top:10px}

/* Compact day illustration with matching Plan panel and a soft lower edge. */
.social-planner-native[data-calendar-view=day] .social-calendar-layout{--day-preview-height:420px;align-items:stretch}
.social-planner-native[data-calendar-view=day] .social-calendar-native{height:var(--day-preview-height);max-height:var(--day-preview-height);overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}
.social-planner-native[data-calendar-view=day] .social-calendar-aside{height:var(--day-preview-height);align-self:stretch}
.social-planner-native[data-calendar-view=day] .social-calendar-native .group\/hour .h-9{height:24px}
.social-planner-native[data-calendar-view=day] .social-calendar-native button.aspect-square{max-width:220px}
.social-days-native{align-items:stretch}
.social-days-native>div:first-child>button{min-height:70px}
.social-days-native .social-content-day{height:100%;min-height:398px}
.social-days-native .social-day-art{height:100%;min-height:310px}
.social-special-name{flex:1;min-width:0}
.social-days-native .social-special-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:48px;line-height:1}
.social-special-date>b{font-size:26px;font-weight:700;color:var(--text-primary)}
.social-days-native .social-special-date>small{font-size:11px;line-height:1.3;font-weight:300;margin-top:4px;color:var(--text-secondary)}
.product-handoff>div>a{gap:12px!important}
.product-handoff>div>a span{font-size:0}
.product-handoff-arrow{width:28px;height:28px;stroke-width:2.25;flex-shrink:0}
@media(max-width:740px){
 .social-planner-native[data-calendar-view=day] .social-calendar-layout{--day-preview-height:420px}
 .social-days-native>div:first-child{grid-template-columns:1fr}
 .social-days-native>div:first-child>button{font-size:12px;min-height:64px}
 .social-days-native .social-content-day{height:auto;min-height:0;grid-template-columns:1fr;gap:18px}
 .social-days-native .social-day-art{height:240px;min-height:0}
 .social-day-copy>button{margin-top:22px}
}

.enterprise-plan-grid .enterprise-tier-card{border-color:transparent!important;box-shadow:none!important}

/* New Post and its confirmation occupy the same stable illustration frame. */
.social-post-story{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:44px}
.social-post-story .social-post-demo{height:560px;position:relative;padding:24px;overflow:hidden;box-shadow:none!important}
.social-post-story .social-post-native{padding:0;margin:0;max-width:none;height:100%;box-shadow:none!important}
.social-post-story .social-post-columns{height:calc(100% - 56px);gap:20px}
.social-post-story .social-post-picture img{height:320px;aspect-ratio:auto;object-fit:cover}
.social-post-story .social-post-fields{gap:12px}
.social-post-story .social-post-fields textarea{height:92px;resize:none}
.social-post-story .social-post-fields label{gap:6px}
.social-post-story .social-post-pickers{gap:6px}
.social-post-story-copy{min-width:0}
.social-post-story-copy h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0 0 22px}
.social-post-story-copy p{color:#746f67;font-size:15px;line-height:1.85;max-width:32ch;margin:0;text-wrap:pretty}
.social-post-story .social-post-saved{height:100%;margin:0;max-width:none;padding:0;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;box-shadow:none!important;animation:social-post-confirm 280ms cubic-bezier(.22,1,.36,1) both}
.social-post-story .social-post-saved>img{width:144px;height:180px;border-radius:12px}
.social-post-story .social-post-saved>div>span{justify-content:center}
.social-post-story .social-post-saved strong{font-size:20px}
.social-post-story .social-save-confirmation{font-size:13px;color:#605b52;margin:0}
@media(max-width:1000px){.social-post-story{grid-template-columns:minmax(0,1fr);gap:24px}.social-post-story-copy{grid-row:1}.social-post-story-copy p{max-width:48ch}}
@media(max-width:740px){
 .social-post-story{margin-top:28px}
 .social-post-story .social-post-demo{height:820px;padding:20px}
 .social-post-story .social-post-columns{grid-template-columns:1fr;height:auto;gap:18px}
 .social-post-story .social-post-picture img{height:180px;max-height:180px;aspect-ratio:16/10}
 .social-post-story .social-post-picture{gap:10px}
 .social-post-story .social-post-fields{gap:10px}
 .social-post-story .social-post-native>header{margin-bottom:16px}
 .social-post-story .social-post-saved>img{width:160px;height:200px}
 .social-post-story-copy h2{font-size:34px;margin-bottom:15px}
 .social-post-story-copy p{font-size:14px;line-height:1.8}
}

.social-post-story .social-post-native{transition:opacity 280ms ease,transform 280ms ease}
.social-post-story .social-post-native.is-saving{opacity:0;transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){.social-post-story .social-post-native{transition:none}.social-post-story .social-post-saved{animation:none}}

@media(max-width:740px){
 .feature-visual .social-days-native{grid-template-columns:minmax(0,1fr)}
 .social-days-native>div{min-width:0}
 .social-day-copy header strong{white-space:normal}
}
@media(max-width:360px){.social-post-story .social-post-demo{height:860px}}

@media(max-width:740px){
 .feature-visual .social-days-native>div:first-child{grid-template-columns:minmax(0,1fr)}
 .feature-visual .social-days-native .social-content-day{grid-template-columns:minmax(0,1fr)}
}

/* Let the large footer wordmark soften into its dark ground at the foot. */
.vast-footer .footer-wordmark img{filter:brightness(0) invert(.5);mask-image:none;-webkit-mask-image:none}
.space-workflow-name{font:700 13px Manrope,sans-serif;color:var(--text-primary);padding:5px 0}

.footer-registration span{display:block}
.halo-native-frame>img{scale:1.025;clip-path:inset(1.219512%)}

.compare-label.after-label{display:inline-flex;align-items:center;gap:5px}.compare-label.after-label>svg{flex:none}

/* The image composer wraps its controls only when its OWN width cannot hold
   the row (measured 2026-10-12: the row needs 576px; at a 1001–1250px window
   the desktop composer is 368–546px wide and Generate ran out of the frame —
   iPad Pro portrait, iPad landscape, small laptops). Wider frames keep the one
   row; the phone layouts are grids and ignore the wrap. The references row
   wraps the same way only when it cannot hold its row (under ~441px: Super
   Reference ran 19–38px out of the card at 1001–1060). */
.image-native-composer{container-type:inline-size}
@container (max-width:575px){.image-native-references{flex-wrap:wrap;row-gap:8px}}
/* The controls keep ONE row at every width (Erman 2026-10-13: "şu bölüm tek satır
   olmalı, başka yerlerde de böyleyse düzelt"). As the card narrows they tighten in
   steps: smaller pills, then the model shows its emblem alone, then the small
   pictograms and carets go, and on the narrowest card the credit count. */
@media(min-width:741px){@container (max-width:575px){
 .source-ui .image-native-controls{flex-wrap:nowrap;gap:4px}
 .source-ui .image-native-controls>button,.source-ui .image-native-controls>span:not(.yv-metal-wrap){padding:0 9px!important;font-size:13px;gap:4px!important}
 .source-ui .image-native-controls .image-generate-ring button{padding:0 12px!important;font-size:13px}
}}
@container (max-width:520px){.source-ui .image-native-controls>button[aria-label='Image model']{font-size:0!important;justify-content:center}}
@container (max-width:430px){
 .source-ui .image-native-controls>button[aria-label='Aspect']>svg:first-child,.source-ui .image-native-controls>span:not(.yv-metal-wrap)>svg{display:none}
 .source-ui .image-native-controls>button>svg:last-child{display:none}
}
@container (max-width:330px){.source-ui .image-native-controls .image-generate-ring small{display:none}}
/* The video controls keep one row the same way (Erman: "başka yerlerde de böyleyse düzelt"). */
.video-native-composer{container-type:inline-size}
@container (max-width:515px){
 .source-ui .video-parameter-row{flex-wrap:nowrap!important;gap:6px!important}
 .source-ui .video-parameter-row>button{padding:0 10px!important;font-size:13px!important;gap:6px}
 .source-ui .video-parameter-row>button[aria-label='Aspect']>svg:first-child{display:none}
 .source-ui .video-parameter-row .video-generate{padding:0 16px!important;font-size:13px}
}
@container (max-width:430px){.source-ui .video-parameter-row>button[aria-label='Video model']{font-size:0!important;justify-content:center}}
@container (max-width:340px){.source-ui .video-parameter-row>button>svg:last-child{display:none}}


/* Shooting Board tool chips: a chip's label never breaks ("Angles · 19 cr" stays one line; it
   broke up to 400px). There the spacing inside the chips tightens (22px height, 9px type and
   10px icons unchanged); from 401px the chips fit as they are and nothing changes. A frame still
   too narrow for both chips moves them onto a second line instead of letting them leave the frame. */
.shooting-current-ui [data-board-tool]{white-space:nowrap;flex:none}
.shooting-current-ui [data-board-tools]{flex-wrap:wrap;row-gap:4px}
@media(max-width:400px){
 .shooting-current-ui [data-board-tools]{column-gap:4px}
 .shooting-current-ui [data-board-tool]{gap:2px;padding:2px 4px!important}
 .shooting-current-ui [data-board-tool]>span{gap:2px}
}

/* Safari (WebKit) draws a black box at the viewport's top-left corner for a
   drop-shadow-filtered element of the bundled product UI that also carries a
   translate — over the logo on a phone (index, universe, brands; smaller on
   flowkits and social). Pinning the translate removes it; desktop pixels are
   unchanged (2026-10-12, measured iPhone SE: corner 100% → 2% dark). */
.source-ui [class*="drop-shadow-"],.yond-source-preview [class*="drop-shadow-"]{translate:0 0}

/* Asset tiles on a touch screen show their caption at rest ([@media(hover:none)]). A tile under
   96px (the products page's asset preview at 1001–1060px, iPad Pro portrait) cannot hold it: the
   size label was cut mid-letter ("1.2 ME"). There the caption stays hidden at rest, as on a
   desktop before hover; wider tiles keep it (2026-10-12). */
@media (hover:none){@container (max-width:95px){.source-ui .asset-native-grid [class*="(hover:none)]:opacity-100"]{opacity:0}}}

/* Shooting Board header in a narrow desktop column (2026-10-12): at 1001–1160px the board's stage
   is under 600px and the one-row header broke its own labels ("Add / Frames", "Export / PDF",
   the title on two lines, the 16:9 chevron under its label). There it takes the arrangement it
   already has on tablets and phones (responsive.css): the title on its own row, the controls
   under it. From a 600px stage up the row is unchanged. */
@container (max-width:599px){.shooting-native-header{flex-wrap:wrap;gap:10px}.shooting-native-header>div{flex-basis:100%}}

/* HeroFrame poster thumbnails on phones (2026-10-12). The poster type scales with the poster
   (13cqw) but rests on floors (20px headline, 9px subline, 22px mark). On a poster under ~112px —
   phones up to 430px — the floors outgrew it: the headline ran out at 320–340px, and on the
   portrait and square posters "with Different Airlines" landed on the "Đ Different Airlines" mark
   (22px deep on the square at 393px). There the floors step down a little (17 / 8 / 18 / 7px), and
   under 99px the type follows the poster in proportion. From 480px nothing changes. */
@container (max-width:112px){.kit-poster-copy strong{font-size:clamp(17px,13cqw,44px)}.kit-poster-copy>span{font-size:clamp(8px,4.5cqw,15px)}.kit-poster-brand{font-size:18px}.kit-poster-brand>span{font-size:clamp(7px,3.2cqw,11px)}}
@container (max-width:98px){.kit-poster-copy strong{font-size:17.3cqw}.kit-poster-copy{gap:6%}.kit-poster-copy>span{font-size:8.1cqw}.kit-poster-brand{font-size:18.3cqw}.kit-poster-brand>span{font-size:7.1cqw}}

/* Social month grid on phones (2026-10-12). A special day carries an icon beside its date, and a
   phone's 7 columns leave the pair 20–37px: the date ran up to 22px out of its cell into the next
   one ("30", "1", "4", "5", "10"…; past the cell's edge to 435px, into its padding to 465px). In
   those cells the icon follows the room it has (20px wherever it fits, about 14px at 393px) and
   both boxes hug their marks; the date keeps its place at the top right, other cells are
   untouched. From 466px the pair fits and the cells are Codex's. Hugging boxes stay wider than
   0.7 of their height, so the page's capsule grounding (source-chrome.js) keeps them as it did. */
@media (max-width:465px){.social-calendar-native .grid-cols-7 .justify-between:has(>:first-child svg){flex-wrap:wrap-reverse}.social-calendar-native .grid-cols-7 .justify-between:has(>:first-child svg)>button{width:auto;height:auto;min-width:12px;padding:0}.social-calendar-native .grid-cols-7 .justify-between:has(>:first-child svg)>button:last-child{margin-left:auto}.social-calendar-native .grid-cols-7 .justify-between:has(>:first-child svg)>:first-child svg{width:clamp(9px,calc((100vw - 292px) / 7),20px);height:auto}}
/* …and a post thumbnail narrower than its label showed the time cut to "09:" or "10:0" (320–470px
   and 601–620px). There the time steps aside and the status dot stays. "• 09:00" needs a 46px tile
   at the phone's 8px and a 58px tile at 12px from 601px; the queries read the tile's content box,
   12px narrower (the button's 6px sides), and hide the time only where it is visibly cut (by more
   than half a pixel). Where it fits (472–600px, 624px up) nothing changes. The selector outranks
   responsive.css's phone size for the label, which loads after this file. */
.social-calendar-native .grid-cols-7 [class*="group/tile"]{container-type:inline-size}@media (max-width:600px){@container (max-width:33.5px){.social-calendar-native .grid-cols-7 [class*="group/tile"]>.font-mono{font-size:0}}}@media (min-width:601px){@container (max-width:45.3px){.social-calendar-native .grid-cols-7 [class*="group/tile"]>.font-mono{font-size:0}}}


/* Public review notes (2026-10-12): the author row may wrap, but its name could shrink below its
   own words (min-width:0), so in a phone's three 111px cards "Charlotte" ran under "Now". The name
   keeps the width of its longest word; where the row has no room the time steps under it. Wider
   cards keep one row. */
.public-review-composition .share-note-author>span{min-width:auto}

/* Writers' Room agents card from 1001px (2026-10-13). The card is 38% of the composition, and its
   rows keep one line (nowrap): the widest, "Consistency Check", needs 181px. At 1001–1115px the
   card holds less, and the rows ran up to 24px out of it, chevrons on its edge and outlines on the
   Writing Assistant card beside it. There the rows take the rule the tablet layout already has
   (v3-responsive.css, max-width 1000px): full width, the label beside its icon and wrapping.
   From a 182px column up nothing changes. */
.writing-agent-composition .writing-agent-cards{container-type:inline-size}
@container (max-width:182px){.writing-agent-composition .writing-agent-cards button{width:100%;min-width:0;white-space:normal}.writing-agent-composition .writing-agent-cards button>span:first-child{flex:none}.writing-agent-composition .writing-agent-cards button>span:nth-child(2){text-align:left}}
/* Space Director node from 1001px (2026-10-13): the dials column holds 186–203px at 1001–1037px
   and "Focal Length · 35mm Reportage" needs 204px with the values' 10px side padding. Both broke
   onto two lines, 40px of text in a 32px row. There the values drop that padding (the buttons
   are transparent; they reach the column's edge as the labels do on the left) and every row stays
   on one line. */
.space-custom-director-dials{container-type:inline-size}
@container (max-width:205px){.source-ui .space-custom-director-dials button{padding:0}}
/* Video showcase (Erman 2026-10-14: "her şeye kendi videosunu koy", "isim ve saniyeye gerek yok, play
   tuşuna da"). Each model plays its own clip, muted and looping, with no name, time or play disc
   over it. In the composer the model and its two parameters sit on the left and Generate at the
   end: the row fills what the reference and frame slots leave, and on its own line when it wraps. */
.video-native-frame>video{display:block;width:100%;height:100%;object-fit:cover}
.video-parameter-row{flex:1 1 auto;justify-content:flex-start;margin-left:0}
.video-parameter-row>.yv-metal-wrap{margin-left:auto}
/* CutCraft with the site's own films (Erman 2026-10-14: "CutCraft'a Noma Airlines, Seedance ve Kling videolarını
   koy", "video tam görünse daha iyi"). The editor's player stacks the three clips and shows the one under the
   playhead; no play disc over a sequence that plays. A take the dialogs add to the timeline shows its whole
   16:9 frame instead of a 56px strip. */
.cut-simple-player>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0}
.cut-simple-player>video.is-current{opacity:1}
.cut-native-created-clip.is-video{height:auto;aspect-ratio:16/9}
.cut-native-created-clip.is-video>video,.cut-native-created-clip.is-video>img{display:block;width:100%;height:100%;object-fit:cover}
/* The video models' strip stands centred under the film, like the caption under it (Erman 2026-10-14: "video sayfasında
   logolar ortalı olmalı"). Auto margins centre it while it fits and give way when it overflows, so a narrow strip still
   scrolls from its first model. */
.video-model-selection .video-model-choices>button:first-child{margin-left:auto}
.video-model-selection .video-model-choices>button:last-child{margin-right:auto}
/* Noma Airlines, the brand the campaign imagery carries (Erman 2026-10-14: "Different Airlines değil Noma Airlines olacak"):
   its mark beside the logo file in HeroFrame's setup, its lockup on the posters (white) and on the brand book card. */
.kit-logo-name>img{display:block;width:22px;height:20px;flex:none}
.kit-format-results .kit-frame-media .kit-poster-brand>img{position:static;inset:auto;display:block;width:auto;height:clamp(8px,3.4cqw,13px);max-width:none;max-height:none;object-fit:contain;border-radius:0;filter:brightness(0) invert(1)}
.context-noma-lockup{display:block;height:24px;width:auto}
/* Products: the CutCraft scene fills its stage (Erman 2026-10-14: "productta CutCraft görsel yapısı biraz küçük kalmış"). The
   editor takes the stage's whole width and the extensions line up under the timeline; on the 852px stage at 1440 the
   player grows from 608 to 852px. */
.product-container-scene .cutcraft-simple-preview{grid-template-columns:minmax(0,1fr);gap:16px;padding:8px 0;min-height:0;align-items:start}
.product-container-scene .cut-simple-extensions{display:flex;align-items:flex-start;gap:20px;align-self:start;width:100%}
.product-container-scene .cut-simple-extensions h3{margin:0;padding-top:8px;flex:none}
.product-container-scene .cut-simple-extensions>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 22px}
.product-container-scene .scene-mount:has(.cutcraft-simple-preview){display:flex;align-items:center}
.product-container-scene .scene-mount:has(.cutcraft-simple-preview)>.source-cut-stage{width:100%}
/* Brands & Projects (Enterprise; Erman 2026-10-14: "logoları dikdörtgen içine al, aşağıya proje ikonu, proje ismi"): each
   brand's logo stands on its own plate, its projects listed under it with the project glyph. */
.org-native-brands article{padding:0;display:grid;gap:12px;align-content:start;min-width:0}
.org-native-brands .org-brand-plate{display:grid;place-items:center;height:72px;padding:0 14px}
.org-native-brands .org-brand-plate img{width:100%;height:24px;object-fit:contain}
.org-native-brands ul{display:grid;gap:8px;margin:0;padding:0 2px;list-style:none}
.org-native-brands li{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.3;color:inherit;opacity:.82}
.org-native-brands li>svg{flex:none;opacity:.7}
/* Upscale fits its stage (Erman 2026-10-14: "Upscale sağ container'lar scroll oluyor, gerek yok"): on the fixed-height stage the
   comparison takes the room the header and the output line leave, instead of a 16:10 frame that ran 110px past the stage. */
@media(min-width:1001px){.kit-upscale [data-kit-stage] .scroll-edge-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.kit-upscale .kit-upscale-compare{flex:1 1 auto;min-height:0;aspect-ratio:auto}}
/* Upscale Video plays the campaign film: one film, the "source" side seen through a soft blur window, so both sides stay frame-exact. */
.kit-upscale-compare>video{display:block;width:100%;height:100%;object-fit:cover}
.kit-upscale-source.is-film{-webkit-backdrop-filter:blur(1.6px) saturate(.9);backdrop-filter:blur(1.6px) saturate(.9)}
/* Extend With AI: the source stands whole and small (Erman 2026-10-14: "source tam ve küçük görünmeli"). */
.cut-native-extend-source{width:min(100%,240px);height:auto;aspect-ratio:auto;object-fit:contain}
/* Director: the bar is a picture of the controls; nothing in it can be pressed or selected, but its strip still scrolls (Erman
   2026-10-14: "bu bölüm tıklanabilir olmasın"). Pointer events pass through every control to the strip, which only scrolls. */
.director-feature-composition{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.director-feature-composition *{pointer-events:none}
.director-feature-composition .scroll-none{pointer-events:auto;cursor:default}
/* Organisation: the plan's mark beside its name (Erman 2026-10-14: "plan ikonu plan isminin yanına"). */
.org-plan-name{display:inline-flex;align-items:center;gap:8px}
/* A film opened in the asset preview plays in the same frame a picture takes. */
.asset-native-preview-media>video{display:block;width:100%;height:100%;max-height:520px;object-fit:contain}
/* The Organisation card's plan name keeps the value line's weight. */
.org-plan-name>span{font-weight:600}
/* The model slot's switch: the outgoing picture is held as a still on a canvas under the incoming one while it fades in. The
   artwork image is positioned so it paints above that canvas (positioned layers paint in order: still, image, film, mark). */
.model-visual-slot>.model-visual-under{position:absolute;inset:0;display:block;width:100%;height:100%}
.model-visual-slot>.model-visual-under[hidden]{display:none}
.model-visual-slot>img{position:relative}
/* The showcase frame keeps a still of the clip's first frame under the film, so a switch never shows the empty frame. */
.video-native-frame>.video-frame-still,.video-native-frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.model-visual-slot>video.is-loading{visibility:hidden}