.editing-page { --creative-section-gap:224px; }
.editing-main { padding-top:112px; padding-bottom:0; --creative-heading-size:56px; }
.editing-main :is(h1,h2,h3) { font-family:Georgia,serif; font-weight:400; }
.editing-breadcrumbs { margin-bottom:36px; font-size:12px; color:var(--creative-muted); }
.editing-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:12px; padding:0; margin:0; list-style:none; }
.editing-breadcrumbs li+li::before { content:'/'; margin-right:12px; color:#a3aab6; }
.editing-hero { text-align:center; }
.editing-hero h1 { font-size:clamp(36px,5vw,72px); line-height:1.08; letter-spacing:-.04em; }
.editing-hero .creative-lede { max-width:720px; margin:24px auto 32px; }
.editing-composer { width:min(760px,100%); margin:auto; text-align:left; min-height:180px; scroll-margin-top:110px; }
.editing-hero .editing-entry-note { font-size:13px; line-height:1.5; margin:16px auto 0; }
.editing-recording { position:relative; margin:56px auto 0; width:100%; border-radius:24px; overflow:hidden; }
.editing-recording>img,.editing-recording>video { display:block; width:100%; height:auto; }
.editing-recording>video { position:absolute; inset:0; height:100%; object-fit:contain; }
.editing-recording>video:not([data-playing]) { visibility:hidden; }
.editing-recording:has(video[data-playing])>.editing-poster { visibility:hidden; }
.editing-proof { max-width:740px; margin:36px auto 0; text-align:center; }
.editing-proof h2 { font-size:28px; line-height:1.25; letter-spacing:-.02em; }
.editing-proof p,.editing-capabilities p,.editing-steps p,.editing-access p { font-size:18px; line-height:1.65; }
.editing-proof p { margin:16px 0 0; }
.editing-main .creative-section__head { max-width:920px; margin-bottom:56px; }
.editing-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:48px; row-gap:20px; list-style:none; padding:0; margin:0; }
.editing-capabilities>li { display:grid; grid-template-rows:subgrid; grid-row:span 3; min-width:0; }
.editing-capabilities h3,.editing-steps h3 { font-size:27px; line-height:1.25; letter-spacing:-.025em; }
.editing-capabilities p { margin:0; }
.editing-capabilities button { align-self:start; justify-self:start; margin:0; padding:0; border:0; background:none; text-align:left; min-height:44px; }
.editing-capabilities button:disabled { opacity:.5; cursor:wait; }
.editing-feature-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; list-style:none; }
.editing-feature-list>li { display:grid; grid-template-rows:subgrid; grid-row:span 3; min-width:0; }
.editing-feature-list h3 { font-size:27px; line-height:1.25; letter-spacing:-.025em; }
.editing-feature-list p { font-size:18px; line-height:1.65; margin:0; }
.editing-feature-art { margin:0; position:relative; aspect-ratio:400/340; overflow:hidden; border-radius:16px; background:#edf2f7; isolation:isolate; }
.editing-feature-art>div,.editing-feature-art .editing-artwork { position:absolute; inset:0; width:100%; height:100%; max-width:none; }
.editing-feature-art--titles { background:#faf0e4; }
.editing-feature-art--versions { background:#f2f2e8; }
.editing-feature-art--reference { background:#f7eadf; }
.editing-feature-art--ingredients { background:#f8eee9; }
.editing-feature-art--reuse { background:#edf0f7; }
.editing-fragment { position:absolute; display:block; overflow:hidden; border-radius:6px; box-shadow:0 10px 22px #25354b1c; z-index:2; }
.editing-fragment img,.editing-fragment video { display:block; width:100%; height:auto; }
.editing-fragment video { position:absolute; inset:0; height:100%; object-fit:contain; }
.editing-fragment:has(video[data-playing])>img { visibility:hidden; }
.editing-feature-art .editing-fragment--request { width:88%; top:10%; left:6%; }
.editing-fragment--timeline { width:88%; top:52%; left:6%; }
.editing-fragment--film { width:88%; top:28%; left:6%; border-radius:8px; }
.editing-art-type { position:absolute; left:6%; top:0; font:96px/1 Georgia,serif; color:#bd825b; opacity:.35; }
.editing-paper { position:absolute; width:84%; aspect-ratio:16/9; left:10%; top:32%; background:#fff; box-shadow:0 8px 20px #4a503a18; }
.editing-paper--back { top:34%; left:12%; background:#dddcc9; }
.editing-fragment--version { width:88%; top:29%; left:6%; border-radius:8px; }
.editing-feature-art .editing-version-label,.editing-feature-art .editing-version-controls { position:absolute; z-index:3; height:auto; max-width:none; border-radius:5px; overflow:hidden; box-shadow:0 8px 18px #25354b26; }
.editing-feature-art .editing-version-label { width:40%; top:7%; left:6%; }
.editing-feature-art .editing-version-controls { width:62%; top:74%; left:32%; border-radius:999px; }
.editing-prompt-detail { background:#e9eef3; color:#29323e; padding:22px 24px; border:6px solid white; border-radius:8px; box-shadow:0 10px 22px #25354b1c; }
.editing-request-detail { padding:20px; border-radius:12px; background:#edf1f7; color:#29323e; box-shadow:0 10px 22px #25354b1c; }
.editing-request-chip { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid #cbd0d8; border-radius:8px; background:#e9edf3; font-size:15px; font-weight:600; line-height:1.3; }
.editing-request-chip svg { width:18px; height:18px; }
.editing-request-chip>span { margin-left:8px; font-size:20px; font-weight:400; }
.editing-request-detail p { margin:24px 0 0; color:inherit; font-size:17px; line-height:1.5; }
.editing-feature-art .editing-request-detail { position:absolute; z-index:2; padding:14px; }
.editing-feature-art .editing-request-chip { font-size:12px; padding:4px 7px; gap:5px; }
.editing-feature-art .editing-request-chip svg { width:14px; height:14px; }
.editing-feature-art .editing-request-chip>span { font-size:16px; }
.editing-feature-art .editing-request-detail p { font-size:14px; margin-top:16px; }
.editing-feature-art .editing-prompt-detail { position:absolute; z-index:2; padding:16px; border-width:5px; }
.editing-feature-art .editing-prompt-heading { font-size:14px; }
.editing-feature-art .editing-prompt-heading svg { width:14px; height:14px; }
.editing-feature-art .editing-prompt-detail p { margin-top:14px; font-size:15px; line-height:1.55; }
.editing-action-detail { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #c6d0de; border-radius:12px; background:#e7ecf3; color:#29323e; box-shadow:inset 0 1px 1px #fff,0 8px 18px #25354b12; font-size:15px; }
.editing-action-detail svg { width:18px; height:18px; flex-shrink:0; }
.editing-save-detail { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px; box-shadow:inset 0 1px 2px #fff,0 2px 5px #25354b22; }
.editing-generate-detail { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:1; white-space:nowrap; }
.editing-generate-detail>span { display:grid; place-items:center; padding:8px; background:#0054ca; color:#fff; border-radius:10px; }
.editing-feature-art .editing-action-detail { position:absolute; z-index:2; font-size:12px; gap:10px; padding:8px; }
.editing-feature-art .editing-save-detail { padding:6px 8px; }
.editing-feature-art .editing-action-detail svg { width:14px; height:14px; }
.editing-feature-art .editing-generate-detail { gap:6px; }
.editing-feature-art .editing-generate-detail>span { padding:6px; border-radius:8px; }
.editing-timeline-detail { display:block; overflow:hidden; border-radius:8px; background:#19181e; box-shadow:0 10px 22px #25354b1c; }
.editing-timeline-detail img { display:block; width:100%; height:auto; max-width:none; }
.editing-workflow-art { margin:28px 0 0; }
.editing-workflow-art>div { max-width:650px; }
.editing-workflow-art .editing-prompt-detail { padding:24px; }
.editing-workflow-art .editing-prompt-detail p { font-size:18px; margin-top:18px; }
.editing-workflow-art .editing-action-detail { max-width:440px; }
.editing-export-detail { display:flex; align-items:center; gap:24px; width:100%; max-width:500px; }
.editing-export-detail svg:first-child { width:34%; height:auto; border-radius:8px; }
.editing-export-detail svg:last-child { width:53%; height:auto; border-radius:999px; }
.editing-story-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,31rem); gap:64px; border-top:1px solid var(--creative-line); padding-top:28px; }
.editing-story-copy h2 { max-width:25ch; font-size:32px; line-height:1.05; }
.editing-story-copy>p { margin:0; font:400 22px/1.35 Georgia,serif; }
.editing-story-copy a,.editing-argument p a,.editing-sources a { text-decoration:underline; text-underline-offset:3px; }
.editing-story-media { margin:64px 0 0; padding:48px; border-radius:18px; overflow:hidden; background:#edf2f7; }
.editing-story-media>div { position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:32px; }
.editing-story-media .editing-fragment { position:relative; inset:auto; width:100%; border:0; border-radius:8px; }
.editing-story-selection { display:grid; gap:32px; }
.editing-story-media--agent { background:linear-gradient(90deg,#e4edf5 0 43%,#f0f4f7 43%); }
.editing-story-media--brief { background:linear-gradient(90deg,#ead5c7 0 35%,#f7eee7 35%); }
.editing-story-media--brief>div { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:64px; }
.editing-story-media .editing-story-reference { max-width:250px; justify-self:center; border:6px solid white; border-radius:4px; }
.editing-story-media .editing-story-prompt { width:100%; aspect-ratio:600/408; padding:22px 24px; border:8px solid white; border-radius:10px; background:#e9eef3; color:#29323e; box-shadow:0 10px 22px #25354b1c; }
.editing-prompt-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:18px; line-height:1.3; }
.editing-prompt-heading strong { font-weight:500; }
.editing-prompt-heading>span { display:inline-flex; align-items:center; gap:6px; color:#626b76; }
.editing-prompt-heading svg { width:18px; height:18px; }
.editing-prompt-detail p { margin:18px 0 0; color:inherit; font-size:20px; line-height:1.65; }
.editing-argument { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; row-gap:18px; margin-top:40px; }
.editing-argument>div { display:grid; grid-template-rows:subgrid; grid-row:span 2; min-width:0; }
.editing-argument-body>p:first-child { margin-top:0; }
.editing-argument h3 { font-size:26px; line-height:1.25; letter-spacing:-.025em; }
.editing-argument p { margin:18px 0 0; font-size:18px; line-height:1.65; }
.editing-reading-section { max-width:850px; margin-left:auto; margin-right:auto; }
.editing-reading-section .creative-section__head h2 { font-size:clamp(26px,4.2vw,48px); }
.editing-reading { display:grid; gap:48px; }
.editing-reading h3 { font-size:27px; line-height:1.25; letter-spacing:-.025em; }
.editing-reading p { font-size:18px; line-height:1.65; margin:18px 0 0; }
.editing-reading p a { text-decoration:underline; text-underline-offset:3px; }
.editing-reading blockquote { margin:24px 0 0; padding-left:24px; border-left:2px solid #c8d4e4; font:400 21px/1.5 Georgia,serif; }
.editing-comparison-scroll { overflow-x:auto; }
.editing-comparison table { border-collapse:collapse; width:100%; min-width:660px; text-align:left; font-size:16px; line-height:1.6; }
.editing-comparison th,.editing-comparison td { padding:24px; border-bottom:1px solid var(--creative-line); vertical-align:top; }
.editing-comparison thead th { padding-top:0; color:var(--creative-muted); font-weight:500; }
.editing-comparison tbody th { width:22%; padding-left:0; font-weight:500; }
.editing-comparison td { width:39%; color:var(--creative-muted); }
.editing-comparison th:first-child { padding-left:0; }
.editing-comparison th:last-child,.editing-comparison td:last-child { padding-right:0; }
.editing-comparison-note { margin:28px 0 0; max-width:850px; font-size:16px; line-height:1.65; }
.editing-sources { margin:20px 0 0; font-size:14px; line-height:1.6; }
.editing-picture-mat { position:absolute; width:54%; height:92%; top:4%; left:23%; border:6px solid #fff; background:#f2e1cf; box-shadow:0 10px 20px #3e49351c; }
.editing-fragment--reference { width:45%; top:6%; left:27.5%; border:6px solid #fff; }
.editing-feature-art .editing-fragment--prompt { width:86%; top:20%; left:7%; box-shadow:0 12px 26px #6e494b29; }
.editing-fragment--reuse-image { width:32%; top:8%; left:10%; border:5px solid #fff; }
.editing-feature-art .editing-fragment--actions { width:88%; top:74%; left:6%; }
.editing-art-quote { position:absolute; font:170px/1 Georgia,serif; color:#7593c6; top:7%; right:12%; opacity:.45; }
.editing-steps { max-width:850px; display:grid; gap:40px; list-style:none; padding:0; margin:0 auto; counter-reset:steps; }
.editing-steps li { position:relative; padding-left:56px; counter-increment:steps; }
.editing-steps li::before { content:counter(steps); position:absolute; top:1px; left:0; font:32px/1.2 Georgia,serif; color:var(--creative-blue); }
.editing-steps p { margin:14px 0 0; }
.editing-toolbar-art { margin:28px 0 0; padding:26px 32px; border:1px solid #c6d0de; border-radius:18px; background:#e7ecf3; box-shadow:inset 0 1px 1px #fff,0 12px 24px #25354b12; }
.editing-toolbar-setting { display:flex; align-items:center; gap:18px; color:#2c3642; }
.editing-toolbar-icon { display:grid; place-items:center; width:50px; height:50px; flex:0 0 auto; color:#0054ca; background:#d6e5fb; border:1px solid #b8c7db; border-radius:15px; box-shadow:inset 0 1px 2px #fff,0 8px 16px #25354b10; }
.editing-toolbar-icon svg { width:26px; height:26px; }
.editing-toolbar-label { display:flex; flex-direction:column; gap:4px; min-width:0; }
.editing-toolbar-label strong { font-size:21px; font-weight:720; line-height:1.15; }
.editing-toolbar-label>span { color:#5f6d80; font-size:16px; font-weight:520; line-height:1.15; }
.editing-toolbar-switch { display:flex; justify-content:flex-end; align-items:center; padding:3px; margin-left:auto; width:56px; height:30px; flex:0 0 auto; border:1px solid #8ca9cf; border-radius:999px; background:#0054ca; }
.editing-toolbar-switch i { width:22px; height:22px; border-radius:50%; background:white; box-shadow:0 1px 3px #16345b40; }
.editing-access { max-width:850px; margin-left:auto; margin-right:auto; text-align:center; }
.editing-access p { margin:24px auto 0; }
.editing-closing { text-align:center; }
.editing-closing h2 { margin:0 auto 32px; max-width:900px; }
.creative-main .editing-related { margin-top:144px; overflow:visible; }
.editing-related .story-tools-links { max-width:980px; }
.creative-main .editing-related .story-footer-links h2 { font-size:32px; line-height:1.2; }
.editing-related .story-tool-icon--video { --story-tool-icon:url("/assets/koboyo-icons/video.svg"); }
.editing-page .skip-link { border:0; cursor:pointer; font:inherit; }
@media(max-width:1023px) {
  .editing-main { --creative-heading-size:44px; }
  .editing-capabilities { column-gap:28px; }
  .editing-feature-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editing-story-copy { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
  .editing-story-copy h2 { font-size:30px; }
  .editing-story-media { padding:32px; }
  .editing-story-media--brief>div,.editing-argument { gap:40px; }
  .editing-prompt-detail p { font-size:16px; }
  .editing-prompt-heading { font-size:16px; }
}
@media(max-width:767px) {
  .editing-main { padding-top:100px; --creative-heading-size:36px; }
  .editing-breadcrumbs { margin-bottom:28px; }
  .editing-hero h1 { font-size:clamp(34px,7.8vw,54px); }
  .editing-hero .creative-lede { margin:20px auto 24px; }
  .editing-recording { margin-top:36px; border-radius:14px; }
  .editing-proof { margin-top:24px; }
  .editing-proof h2 { font-size:24px; }
  .editing-main .creative-section__head { margin-bottom:36px; }
  .editing-capabilities { grid-template-columns:1fr; gap:32px; }
  .editing-capabilities>li { grid-row:auto; grid-template-rows:auto; gap:14px; }
  .editing-proof p,.editing-capabilities p,.editing-steps p,.editing-access p { font-size:15px; }
  .editing-capabilities h3,.editing-steps h3 { font-size:25px; }
  .editing-feature-list { grid-template-columns:1fr; gap:36px; }
  .editing-feature-list>li { grid-row:auto; grid-template-rows:auto; gap:16px; }
  .editing-feature-list h3 { font-size:25px; }
  .editing-feature-list p { font-size:15px; }
  .editing-steps li { padding-left:40px; }
  .editing-steps li::before { font-size:28px; }
  .editing-page #workflow-title { font-size:clamp(28px,8.4vw,36px); }
  .editing-hero .editing-entry-note { max-width:32ch; }
  .editing-composer { min-height:190px; }
  .editing-story-copy { display:flex; flex-direction:column; gap:20px; }
  .editing-story-copy h2 { max-width:none; font-size:24px; line-height:1.1; }
  .editing-story-copy>p { font-size:18px; line-height:1.45; }
  .editing-story-media { margin-top:48px; padding:24px; }
  .editing-story-media>div,.editing-story-media--brief>div { grid-template-columns:1fr; gap:24px; }
  .editing-story-selection { gap:24px; }
  .editing-request-detail { padding:16px; }
  .editing-request-chip { font-size:13px; }
  .editing-request-detail p { font-size:15px; margin-top:20px; }
  .editing-timeline-detail { aspect-ratio:500/320; }
  .editing-timeline-detail img { width:168%; }
  .editing-workflow-art { margin-left:-40px; width:calc(100% + 40px); }
  .editing-workflow-art .editing-prompt-detail { padding:18px; }
  .editing-workflow-art .editing-prompt-detail p { font-size:15px; }
  .editing-action-detail { gap:10px; padding:10px; font-size:13px; }
  .editing-save-detail { padding:7px 9px; }
  .editing-generate-detail { gap:8px; }
  .editing-workflow-art--ai-video-editor-2 .editing-export-detail { min-height:54px; }

  .editing-story-media .editing-story-reference { max-width:210px; width:70%; }
  .editing-story-media .editing-story-prompt { padding:18px; border-width:4px; aspect-ratio:auto; }
  .editing-prompt-detail p { font-size:15px; }
  .editing-argument { grid-template-columns:1fr; gap:32px; margin-top:32px; }
  .editing-argument>div { grid-template-rows:auto; grid-row:auto; gap:14px; }
  .editing-argument h3 { font-size:24px; }
  .editing-argument p { font-size:15px; margin-top:14px; }
  .editing-reading { gap:36px; }
  .editing-reading h3 { font-size:25px; }
  .editing-reading p { font-size:15px; margin-top:14px; }
  .editing-reading blockquote { font-size:18px; padding-left:18px; }
  .editing-toolbar-art { padding:18px 16px; margin-left:-40px; width:calc(100% + 40px); }
  .editing-toolbar-setting { gap:10px; }
  .editing-toolbar-icon { width:34px; height:34px; border-radius:10px; }
  .editing-toolbar-icon svg { width:19px; height:19px; }
  .editing-toolbar-label strong { font-size:14px; }
  .editing-toolbar-label>span { font-size:11px; }
  .editing-toolbar-switch { width:38px; height:22px; padding:2px; }
  .editing-toolbar-switch i { width:16px; height:16px; }
  .creative-main .editing-related .story-tools-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editing-related .story-tools-links a { min-width:0; }
  .editing-related .story-tools-links a>span:last-child { min-width:0; }
  .editing-comparison table { font-size:15px; }
  .editing-comparison th,.editing-comparison td { padding:18px; }
  .editing-comparison-note { font-size:15px; }
}
@media(max-width:359px) {
  .editing-feature-art .editing-request-detail { top:6%; padding:12px; }
  .editing-feature-art .editing-request-detail p { font-size:13px; margin-top:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .editing-recording>video { display:none; }
  .editing-recording>.editing-poster { visibility:visible; }
  .editing-fragment video { display:none; }
  .editing-fragment>img { visibility:visible; }
}

@media(max-width:1100px) {
  .editing-page { --creative-section-gap:168px; }
  .creative-main .editing-related { margin-top:120px; }
}
@media(max-width:767px) {
  .editing-page { --creative-section-gap:128px; }
  .creative-main .editing-related { margin-top:112px; }
}

.editing-page .creative-faq summary h3 { display:flex; flex:1; justify-content:space-between; align-items:center; gap:20px; margin:0; font:inherit; font-family:inherit!important; letter-spacing:inherit; }
.editing-page .creative-faq summary h3>span { flex-shrink:0; transition:transform 260ms ease; }
.editing-page .creative-faq details[open] summary h3>span { transform:rotate(45deg); }
.editing-page .creative-faq details[data-expanded=false] summary h3>span { transform:none; }
@media(prefers-reduced-motion:reduce) {
  .editing-page .creative-faq summary h3>span { transition:none; }
}

@media(max-width:359px) {
  .editing-page :is(#uses-title,.editing-closing h2) { font-size:32px; }
  .editing-page #editing-choice-title { font-size:28px; }
}

.editing-page .site-footer__heading { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.editing-page .site-footer :is(.site-footer__link-list,.site-footer__product-list) { margin:0; padding:0; list-style:none; }
.editing-page .site-footer :is(.site-footer__link-list,.site-footer__product-list)>li { display:grid; }
