/* Guided home. Media is existing KAMOD editorial artwork, never project data. */
.studio-content { display:block; }
.studio-content .main { max-width:1440px; margin:0 auto; padding:48px 40px 80px; overflow:visible; min-width:0; }
.studio-content .hero { margin-bottom:40px; }
.studio-content .greet .eyebrow { font-family:inherit; letter-spacing:.08em; color:var(--ink-dim); font-size:11px; }
.studio-content .greet h1, [data-theme="light"] .studio-content .greet h1 { background:none; color:var(--ink); font-size:clamp(32px,3.5vw,52px); font-weight:650; line-height:1.12; letter-spacing:-.04em; margin:12px 0; }
.studio-content .greet p { font-size:16px; line-height:1.6; }
.studio-content .qs-head h3 { font-size:15px; font-weight:600; }
.studio-content .qs-head a { display:inline-flex; color:var(--ink-dim); font-size:13px; }
.studio-content .quick { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.studio-content .quick-card { min-height:310px; background:var(--surface-2); border:1px solid var(--line); box-shadow:none; }
.studio-content .quick-card::before { display:none; }
.studio-content .home-path-art { height:165px; background-image:url('/static/studio/creation-paths-atlas.webp'); background-size:300% 200%; background-position:50% 0; }
.studio-content .home-path-plan .home-path-art { background-image:url('/static/studio/creative-tools-atlas.webp'); background-size:200% 200%; background-position:100% 0; }
.studio-content .home-path-edit .home-path-art { background-position:50% 100%; }
.studio-content .quick-card .body { position:relative; inset:auto; padding:19px 22px 20px; }
.studio-content .quick-card .tag { position:static; font-family:inherit; font-size:10px; letter-spacing:.03em; color:var(--ink-dim); margin-bottom:9px; }
.studio-content .quick-card .body h4 { color:var(--ink); font-size:21px; font-weight:600; }
.studio-content .quick-card .body p { color:var(--ink-dim); font-size:13px; line-height:1.5; max-width:34ch; min-height:39px; }
.studio-content .quick-card .card-cta { color:var(--ink); font-size:12px; margin-top:17px; justify-content:space-between; }
.studio-content .quick-card .card-cta span { font-size:18px; color:var(--warm,#ff6b35); }
.studio-content .quick-card:hover { border-color:var(--warm,#ff6b35); transform:translateY(-2px); box-shadow:none; }
.studio-content .home-all-tools { margin-top:18px; }
.studio-content summary { width:fit-content; cursor:pointer; color:var(--ink-dim); font-size:13px; padding:10px 0; }
.studio-content .home-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:14px; }
.studio-content .home-tool { padding:20px; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; gap:8px; background:var(--surface-2); }
.studio-content .home-tool strong { color:var(--ink); font-weight:600; font-size:14px; }
.studio-content .home-tool span { color:var(--ink-dim); font-size:13px; line-height:1.5; }
.studio-content .home-tool small { color:var(--ink-dim); font-size:10px; margin-top:8px; }
.studio-content .composer-kicker { margin:32px 0 18px; }
.studio-content .composer { background:var(--surface-2); border:1px solid var(--line-strong); box-shadow:none; border-radius:16px; padding:24px; }
.studio-content .composer::before { display:none; }
.studio-content .mode { color:var(--ink-dim); font-size:13px; }
.studio-content .mode.on,.studio-content .mode:hover { color:var(--ink); }
.studio-content .home-prompt-label { font-size:12px; color:var(--ink-dim); }
.studio-content .prompt textarea { min-height:90px; font-size:16px; }
.studio-content .prompt textarea:focus-visible { outline:2px solid var(--warm,#ff6b35); outline-offset:5px; border-radius:4px; }
.studio-content [hidden] { display:none !important; }
.studio-content .home-cost-note { color:var(--ink-dim); font-size:12px; line-height:1.6; margin:0; max-width:40ch; }
.studio-content .generate { box-shadow:none; background:var(--warm,#ff6b35); color:#20130c; }
.studio-content .generate:hover { box-shadow:none; }
.studio-content .lib-head { margin-top:56px; margin-bottom:20px; }
.studio-content .lib-head h3 { font-size:20px; letter-spacing:-.02em; }
.studio-content .home-library-caption { font-size:13px; color:var(--ink-dim); margin:6px 0 0; }
.studio-content .lib { gap:18px; }
.studio-content .li { aspect-ratio:4/3; border-radius:14px; }
.studio-content .li .tag-page, .studio-content .li .play-ic { background:rgba(10,10,15,.78); }
.studio-content .filt button.on { color:var(--ink); }
.studio-content .home-activity { margin-top:32px; border-top:1px solid var(--line); padding-top:12px; }
.studio-content .right { display:block; width:auto; border:1px solid var(--line); border-radius:16px; margin-top:10px; padding:24px; background:var(--surface-2); }
.studio-content .rp-tabs { max-width:420px; }
.studio-content .rp-tabs button.on { color:var(--ink); }
.studio-content .hero-stats { margin:12px 0 24px; }
.studio-content .focus .close { background:#25252d; color:white; }
.studio-content .focus .info { background:rgba(10,10,15,.85); border-radius:8px; padding:12px; max-width:calc(100vw - 48px); letter-spacing:0; }
.studio-content a:focus-visible,.studio-content button:focus-visible,.studio-content summary:focus-visible { outline:2px solid var(--warm,#ff6b35); outline-offset:4px; }
@media(max-width:900px) {
 .studio-content .main { padding:32px 24px 64px; }
 .studio-content .quick { gap:12px; }
 .studio-content .quick-card .body { padding:16px; }
 .studio-content .quick-card .body h4 { font-size:18px; }
 .studio-content .home-path-art { height:140px; }
 .studio-content .home-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
 .studio-content .main { padding:28px 16px 56px; }
 .studio-content .hero { margin-bottom:28px; }
 .studio-content .quick { display:grid; grid-template-columns:1fr; overflow:visible; margin:0; padding:0; }
 .studio-content .quick-card { display:grid; grid-template-columns:34% 1fr; min-height:156px; }
 .studio-content .home-path-art { height:100%; background-size:600% 200%; }
 .studio-content .home-path-plan .home-path-art { background-size:400% 200%; background-position:100% 0; }
 .studio-content .quick-card .body p { min-height:0; }
 .studio-content .quick-card .card-cta { margin-top:10px; }
 .studio-content .home-tools-grid { grid-template-columns:1fr; }
 .studio-content .composer { padding:18px; }
 .studio-content .modes { flex-wrap:wrap; overflow:visible; gap:4px; }
 .studio-content .mode { padding:8px 10px; }
 .studio-content .generate { width:100%; justify-content:center; }
 .studio-content .lib-head { align-items:flex-start; gap:18px; }
 .studio-content .lib { gap:10px; }
 .studio-content .right { padding:16px; }
 .studio-content .focus { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .studio-content *, .studio-content *::before { animation:none !important; transition:none !important; } }
.studio-content .quick-card,.studio-content .home-tool {text-decoration:none;color:var(--ink)}
[data-theme="light"] .studio-content .quick-card,[data-theme="light"] .studio-content .home-tool {background:var(--k4-surface)}

/* Real footage previews retain their native proportions rather than atlas crops. */
.studio-content .quick-card .home-path-art{height:auto;aspect-ratio:16/9;background:#101116;overflow:hidden}
.studio-content .home-preview-video{display:block;width:100%;height:100%;object-fit:cover}
.studio-content .home-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;font-size:12px;color:var(--ink-dim)}
.studio-content .home-media-toolbar a,.studio-content .home-media-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.studio-content #home-motion-toggle{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;font:inherit}
.studio-content .home-media-credits{font-size:12px;color:var(--ink-dim)}
.studio-content .home-media-credits summary{font-size:12px;padding:8px 0}
.studio-content .quick-card .home-path-art{position:relative;align-self:stretch}
.studio-content .home-preview-video{position:absolute;inset:0}
@media(max-width:640px){.studio-content .quick-card .home-path-art{aspect-ratio:auto;min-height:150px}}