:root { --guide-ink:#24211e; --guide-muted:#625c54; --guide-line:#d4cfc6; --guide-accent:#a34729; --guide-paper:#f5f3ee; }
.home-start-panel { grid-column:2; grid-row:1 / span 3; align-self:center; border:1px solid var(--guide-line); background:#faf8f3; padding:12px 24px; }
.home-start-panel > a { display:grid; grid-template-columns:44px 1fr 20px; align-items:center; gap:14px; padding:22px 0; text-decoration:none; color:var(--guide-ink); border-bottom:1px solid var(--guide-line); }
.home-start-panel > a:last-child { border-bottom:0; }
.home-start-panel b { color:var(--guide-accent); font:700 14px ui-monospace,monospace; }
.home-start-panel strong { display:block; font-size:18px; line-height:1.4; }
.home-start-panel small { display:block; font-size:14px; line-height:1.6; margin-top:5px; color:var(--guide-muted); }
.home-start-panel i { font-style:normal; }
.home-index .index-hero .hero-copy a { display:inline-block; margin-top:16px; color:var(--guide-accent); text-underline-offset:4px; }
.home-index .index-hero h1 { font-size:clamp(44px,5.2vw,72px); line-height:1.08; letter-spacing:-.045em; }
.home-index .hero.index-hero { gap:0 56px; padding-top:54px; padding-bottom:38px; }
.home-cases, .home-video-workspace { width:min(1344px,calc(100% - 64px)); margin:44px auto; color:var(--guide-ink); }
.home-cases-heading { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:20px; margin-bottom:24px; }
.home-cases-heading h2, .home-video-workspace > header h2 { font:500 clamp(28px,3vw,38px)/1.2 Georgia,'Songti SC',serif; margin:10px 0; }
.home-cases-heading p, .home-video-workspace > header p { font-size:16px; line-height:1.7; color:var(--guide-muted); max-width:64ch; }
.home-cases-heading a, .home-video-workspace > header a { color:var(--guide-accent); text-underline-offset:4px; font-size:16px; }
.guide-kicker { font:700 13px/1.6 ui-monospace,monospace; letter-spacing:.09em; color:var(--guide-accent); }
.guide-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--guide-line); }
.guide-card { padding:28px 24px 28px 0; border-bottom:1px solid var(--guide-line); min-width:0; }
.guide-card:nth-child(even) { padding-left:24px; border-left:1px solid var(--guide-line); }
.guide-card > span { color:var(--guide-accent); font:600 13px ui-monospace,monospace; }
.guide-card h3 { font-size:22px; line-height:1.4; margin:12px 0; }
.guide-card h3 a { color:var(--guide-ink); text-decoration:none; }
.guide-card h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.guide-card p { color:var(--guide-muted); font-size:16px; line-height:1.75; margin:0; }
.home-video-workspace { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr); gap:36px; border-block:1px solid var(--guide-line); padding:36px 0; scroll-margin-top:90px; }
.home-index .home-video-workspace .downloader-card { width:100%; margin:0; padding:24px; background:#faf8f3; border:1px solid var(--guide-line); border-radius:0; box-shadow:none; min-width:0; }
.home-index .home-video-workspace .legal-note { grid-column:1 / -1; margin:0; color:var(--guide-muted); font-size:14px; line-height:1.6; text-align:left; }
.home-index .home-video-workspace .platform, .home-index .home-video-workspace .privacy-note, .home-index .home-video-workspace .form-message { font-size:13px; }
.home-index .home-video-workspace .input-shell input { font-size:14px; min-height:48px; }
.home-index .home-video-workspace .submit-button { font-size:14px; }
.home-index .home-video-workspace .index-downloader-heading > span, .home-index .home-video-workspace .index-downloader-heading small { font-size:12px; }
.guide-page { margin:0; color:var(--guide-ink); background:var(--guide-paper); font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.guide-page *, .guide-page *::before, .guide-page *::after { box-sizing:border-box; }
.guide-page a { color:var(--guide-accent); text-underline-offset:4px; }
.guide-page a:focus-visible, .home-start-panel a:focus-visible, .guide-card a:focus-visible { outline:3px solid var(--guide-accent); outline-offset:5px; }
.guide-header { width:min(1120px,calc(100% - 48px)); margin:auto; min-height:76px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-bottom:1px solid var(--guide-line); padding:16px 0; }
.guide-header .brand { color:var(--guide-ink); font-size:20px; font-weight:750; text-decoration:none; }
.guide-header nav { display:flex; flex-wrap:wrap; gap:20px; font-size:14px; }
.guide-header nav a[aria-current=page] { font-weight:750; }
.guide-main { width:min(960px,calc(100% - 48px)); margin:40px auto 72px; }
.guide-main .breadcrumbs { font-size:14px; margin-bottom:28px; color:var(--guide-muted); }
.guide-hero { max-width:850px; padding-bottom:32px; border-bottom:1px solid var(--guide-line); }
.guide-hero h1 { font:500 clamp(32px,4.5vw,54px)/1.15 Georgia,'Songti SC',serif; letter-spacing:-.025em; margin:12px 0 24px; }
.guide-hero > p { font-size:18px; color:var(--guide-muted); max-width:70ch; }
.guide-byline { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14px; color:var(--guide-muted); }
.guide-body { max-width:850px; }
.guide-body h2 { font-size:26px; line-height:1.35; margin:42px 0 18px; }
.guide-body h3 { font-size:20px; margin:28px 0 12px; }
.guide-body p { margin:14px 0; }
.guide-body li { margin:10px 0; }
.guide-body code { font:14px/1.7 ui-monospace,SFMono-Regular,monospace; overflow-wrap:anywhere; }
.guide-body pre { background:#ebe7de; border:1px solid var(--guide-line); padding:20px; white-space:pre-wrap; overflow-wrap:anywhere; }
.guide-table-wrap { overflow-x:auto; margin:24px 0; border:1px solid var(--guide-line); }
.guide-body table { border-collapse:collapse; width:100%; font-size:15px; }
.guide-body th, .guide-body td { padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--guide-line); }
.guide-body th { background:#eae5dc; font-weight:650; }
.guide-body tr:last-child td { border-bottom:0; }
.guide-note { border-left:3px solid var(--guide-accent); background:#eeeadf; padding:18px 24px; margin:24px 0; }
.guide-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:24px 0; }
.guide-actions a { display:inline-flex; min-height:46px; align-items:center; padding:10px 18px; border:1px solid var(--guide-line); text-decoration:none; }
.guide-actions a:first-child { color:#fff; background:var(--guide-ink); border-color:var(--guide-ink); }
.guide-figure { margin:24px 0; }
.guide-figure img { width:100%; max-height:420px; object-fit:contain; display:block; background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 20px 20px; border:1px solid var(--guide-line); }
.guide-figure figcaption { color:var(--guide-muted); font-size:14px; margin-top:10px; }
.guide-footer { width:min(1120px,calc(100% - 48px)); margin:40px auto 0; padding:24px 0; border-top:1px solid var(--guide-line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:14px; }
.guide-callout { width:min(1100px,calc(100% - 48px)); margin:28px auto; padding:22px 26px; border-left:3px solid var(--guide-accent); background:#eee9df; font-size:16px; line-height:1.75; }
.guide-callout h2 { font-size:22px; margin:0 0 10px; line-height:1.4; }
.guide-callout p { margin:8px 0; }
.guide-callout a { color:var(--guide-accent); text-underline-offset:4px; }
.guide-contact-form { display:grid; gap:10px; max-width:700px; margin:28px 0; }
.guide-contact-form label { font-weight:600; margin-top:8px; }
.guide-contact-form input, .guide-contact-form textarea, .guide-contact-form select { width:100%; padding:12px; border:1px solid #aaa295; border-radius:0; background:#fffdf8; color:var(--guide-ink); font:inherit; }
.guide-contact-form textarea { resize:vertical; min-height:160px; }
.guide-contact-form button { justify-self:start; min-height:46px; border:0; padding:12px 24px; color:#fff; background:var(--guide-ink); font:600 16px system-ui,sans-serif; cursor:pointer; }
.guide-contact-form button:disabled { opacity:.65; cursor:wait; }
.guide-contact-form small { color:var(--guide-muted); font-size:14px; }
.guide-contact-form [role=status] { min-height:28px; }
.guide-contact-form [data-state=error] { color:#a02020; }
.guide-contact-form [data-state=success] { color:#236747; }
.guide-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media(max-width:900px) {
  .home-index .hero.index-hero { gap:0 28px; grid-template-columns:minmax(0,1fr) minmax(300px,1fr); }
  .home-start-panel { padding:8px 18px; }
  .home-start-panel > a { padding:18px 0; }
}
@media(max-width:760px) {
  .home-index .hero.index-hero { display:flex; flex-direction:column; padding:30px 20px; min-height:0; gap:20px; }
  .home-index .index-hero h1 { font-size:42px; margin:0; }
  .home-index .index-hero .hero-copy { font-size:16px; }
  .home-start-panel { width:100%; }
  .home-index .index-hero > .popular-tools { margin-top:0; width:100%; }
  .home-cases, .home-video-workspace { width:calc(100% - 40px); margin:32px auto; }
  .home-video-workspace { grid-template-columns:1fr; gap:20px; }
  .home-index .home-video-workspace .downloader-card { padding:18px; }
  .home-index .home-video-workspace .input-shell { grid-template-columns:minmax(0,1fr); }
  .guide-cards { grid-template-columns:1fr; }
  .guide-card, .guide-card:nth-child(even) { padding:24px 0; border-left:0; }
  .guide-header, .guide-main, .guide-footer { width:calc(100% - 40px); }
  .guide-header nav { gap:14px; }
  .guide-main { margin-top:28px; }
  .guide-body h2 { font-size:24px; }
  .guide-body th, .guide-body td { padding:12px; min-width:100px; }
  .guide-callout { width:calc(100% - 32px); padding:20px; }
}