/* Porcelain Motion. Scoped additions; original approved mockups stay intact. */
.studio{--max:1200px;--bg:#F7F6F3;--surface:#FFFEFA;--text:#28292E;--muted:#66636D;--accent:#6550A5;--border:#D8D5DE}
.studio .wrap{width:min(var(--max),calc(100% - 96px))}
.studio-header{border-bottom:1px solid #e6e3e7;background:#f7f6f3f2;position:relative;z-index:20}
.studio .site-header{height:88px}
.studio .brand{font-size:23px;letter-spacing:-.8px}
.studio .brand img{width:36px;height:36px}
.studio .nav{gap:28px}.studio .header-right{gap:24px}
.studio .lang{gap:9px}.studio .lang a{min-width:26px;min-height:40px;display:grid;place-items:center;color:var(--muted)}
.studio .lang a[aria-current]{color:var(--text);text-decoration:underline;text-underline-offset:6px}
.studio .button{border-radius:9px;min-height:48px}
.studio .button.small{min-height:42px}
.studio .button.primary{background:#28292e}
.studio .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:22px}
.studio h1{font-size:clamp(58px,6.5vw,88px);font-weight:600;line-height:1.04;letter-spacing:-.064em}
.studio h1 em,.studio h2 em{font-style:normal;color:var(--accent)}
.studio h2{font-size:clamp(34px,3.6vw,49px);font-weight:580;letter-spacing:-.045em;line-height:1.13}
.studio h3{font-size:23px;font-weight:580}
.studio p{line-height:1.65}
.studio .textlink{font-size:14px;gap:12px;min-height:44px}
.studio .icon{flex-shrink:0}
.studio .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-section{padding-block:104px;margin-block:0}
.studio .section-heading{margin-bottom:42px;align-items:end;gap:48px}
.studio .section-heading>p{max-width:380px;color:var(--muted);font-size:16px}
.studio-hero{padding-top:64px}
.hero-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:46px}
.hero-aside{padding-bottom:6px}
.hero-aside>p{font-size:18px;max-width:450px;color:var(--muted)}
.hero-aside .buttons{justify-content:start;margin-top:26px;gap:22px}
.hero-meta{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px}
.hero-meta span{margin-inline:8px}.little-cross{font-size:19px;color:var(--accent)}
.flow-screen{background:#e8e5e3;border-radius:16px;overflow:hidden;border:1px solid #dedade}
.flow-menubar{height:33px;display:flex;justify-content:space-between;align-items:center;padding-inline:22px;font-size:10px;background:#f4f2ef;color:#625d67;border-bottom:1px solid #ddd9dd}
.flow-menubar i{font-style:normal;font-weight:400;margin-left:18px}
.flow-workspace{height:468px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#e1daed 0,transparent 60%),linear-gradient(135deg,#e9e4eb,#eeece5)}
.flow-context{position:absolute;left:38px;top:34px}
.overline{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#625b6d}
.flow-context strong{display:none}
.shortcut-pills{display:flex;align-items:center;gap:5px;margin-top:20px}
.shortcut-pills kbd{display:grid;place-items:center;width:27px;height:29px;background:#f9f7f5;border:1px solid #ccc6d2;border-radius:5px;box-shadow:0 2px 0 #d7d1dc;font:13px inherit}
.shortcut-pills small{font-size:11px;margin-left:9px;color:#6a6273}
.motion-shelf{position:absolute;width:52%;left:32px;bottom:46px;padding:15px;border-radius:13px;background:#f9f8f5;box-shadow:0 2px 4px #29233108,0 18px 38px #29233120;border:1px solid #d8d3dc;z-index:3}
.motion-title{display:flex;align-items:center;gap:8px;font-size:12px}
.motion-title img{width:21px;height:21px}.motion-title>span{font-size:10px;color:#6b6372;margin-left:3px}.motion-title>small{font-size:10px;margin-left:auto;color:#6b6372}
.motion-tabs{display:flex;align-items:center;gap:4px;margin-top:12px;border-bottom:1px solid #e4dfe7;padding-bottom:9px;font-size:10px;color:#6b6372}
.motion-tabs>span{padding:6px 9px;border-radius:5px}.motion-tabs .active{background:#e8e1f2;color:#59438f;font-weight:600}.motion-tabs b{font-weight:400;margin-left:4px}
.motion-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.motion-shot{position:relative;min-width:0}.motion-shot img{width:100%;aspect-ratio:1.5;object-fit:cover;border:4px solid #ebe8e5;border-radius:6px;outline:1px solid #d2ccd8}
.motion-shot small{display:block;font-size:10px;color:#625c69;margin-top:8px}
.selection-mark{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;background:#6550a5;color:#fff;opacity:0}
.motion-toolbar{display:flex;gap:8px;margin-top:13px;font-size:10px;align-items:center}
.motion-toolbar>span{display:flex;gap:5px;align-items:center;padding:5px 9px;background:#fffefa;border:1px solid #d8d3dc;border-radius:4px}
.motion-toolbar .icon{width:12px;height:12px}.motion-toolbar>span:last-child{margin-left:auto}
.motion-chat{position:absolute;right:32px;top:37px;bottom:29px;width:44%;background:#fffefa;border:1px solid #dad5de;border-radius:14px;box-shadow:0 18px 50px #30283a14;overflow:hidden}
.motion-chat-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:14px 17px;border-bottom:1px solid #ece8ed;color:#6b6372}
.traffic{font-size:11px;letter-spacing:3px;color:#b9afb9;white-space:nowrap}
.chat-body{padding:34px 28px 0}.chat-kicker{font-size:9px;letter-spacing:.12em;color:#736780}
.chat-body h3{font-size:28px;letter-spacing:-1px;margin-top:14px}.chat-body p{font-size:13px;color:#736b7a;margin-top:11px}
.motion-composer{position:absolute;bottom:19px;left:19px;right:19px;min-height:134px;padding:13px;background:#f5f3f0;border:1px solid #ded9e2;border-radius:12px}
.motion-composer>p{font-size:12px;color:#6e6575;margin-top:8px}.motion-composer>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#7a6d87}
.mock-send{display:grid;place-items:center;background:#302d36;color:#fff;width:26px;height:26px;border-radius:50%}
.motion-attachments{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(6px)}
.motion-attachments img{width:54px;height:38px;object-fit:cover;border-radius:4px;outline:1px solid #00000019}
.motion-attachments>span{font-size:10px;color:#6550a5;margin-left:auto}
.flying-shot{position:absolute;left:37%;top:57%;width:110px;z-index:8;opacity:0;pointer-events:none}
.flying-shot img{border-radius:7px;outline:2px solid #6550a5;box-shadow:0 15px 25px #28232d2b}
.flying-shot>span{position:absolute;right:-8px;top:-8px;background:#6550a5;color:#fff;border-radius:20px;padding:4px 8px;font-size:12px}
.flying-shot>.icon{position:absolute;bottom:-14px;right:-14px;color:#27232d;fill:#fffefa;width:28px;height:28px}
.flow-success{position:absolute;left:32px;bottom:15px;font-size:10px;color:#59438f;display:flex;align-items:center;gap:6px;opacity:0}
.flow-success .icon{width:13px;height:13px}
[data-state="1"] .motion-shot:not(.shot-2) img,[data-state="2"] .motion-shot:not(.shot-2) img{outline:2px solid #6550a5}
[data-state="1"] .motion-shot:not(.shot-2) .selection-mark,[data-state="2"] .motion-shot:not(.shot-2) .selection-mark{opacity:1}
[data-state="2"] .motion-attachments,[data-state="2"] .flow-success{opacity:1;transform:none}
.flow-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:17px}
.flow-steps{display:flex;gap:7px}
.flow-step,.flow-play{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 15px;font-size:12px}
.flow-step>span{font-size:10px;color:#70647d}.flow-step[aria-pressed="true"]{background:#fffefa;border-color:#d7d1dc;box-shadow:0 1px 2px #28242f08}.flow-step[aria-pressed="true"]>span{color:#6550a5}
.flow-play{border-color:#d7d1dc;min-width:98px}.flow-play .icon{width:14px;height:14px}
.flow-caption{display:flex;align-items:baseline;gap:20px;justify-content:space-between;color:var(--muted);margin-top:10px;font-size:11px}
.flow-caption>p{max-width:75%;min-height:36px}.flow-caption>span{white-space:nowrap;font-size:10px}
.studio-proof{border-bottom:1px solid #dedbe1;padding-block:32px;display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap}
.studio-proof>span{display:flex;align-items:center;gap:10px;color:#706779;font-size:12px}
.studio-proof .icon{width:17px;height:17px}
.work-reel{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #ddd8e2;border-radius:16px;overflow:hidden}
.work-choices{background:#f0edea;display:flex;flex-direction:column;padding:15px}
.work-choices>button{flex:1;display:flex;gap:15px;align-items:center;text-align:start;padding:23px 20px;background:transparent;border:1px solid transparent;border-radius:9px}
.work-choices>button[aria-pressed="true"]{background:#fffefa;border-color:#ddd7e3;box-shadow:0 6px 20px #33283c08}
.work-choice-index{color:#70647d;font-size:11px;align-self:start;padding-top:3px}
.work-choices small{display:block;font-size:11px;color:#706679;margin-bottom:8px}
.work-choices strong{display:block;font-size:19px;font-weight:540;line-height:1.3;letter-spacing:-.4px}
.work-choices .icon{width:17px;height:17px;margin-left:auto}
.work-preview{padding:29px 40px;background:#e7e1ee}
.work-preview-top{display:flex;justify-content:space-between;gap:12px;color:#6d607d;font-size:9px;letter-spacing:.09em}
.work-preview-top>span:last-child{display:flex;gap:6px;align-items:center}.work-preview-top .icon{width:12px;height:12px}
.work-target{margin-top:27px;border:1px solid #d7cfdc;border-radius:11px;overflow:hidden;background:#fffefa;box-shadow:0 18px 28px #34263e14}
.work-target .work-windowbar{padding:13px 16px;background:#faf8f4}
.work-target-content{padding:23px}.work-image-pair{display:flex;gap:11px}.work-image-pair img{width:106px;height:71px;object-fit:cover;border-radius:5px;outline:1px solid #0000001a}
.work-target h3{font-size:22px;margin-top:20px}.work-target p{font-size:13px;color:#746c7c;margin-top:8px}
.work-target-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.work-target-foot>span:first-child{display:flex;gap:5px;align-items:center;font-size:10px;color:#6e5a8c}.work-target-foot .icon{width:12px;height:12px}
.work-preview-bottom{display:flex;align-items:center;gap:8px;font-size:10px;color:#6c5e7c;margin-top:23px}
.studio-note{margin-top:16px;color:#756c7f;font-size:11px}
.studio .multi-section{border-top:1px solid #e3dfe5}
.studio .multi-stage{background:#eae8e1;border-color:#ded9d5;border-radius:16px}
.studio .multi-window-label{color:#756c7a}
.studio .multi-benefits{margin-top:30px}
.studio .multi-benefits h3{font-size:20px}
.studio .multi-benefits p{font-size:14px}
.prep-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:center;border-top:1px solid #e3dfe5}
.prep-copy>p{font-size:16px;color:var(--muted);margin-top:23px}
.prep-copy .textlink{margin-top:20px}
.prep-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
.prep-tags>span{display:flex;align-items:center;gap:7px;border:1px solid #dcd5e3;border-radius:6px;padding:7px 10px;font-size:11px;color:#716479}
.prep-tags .icon{width:13px;height:13px}
.redact-demo{border:1px solid #d9d3de;border-radius:14px;background:#eeebf0;padding:8px;box-shadow:0 15px 30px #3026380b}
.redact-windowbar{display:flex;justify-content:space-between;align-items:center;padding:11px 12px 17px;font-size:10px;color:#6b6175}
.redact-windowbar>strong{font-weight:500}
.redact-canvas{position:relative;background:#fffefa;border-radius:7px;overflow:hidden;height:340px}
.demo-document{padding:32px 32px 48px;position:absolute;inset:0;background:#fffefa}
.document-meta{font-size:8px;letter-spacing:.16em;color:#7a7183}
.demo-document h3{margin-top:18px;font-size:26px;letter-spacing:-.8px}
.demo-document p{font-size:10px;color:#79717f;margin-top:5px}
.doc-rule{height:1px;background:#e7e1ea;margin-block:20px}
.demo-document>small{font-size:8px;letter-spacing:.1em;color:#84798e;display:block;margin-top:13px}
.sensitive{display:table;font-size:14px;line-height:1.4;margin-top:6px;color:#514956;font-weight:450}
.redacted-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.redacted-layer .sensitive{color:transparent;background:#29272d;user-select:none}
.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#6550a5}
.redact-canvas{cursor:ew-resize;touch-action:pan-y}
.compare-line>span{display:grid;place-items:center;position:absolute;left:-17px;top:47%;width:35px;height:35px;background:#fffefa;border:1px solid #a795c2;border-radius:50%;color:#6550a5;box-shadow:0 2px 8px #34274014}
.compare-labels{position:absolute;bottom:14px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:9px;color:#675b75}
.compare-labels>span{padding:4px 6px;background:#f3eff7;border:1px solid #ded5e8;border-radius:4px}
.doc-lines{margin-top:15px}.doc-lines i{display:block;background:#e7e2e9;height:4px;width:80%;margin-top:8px}.doc-lines i:nth-child(2){width:66%}.doc-lines i:last-child{width:75%}
.redact-controls{display:flex;align-items:center;gap:12px;padding:14px 9px 0;font-size:10px}
.redact-controls label{white-space:nowrap}
.redact-controls input{min-width:0;flex:1;accent-color:#6550a5;height:24px;margin:0}
.redact-controls output{font-variant-numeric:tabular-nums;min-width:28px}
.redact-demo>p{font-size:9px;color:#73667e;padding:0 9px 6px}
.tools-section{padding-top:40px}
.studio-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.studio-tool{display:block;min-width:0;border:1px solid #ddd7e2;border-radius:12px;background:#fffefa;overflow:hidden}
.tool-visual{height:158px;background:#eeeae5;position:relative;display:flex;align-items:center;justify-content:center;padding:25px;gap:12px}
.studio-tool:nth-child(2) .tool-visual{background:#e9e4ee;flex-direction:column}
.studio-tool:nth-child(3) .tool-visual{background:#e6e7e1}
.tool-visual code{font-size:11px;line-height:1.6;color:#534758}.tool-result{font-size:25px;color:#84718f}
.studio-tool>div:last-child{padding:26px;position:relative}
.studio-tool h3{font-size:21px;letter-spacing:-.5px;margin-right:5px}
.studio-tool p{font-size:13px;color:#736a7d;margin-top:12px}
.tool-arrow{display:flex;margin-top:18px;color:#6550a5}
.resize-pills,.favorite-pills{display:flex;gap:8px}
.resize-pills>span,.favorite-pills>span{border:1px solid #d6cfde;background:#fffefa;padding:8px 12px;border-radius:6px;font-size:11px}
.resize-pills .chosen{background:#6550a5;color:#fff;border-color:#6550a5}
.resize-track{height:4px;width:78%;background:#d4cbdc;border-radius:4px;margin-top:10px}.resize-track i{display:block;width:65%;height:100%;background:#9381af;border-radius:4px}
.favorite-pills>span{display:grid;place-items:center;padding:9px}.favorite-pills .icon{width:16px;height:16px}
.cloud-band{padding-block:80px;background:#eae6ee;border-block:1px solid #ded5e5}
.cloud-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.cloud-layout>div>p{font-size:15px;color:#6b5e79;margin-top:22px}
.cloud-layout .textlink{margin-top:18px}
.cloud-example{background:#faf8fc;padding:28px;border:1px solid #d8cee2;border-radius:13px;min-width:0}
.cloud-providers{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#665376}
.cloud-providers>span{display:flex;align-items:center;gap:8px}.cloud-providers .icon{width:17px;height:17px}
.cloud-format{display:flex;gap:6px;margin-top:28px}.cloud-format button{border:1px solid transparent;background:transparent;padding:9px 12px;min-height:40px;border-radius:6px;font-size:11px}
.cloud-format button[aria-pressed="true"]{border-color:#d8cee3;background:#ebe3f4;color:#5e4287}
.cloud-example>code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;padding:15px;margin-top:12px;border:1px solid #e0d9e7;border-radius:6px;font-size:11px;line-height:1.7;min-height:67px}
.cloud-example>p{font-size:10px;color:#746381;margin-top:8px}
.cloud-preview-note{display:flex;align-items:start;gap:9px;margin-top:25px;padding-top:18px;border-top:1px solid #e0d7e6;font-size:11px;line-height:1.6;color:#6e5d7b}
.cloud-preview-note .icon{width:15px;height:15px;margin-top:2px}
.studio-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.studio-faq details{border-bottom:1px solid #ddd8e2;padding-block:20px}
.studio-faq details:first-child{padding-top:0}
.studio-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;line-height:1.5;cursor:pointer}
.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary .icon{width:16px;height:16px}.studio-faq details[open] summary .icon{transform:rotate(45deg)}
.studio-faq details>p{font-size:14px;color:var(--muted);margin-top:16px}
.studio .release-cta{border-radius:16px;background:#2d2b32;margin-bottom:76px;padding-block:60px}
.studio .release-cta h2{font-size:45px}
.studio .site-footer{padding-top:0}
.studio.features-page .f-hero{padding-top:64px}
.studio.features-page .f-hero h1{font-size:68px}
.studio.features-page .f-toc{border-radius:10px}
.studio-subpage .subhero{padding-top:64px}
@media(hover:hover){.studio .textlink:hover{color:var(--accent)}.flow-step:hover,.flow-play:hover{background:#eee8f4}.work-choices>button:hover{border-color:#d5cbdc}.cloud-format button:hover{background:#eee8f4}.studio-tool:hover{border-color:#b6a4ce}}
@media(prefers-reduced-motion:no-preference){
 .studio button,.studio .button{transition:background-color 150ms,transform 150ms}
 .studio button:active,.studio .button:active{transform:scale(.96)}
 .motion-attachments{transition:opacity 200ms,transform 240ms cubic-bezier(.2,0,0,1)}
 .selection-mark,.flow-success{transition:opacity 150ms}
 [data-state="2"].is-animating .flying-shot{animation:carry 950ms cubic-bezier(.2,0,0,1) both}
 [data-state="2"].is-animating .motion-attachments{transition-delay:650ms}
 .work-preview.is-changing .work-target{animation:work-in 280ms ease-out both}
 @keyframes carry{0%{opacity:0;transform:translate(0,0) rotate(-5deg)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate(320%,-5%) rotate(0)}}
 @keyframes work-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media(max-width:1100px){
 .studio .wrap{width:calc(100% - 64px)}.hero-intro{gap:40px}.studio h1{font-size:68px}.hero-aside>p{font-size:16px}
 .motion-shelf{left:22px;width:53%;padding:12px;bottom:50px}.motion-chat{right:22px;width:43%}.flow-context{left:28px}.flow-context strong{font-size:27px}
 .chat-body{padding:31px 23px 0}.chat-body h3{font-size:25px}.motion-composer{left:14px;right:14px}.flow-workspace{height:445px}
 .work-preview{padding:26px}.prep-section{gap:38px}.cloud-layout{gap:45px}.studio .nav{gap:20px}
}
@media(max-width:900px){
 .studio .header-cta{display:none}.studio h1{font-size:62px}.hero-intro{gap:28px}.hero-aside .buttons{gap:12px}.hero-aside .button{font-size:13px;padding-inline:15px}
 .flow-workspace{height:460px}.flow-context strong{font-size:24px}.motion-shelf{left:17px;width:55%;bottom:51px}.motion-chat{right:17px;width:42%;top:29px;bottom:25px}
 .motion-shot small{font-size:9px}.motion-shots{gap:7px}.motion-tabs{font-size:9px;gap:0}.motion-tabs>span{padding-inline:6px}
 .chat-body{padding:35px 20px 0}.chat-body h3{font-size:24px}.chat-body p{font-size:12px}.motion-chat-title{padding:12px}.traffic{font-size:9px;letter-spacing:1px}
 .motion-attachments>span{display:none}.motion-attachments img{width:48px;height:32px}.motion-composer>p{font-size:11px}
 .studio-section{padding-block:78px}.studio .section-heading{gap:35px}.studio .section-heading>p{font-size:14px;max-width:295px}
 .work-reel{grid-template-columns:.9fr 1.1fr}.work-choices{padding:10px}.work-choices>button{padding:18px 12px;gap:10px}.work-choices strong{font-size:17px}.work-preview{padding:24px 20px}.work-target-content{padding:18px}.work-target h3{font-size:21px}
 .prep-section{grid-template-columns:1fr;gap:36px}.prep-copy{max-width:620px}.redact-demo{max-width:650px;width:100%;margin-inline:auto}
 .studio-tools{gap:12px}.studio-tool>div:last-child{padding:20px}.studio-tool h3{font-size:19px}.tool-visual{padding:14px}.resize-pills{gap:5px}.resize-pills>span{padding:7px 9px}.tool-visual code{font-size:9px}.favorite-pills{gap:5px}.favorite-pills>span{padding:7px}
 .cloud-layout{gap:35px;grid-template-columns:1fr 1fr}.cloud-example{padding:22px}.cloud-providers{gap:10px}.studio-faq{gap:40px}
}
@media(max-width:700px){
 .studio .wrap{width:calc(100% - 40px)}.studio .site-header{height:76px}.studio .brand{font-size:21px}.studio .brand img{width:33px;height:33px}.studio .header-right{gap:16px}
 .studio .nav{display:none;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid #d8d1df;background:#fffefa;border-radius:10px;box-shadow:0 15px 25px #30263815}
 .studio .nav.open{display:flex}.studio .nav a{padding:14px}.studio .menu-toggle{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid #d8d1df;border-radius:6px}
 .studio-hero{padding-top:40px}.hero-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.studio h1{font-size:clamp(45px,9vw,66px)}.studio .eyebrow{font-size:10px;margin-bottom:20px}.hero-aside>p{max-width:520px;font-size:16px}.hero-aside .buttons{margin-top:22px;gap:20px}.hero-meta{margin-top:17px;font-size:10px}
 .flow-screen{border-radius:12px}.flow-menubar{padding-inline:13px;font-size:8px;height:28px}.flow-menubar i{display:none}
 .flow-workspace{height:auto;display:flex;flex-direction:column;padding:70px 17px 20px;gap:20px}.flow-context{top:21px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.flow-context .overline{font-size:8px;max-width:95px}.flow-context strong{display:none}.shortcut-pills{margin-top:0;gap:4px}.shortcut-pills kbd{width:22px;height:24px;font-size:10px}.shortcut-pills small{display:none}
 .motion-shelf{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;padding:12px;z-index:3}
 .motion-chat{position:relative;top:auto;bottom:auto;left:10px;right:auto;width:calc(100% - 10px);min-height:248px;z-index:2}
 .motion-chat-title{padding:11px 15px;font-size:9px}
 .chat-body{padding:16px 18px 0}.chat-kicker{display:none}.chat-body h3{font-size:20px;margin:0}.chat-body p{font-size:10px;margin-top:5px}.chat-body p br{display:none}
 .motion-composer{bottom:13px;left:13px;right:13px;padding:10px;min-height:105px}.motion-composer>p{font-size:10px}.motion-composer>div:last-child{margin-top:4px}.motion-attachments img{width:40px;height:28px}.motion-attachments>span{display:inline;font-size:9px}
 .motion-shots{gap:9px}.motion-title{font-size:11px}.motion-tabs{font-size:9px}.motion-tabs>span{padding-inline:7px}.motion-shot small{font-size:9px}.motion-toolbar{font-size:9px}
 .flow-success{left:27px;bottom:4px;font-size:8px}
 .flying-shot{left:22%;top:32%;width:76px}
 .flow-controls{gap:6px;margin-top:12px}.flow-steps{gap:1px}.flow-step{padding:9px 8px;gap:6px;font-size:10px}.flow-step>span{font-size:8px}.flow-play{padding:9px;min-width:75px;font-size:10px;gap:5px}
 .flow-caption{display:block;margin-top:10px}.flow-caption>p{max-width:none;font-size:10px;min-height:32px}.flow-caption>span{display:block;font-size:9px;margin-top:3px}
 .studio-proof{gap:17px;padding-block:25px;justify-content:start}.studio-proof>span{font-size:10px;gap:8px}.studio-proof .icon{width:15px;height:15px}
 .studio-section{padding-block:63px}.studio h2{font-size:34px}.studio .section-heading{display:block;margin-bottom:28px}.studio .section-heading>p{margin-top:20px;max-width:100%;font-size:15px}
 .work-reel{grid-template-columns:1fr}.work-choices{gap:3px;padding:8px}.work-choices>button{padding:14px;min-height:76px}.work-choices small{font-size:10px;margin-bottom:4px}.work-choices strong{font-size:17px}.work-choice-index{font-size:10px}.work-preview{padding:23px}.work-target{margin-top:22px}.work-target h3{font-size:22px}.work-target p{font-size:13px}.work-preview-bottom{font-size:9px}.studio-note{font-size:10px}
 .studio .multi-stage{border-radius:12px}.studio .multi-benefits h3{font-size:21px}.studio .multi-benefits p{font-size:14px}
 .prep-section{gap:28px}.prep-copy>p{font-size:15px}.prep-tags{gap:7px}
 .redact-canvas{height:325px}.demo-document{padding:28px 23px 45px}.demo-document h3{font-size:24px}.redact-controls{gap:8px;font-size:9px}.redact-demo>p{font-size:8px;padding-top:3px}
 .studio-tools{grid-template-columns:1fr;gap:17px}.tools-section .textlink{margin-top:20px}.studio-tool{display:grid;grid-template-columns:.8fr 1.2fr}.tool-visual{height:100%;min-height:210px;padding:20px;flex-direction:column}.studio-tool h3{font-size:21px}.studio-tool p{font-size:12px}.tool-visual code{font-size:9px}.resize-pills{flex-wrap:wrap;justify-content:center}.favorite-pills{flex-wrap:wrap;max-width:90px}.favorite-pills>span{padding:10px}.tool-result{font-size:21px}
 .cloud-band{padding-block:60px}.cloud-layout{grid-template-columns:1fr;gap:32px}.cloud-layout>div>p{font-size:15px}.cloud-example{padding:22px}.cloud-providers{gap:15px}
 .studio-faq{grid-template-columns:1fr;gap:30px}.studio-faq summary{font-size:15px}
 .studio .release-cta{padding:40px 23px;margin-bottom:54px}.studio .release-cta h2{font-size:33px}.studio .release-cta p{font-size:14px}
 .studio.features-page .f-hero h1{font-size:46px}.studio.features-page .f-hero{padding-top:40px}.studio-subpage .subhero{padding-top:40px}
 @keyframes carry{0%{opacity:0;transform:translate(0,0) rotate(-5deg)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate(70%,310%) rotate(0)}}
}
@media(max-width:370px){
 .studio .wrap{width:calc(100% - 32px)}.studio .header-right{gap:9px}.studio .lang{gap:4px;font-size:11px}.studio .brand{font-size:19px;gap:7px}.studio .brand img{width:29px;height:29px}.studio .menu-toggle{width:34px;height:36px}
 .studio h1{font-size:43px}.hero-aside .buttons{gap:15px}.hero-aside .textlink{font-size:12px}.hero-aside .button{padding-inline:14px;font-size:12px}
 .flow-workspace{height:auto;padding-inline:10px}.motion-shelf{left:auto;right:auto;padding:10px}.motion-tabs>span{padding-inline:5px;font-size:8px}.motion-shots{gap:7px}.motion-shot small{font-size:8px}.selection-mark{width:15px;height:15px;font-size:9px;top:4px;left:4px}
 .motion-chat{top:auto;left:7px;right:auto;width:calc(100% - 7px)}.motion-title>span{font-size:8px}.motion-title img{width:18px;height:18px}
 .flow-step{padding-inline:5px;gap:5px}.flow-step>span{display:none}.flow-play{min-width:72px}
 .studio-tool{grid-template-columns:1fr}.tool-visual{min-height:130px;flex-direction:row}.studio-tool>div:last-child{padding:23px}.favorite-pills{max-width:none}
}
@media(forced-colors:active){.flow-step[aria-pressed=true],.work-choices>button[aria-pressed=true],.cloud-format button[aria-pressed=true]{outline:2px solid Highlight}.redacted-layer .sensitive{background:CanvasText}.compare-line{background:Highlight}}

/* --- shotmori.com eklemeleri (mockup dışı) --- */
.nav a[aria-current="page"]{color:var(--accent)}
.not-found{padding-block:96px 120px;max-width:760px}
.not-found h1{font-size:60px}
.not-found h1 em{font-style:normal;color:var(--accent)}
.not-found>p{margin-top:22px;font-size:18px;color:var(--muted)}
.not-found .buttons{justify-content:flex-start}
.not-found .not-found-tr{margin-top:40px;font-size:15px}
.not-found .not-found-tr a{text-decoration:underline;text-underline-offset:4px}
@media (max-width:620px){.not-found h1{font-size:40px}.not-found{padding-block:56px 80px}}
/* Dokunma hedefleri: görsel aralık aynı kalır, tıklanabilir alan 24px üstüne çıkar */
.footer-links div{gap:4px}.footer-links strong{margin-bottom:9px}.footer-links a{padding-block:5px}
.studio-faq summary,.faq summary{padding-block:4px;margin-block:-4px}
.help-sidebar{gap:8px}.help-sidebar a{padding-block:5px}
.article-end a{padding-block:5px}