@media (max-width: 560px) {
  html, body { overflow-x: clip; }
  .lp-wrap { padding-left: 20px !important; padding-right: 20px !important; }
  .fnav-inner { min-height: 64px !important; height: auto !important; padding: 10px 18px !important; gap: 10px !important; }
  .fnav-logo span { font-size: 16px !important; }
  .fnav-cta .lp-btn { padding: 11px 14px !important; font-size: 14px !important; }
  .lp-btn { white-space: normal !important; text-align: center; justify-content: center; line-height: 1.15; }
  .fp-hero { padding-top: 40px !important; padding-bottom: 52px !important; }
  .fp-hero-grid,
  .fp-feat-grid,
  .fp-spot-grid,
  .feat-grid,
  .cta-grid,
  .fp-hero-grid > *,
  .fp-feat-grid > *,
  .fp-spot-grid > *,
  .feat-grid > *,
  .cta-grid > *,
  .fp-hero-media,
  .fp-feat-media,
  .feat-text,
  .feat-media,
  .showcase,
  .frame,
  .app-frame,
  .po-card,
  .oo-fig { min-width: 0 !important; max-width: 100% !important; overflow: hidden; }
  .fp-hero-cta .lp-btn,
  .fp-final-cta .lp-btn { width: 100%; }
  .fp-stats { gap: 16px 22px !important; }
  .fp-eyebrow,
  .eyebrow,
  .tag { white-space: normal !important; }
  .we-caret { display: none !important; }
  .crmm-tracked { white-space: normal !important; max-width: 100%; }
}

@media (max-width: 600px) {
  .om-card { min-width: 0 !important; }
  .om-card-head { flex-direction: column !important; align-items: stretch !important; }
  .om-lane-label { align-self: flex-start; max-width: 100%; white-space: normal; }
  .om-foot { flex-wrap: wrap; align-items: flex-start !important; }
  .om-foot-actions { width: 100%; justify-content: flex-end; min-width: 0; }
  .om-btn-next { max-width: 100%; white-space: normal; }
  .om-life-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 700px) {
  .dsh-export-flow { width: auto !important; max-width: calc(100vw - 56px) !important; transform: none !important; }
  .dsh-export-flow .ds-export { grid-template-columns: 1fr !important; min-height: 0 !important; }
  .dsh-export-flow .dse-preview { min-height: 152px !important; padding: 12px !important; }
  .dsh-export-flow .dse-card { max-width: 138px !important; }
  .dsh-export-flow .dse-panel { padding: 12px !important; }
  .dsh-export-flow .dse-toggle,
  .dsh-export-flow .dse-row { min-width: 0 !important; }
  .dsh-export-flow .dse-pill { white-space: normal !important; text-align: right; }
}


  /* Hero workflow animation */
  .dsh-hero-sequence { --dsh-dur: 14s; position: relative; min-height: 540px; overflow: hidden; background:
    radial-gradient(360px 260px at 74% 18%, rgba(208,232,216,0.75), transparent 62%),
    linear-gradient(140deg, #FBFCFB 0%, #EEF5F0 100%); }
  .dsh-hero-sequence::after { content: ""; position: absolute; inset: 0; z-index: 20; pointer-events: none; background:
    radial-gradient(420px 260px at 50% 42%, rgba(255,255,255,.96), rgba(251,252,251,.88) 48%, rgba(238,245,240,.28) 78%, transparent 100%);
    opacity: 0; animation: dshRestartVeil var(--dsh-dur) ease-in-out infinite; }
  .dsh-progress { position: absolute; z-index: 8; top: 18px; left: 18px; right: 18px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
  .dsh-progress::before { content: ""; position: absolute; z-index: 0; left: calc(12.5% - 2px); right: calc(12.5% - 2px); top: 16px; height: 2px; background: rgba(31,59,31,0.12); }
  .dsh-progress::after { content: ""; position: absolute; z-index: 0; left: calc(12.5% - 2px); top: 16px; height: 2px; width: calc(75% + 4px); transform-origin: left center; transform: scaleX(0); background: var(--forest); animation: dshRail var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-dot { position: relative; z-index: 2; display: grid; justify-items: center; gap: 6px; color: var(--ink-4); }
  .dsh-dot b { position: relative; z-index: 2; width: 32px; height: 32px; border-radius: 999px; display: grid; place-items: center; background: #fff; border: 1px solid var(--line-2); box-shadow: var(--shadow-sm); font-family: var(--mono); font-size: 12px; color: var(--ink-3); }
  .dsh-dot em { font-style: normal; font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .dsh-dot.d1 b { animation: dshDot1 var(--dsh-dur) infinite; }
  .dsh-dot.d2 b { animation: dshDot2 var(--dsh-dur) infinite; }
  .dsh-dot.d3 b { animation: dshDot3 var(--dsh-dur) infinite; }
  .dsh-dot.d4 b { animation: dshDot4 var(--dsh-dur) infinite; }
  .dsh-stage { position: absolute; inset: 0; padding: 76px 30px 30px; }
  .dsh-screen { position: absolute; inset: 76px 24px 24px; display: grid; place-items: center; opacity: 0; transform: translateY(18px) scale(.985); pointer-events: none; }
  .dsh-screen-1 { animation: dshScreen1 var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-screen-2 { animation: dshScreen2 var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-screen-3 { animation: dshScreen3 var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-screen-4 { animation: dshScreen4 var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-shell { width: min(480px,100%); border-radius: 22px; padding: 26px; color: #fff; background: linear-gradient(150deg,#1F3B1F,#14290E); box-shadow: 0 30px 70px -34px rgba(20,40,20,.7); }
  .dsh-kicker { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--sage-3); }
  .dsh-shell h3 { margin: 12px 0 18px; font-size: clamp(25px,3.2vw,36px); line-height: 1.02; color: #fff; letter-spacing: -.03em; }
  .dsh-shell h3 em { font-family: var(--serif); font-weight: 500; color: #E9D9B8; }
  .dsh-prompt { background: #fff; border-radius: 16px; padding: 15px; box-shadow: 0 18px 42px -28px rgba(0,0,0,.8); }
  .dsh-type { display: grid; gap: 4px; min-height: 68px; align-content: start; font-size: 15px; line-height: 1.48; color: var(--ink); }
  .dsh-type-line { display: block; max-width: 0; overflow: hidden; white-space: nowrap; animation-duration: var(--dsh-dur); animation-timing-function: steps(40,end); animation-iteration-count: infinite; }
  .dsh-type-line.line-1 { animation-name: dshTypeLine1; }
  .dsh-type-line.line-2 { animation-name: dshTypeLine2; }
  .dsh-prompt button { display: block; margin: 12px 0 0 auto; border: 0; border-radius: 999px; padding: 10px 17px; color: #fff; background: var(--forest); font-weight: 700; }
  .dsh-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
  .dsh-chip-row span { border-radius: 999px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); font-size: 12px; font-weight: 650; }
  .dsh-card-panel { width: min(520px,100%); border-radius: 22px; background: #fff; border: 1px solid var(--line); padding: 22px; box-shadow: 0 30px 70px -38px rgba(20,40,20,.55); }
  .dsh-format-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 16px; }
  .dsh-format { position: relative; min-height: 132px; border-radius: 15px; border: 1px solid var(--line); background: var(--mint-2); display: grid; justify-items: center; align-content: center; gap: 7px; padding: 12px 9px; text-align: center; color: var(--forest); }
  .dsh-format.is-selected { background: #fff; border-color: var(--forest); box-shadow: 0 0 0 4px rgba(31,59,31,.1); animation: dshSelect var(--dsh-dur) ease-out infinite; }
  .dsh-format.is-selected::after { content: "✓"; position: absolute; top: 10px; right: 11px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 8px; background: var(--forest); color: #fff; font-size: 12px; font-weight: 800; }
  .dsh-format span { display: block; border-radius: 7px; background: var(--forest); }
  .dsh-format .sq { width: 50px; height: 50px; } .dsh-format .story { width: 32px; height: 58px; } .dsh-format .flyer { width: 42px; height: 58px; }
  .dsh-format b { font-size: 13.5px; } .dsh-format small { font-family: var(--mono); color: var(--ink-4); font-size: 10.5px; }
  .dsh-build { margin-top: 16px; border-radius: 16px; background: var(--mint-2); border: 1px solid var(--mint); padding: 12px; }
  .dsh-build span { display: block; height: 7px; border-radius: 999px; margin: 6px 0; background: linear-gradient(90deg,var(--forest),var(--sage-3)); transform-origin: left; transform: scaleX(.14); animation: dshBar var(--dsh-dur) ease-in-out infinite; }
  .dsh-build span:nth-child(2) { animation-delay: .16s; } .dsh-build span:nth-child(3) { animation-delay: .32s; }
  .dsh-build p { margin: 11px 0 0; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
  .dsh-editor { width: min(540px,100%); display: grid; grid-template-columns: 92px minmax(180px,1fr) 108px; gap: 10px; align-items: center; }
  .dsh-editor aside { min-height: 224px; border-radius: 15px; border: 1px solid var(--line); background: rgba(255,255,255,.92); padding: 12px; box-shadow: 0 18px 40px -32px rgba(20,40,20,.5); }
  .dsh-editor aside b { display: block; font-size: 12px; color: var(--forest); margin-bottom: 12px; }
  .dsh-editor aside span { display: block; border-radius: 10px; padding: 8px 7px; margin-top: 8px; background: var(--mint-2); color: var(--ink-3); font-size: 10.5px; font-weight: 650; line-height: 1.2; }
  .dsh-editor aside span.on { background: var(--forest); color: #fff; }
  .dsh-artboard { position: relative; border-radius: 18px; padding: 12px; background: #EEF3EE; border: 1px solid var(--line); box-shadow: 0 34px 70px -36px rgba(20,40,20,.6); animation: dshArtboard var(--dsh-dur) cubic-bezier(.2,.8,.2,1) infinite; }
  .dsh-artboard img { display: block; width: 100%; border-radius: 12px; box-shadow: 0 22px 46px -28px rgba(0,0,0,.65); }
  .dsh-export-flow { position: relative; width: min(540px,100%); border-radius: 18px; overflow: hidden; box-shadow: 0 34px 70px -36px rgba(20,40,20,.6); }
  .dsh-export-flow .ds-export { min-height: 360px; grid-template-columns: .9fr 1.1fr; }
  .dsh-export-flow .dse-prev { padding: 16px; gap: 8px; }
  .dsh-export-flow .dse-card { max-width: 180px; border-radius: 9px; }
  .dsh-export-flow .dse-panel { padding: 17px 18px; }
  .dsh-export-flow .dse-h { font-size: 19px; }
  .dsh-export-flow .dse-toggle { margin-top: 12px; }
  .dsh-export-flow .dse-toggle span { font-size: 11.5px; padding: 7px; }
  .dsh-export-flow .dse-label { margin: 13px 0 7px; }
  .dsh-export-flow .dse-row { gap: 8px; padding: 9px 10px; margin-bottom: 7px; border-radius: 12px; }
  .dsh-export-flow .dse-ic { width: 30px; height: 30px; border-radius: 8px; }
  .dsh-export-flow .dse-acct b { font-size: 12.5px; }
  .dsh-export-flow .dse-acct span { font-size: 10.8px; }
  .dsh-export-flow .dse-pill { font-size: 8px; padding: 5px 7px; }
  .dsh-export-flow .dse-foot { padding-top: 12px; }
  .dsh-export-flow .dse-draft, .dsh-export-flow .dse-post { padding: 9px 11px; font-size: 12px; }
  .dsh-post-click { animation: dshPostClick var(--dsh-dur) ease-in-out infinite; }
  .dsh-posted-overlay { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 12px; background: rgba(255,255,255,.88); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); opacity: 0; transform: scale(.96); animation: dshPostedOverlay var(--dsh-dur) cubic-bezier(.18,.9,.25,1.12) infinite; }
  .dsh-check { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 999px; background: var(--forest); color: #fff; border: 5px solid #fff; box-shadow: 0 16px 28px -18px rgba(20,40,20,.8); font-size: 28px; font-weight: 900; animation: dshCheck var(--dsh-dur) ease-out infinite; }
  .dsh-posted-overlay h3 { margin: 0; color: var(--forest); font-size: clamp(23px,2.8vw,31px); letter-spacing: -.03em; }
  @keyframes dshRestartVeil { 0%,3%{opacity:1} 9%,91%{opacity:0} 97%,100%{opacity:1} }
  @keyframes dshRail { 0%,20%{transform:scaleX(0)} 26%,45%{transform:scaleX(.333)} 51%,70%{transform:scaleX(.666)} 76%,100%{transform:scaleX(1)} }
  @keyframes dshDot1 { 0%,100%{background:var(--forest);color:#fff;border-color:var(--forest)} }
  @keyframes dshDot2 { 0%,23%{background:#fff;color:var(--ink-3);border-color:var(--line-2)} 28%,100%{background:var(--forest);color:#fff;border-color:var(--forest)} }
  @keyframes dshDot3 { 0%,49%{background:#fff;color:var(--ink-3);border-color:var(--line-2)} 54%,100%{background:var(--forest);color:#fff;border-color:var(--forest)} }
  @keyframes dshDot4 { 0%,73%{background:#fff;color:var(--ink-3);border-color:var(--line-2)} 78%,100%{background:var(--forest);color:#fff;border-color:var(--forest)} }
  @keyframes dshScreen1 { 0%,20%{opacity:1;transform:translateY(0) scale(1);pointer-events:auto} 26%,100%{opacity:0;transform:translateY(-12px) scale(.985);pointer-events:none} }
  @keyframes dshScreen2 { 0%,23%{opacity:0;transform:translateY(18px) scale(.985)} 29%,45%{opacity:1;transform:translateY(0) scale(1)} 51%,100%{opacity:0;transform:translateY(-12px) scale(.985)} }
  @keyframes dshScreen3 { 0%,49%{opacity:0;transform:translateY(18px) scale(.985)} 55%,70%{opacity:1;transform:translateY(0) scale(1)} 76%,100%{opacity:0;transform:translateY(-12px) scale(.985)} }
  @keyframes dshScreen4 { 0%,73%{opacity:0;transform:translateY(18px) scale(.985)} 79%,94%{opacity:1;transform:translateY(0) scale(1)} 100%{opacity:0;transform:translateY(-10px) scale(.985)} }
  @keyframes dshTypeLine1 { 0%,3%{max-width:0} 12%,100%{max-width:32ch} }
  @keyframes dshTypeLine2 { 0%,12%{max-width:0} 22%,100%{max-width:41ch} }
  @keyframes dshSelect { 0%,28% { transform: scale(.96); } 34%,100% { transform: scale(1); } }
  @keyframes dshBar { 0%,28% { transform: scaleX(.14); } 42%,100% { transform: scaleX(1); } }
  @keyframes dshArtboard { 0%,52% { transform: translateY(18px) scale(.96); opacity: .4; } 62%,100% { transform: translateY(0) scale(1); opacity: 1; } }
  @keyframes dshPostClick { 0%,84%,100%{transform:scale(1)} 88%,91%{transform:scale(.94); box-shadow: 0 0 0 5px rgba(31,59,31,.12)} }
  @keyframes dshPostedOverlay { 0%,86% { opacity: 0; transform: scale(.96); } 91%,96% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.02); } }
  @keyframes dshCheck { 0%,88% { transform: scale(.4) rotate(-18deg); opacity: 0; } 93%,97% { transform: scale(1) rotate(0); opacity: 1; } 100% { transform: scale(1.04) rotate(0); opacity: 0; } }
  @media (max-width: 700px) {
    .dsh-hero-sequence { min-height: 520px; }
    .dsh-progress { left: 12px; right: 12px; gap: 4px; }
    .dsh-dot em { display: none; }
    .dsh-stage { padding: 64px 14px 18px; }
    .dsh-screen { inset: 64px 14px 18px; }
    .dsh-shell, .dsh-card-panel { padding: 20px; border-radius: 20px; }
    .dsh-format-grid { grid-template-columns: 1fr; }
    .dsh-format { min-height: 76px; grid-template-columns: 54px 1fr; justify-items: start; text-align: left; align-content: center; }
    .dsh-format .sq, .dsh-format .story, .dsh-format .flyer { width: 38px; height: 38px; }
    .dsh-editor { grid-template-columns: 1fr; gap: 8px; }
    .dsh-editor aside { min-height: auto; display: flex; align-items: center; gap: 8px; overflow: hidden; }
    .dsh-editor aside b { margin: 0 6px 0 0; flex-shrink: 0; }
    .dsh-editor aside span { margin: 0; white-space: nowrap; }
    .dsh-export-flow { width: 540px; max-width: calc(100vw - 56px); transform: none; }
    .dsh-export-flow .ds-export { grid-template-columns: 1fr; min-height: 0; }
    .dsh-export-flow .dse-preview { min-height: 152px; padding: 12px; }
    .dsh-export-flow .dse-card { max-width: 138px; }
    .dsh-export-flow .dse-panel { padding: 12px; }
    .dsh-export-flow .dse-toggle,
    .dsh-export-flow .dse-row { min-width: 0; }
    .dsh-export-flow .dse-pill { white-space: normal; text-align: right; }
    .dsh-type { font-size: 14px; }
    .dsh-type-line.line-1 { animation-timing-function: steps(31,end); }
    .dsh-type-line.line-2 { animation-timing-function: steps(39,end); }
  }
  @media (prefers-reduced-motion: reduce) {
    .dsh-progress::after, .dsh-dot b, .dsh-screen, .dsh-type-line, .dsh-format.is-selected, .dsh-build span, .dsh-artboard, .dsh-post-click, .dsh-posted-overlay, .dsh-check { animation: none !important; }
    .dsh-screen { opacity: 0; transform: none; }
    .dsh-screen-4 { opacity: 1; }
    .dsh-progress::after { transform: scaleX(1); }
    .dsh-dot b { background: var(--forest); color: #fff; border-color: var(--forest); }
    .dsh-type-line { max-width: none; }
    .dsh-posted-overlay { opacity: 1; transform: scale(1); }
    .dsh-check { opacity: 1; transform: scale(1); }
  }

  /* Formats — page-specific */
  .ds-formats { padding: clamp(56px,7vw,88px) 0; background: var(--mint-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .fmt-grid { margin-top: 8px; display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }
  .fmt { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 20px 16px; transition: transform .15s, box-shadow .15s, border-color .15s; }
  .fmt:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: var(--line-2); }
  .fmt-ico { width: 40px; height: 40px; border-radius: 11px; background: var(--mint-3); border: 1px solid var(--line); color: var(--sage-2); display: grid; place-items: center; font-size: 20px; margin-bottom: 14px; }
  .fmt-name { font-size: 14.5px; font-weight: 700; color: var(--forest); }
  .fmt-meta { font-size: 11px; color: var(--ink-3); margin-top: 4px; }
  @media (max-width: 980px) { .fmt-grid { grid-template-columns: repeat(3,1fr); } }
  @media (max-width: 560px) { .fmt-grid { grid-template-columns: repeat(2,1fr); } }

  /* ---- Step visuals (custom mockups) ---- */
  .ds-compose { background: linear-gradient(150deg,#1F3B1F,#14290E); padding: 32px; color:#fff; min-height: 432px; display:flex; flex-direction:column; justify-content:center; }
  .dsc-eyebrow { font-family: var(--mono); font-size: 11px; font-weight:600; letter-spacing:.16em; color:#9DBE9D; }
  .dsc-title { font-family: var(--serif); font-style: italic; font-weight: 500; font-size: 34px; color:#fff; margin: 12px 0 0; }
  .dsc-title em { font-style: italic; color:#E9D9B8; }
  .dsc-sub { font-size: 14px; color: rgba(255,255,255,0.72); margin: 9px 0 0; }
  .dsc-box { background:#fff; border-radius: 16px; padding: 16px; margin-top: 22px; box-shadow: 0 22px 44px -26px rgba(0,0,0,0.65); }
  .dsc-prompt { font-size: 16px; line-height: 1.5; color: var(--ink); }
  .dsc-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top: 14px; }
  .dsc-up { width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2); color:var(--ink-3); display:grid;place-items:center;font-size:15px; }
  .dsc-make { background: var(--forest); color:#fff; border:none; border-radius:10px; padding:10px 17px; font-weight:700; font-size:14px; cursor:pointer; }
  .dsc-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top: 18px; }
  .dsc-chips span { font-size:12.5px; font-weight:600; color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16); border-radius:99px; padding:6px 13px; }
  .dsc-chips span:first-child { background: rgba(233,217,184,0.16); border-color: rgba(233,217,184,0.4); color:#F0E6CF; }

  .ds-fmt6 { background: linear-gradient(180deg,#FBFCFB,#EEF5F0); padding: 28px; min-height: 432px; display:flex; flex-direction:column; justify-content:center; }
  .ds-fmt6 .hd { font-family: var(--mono); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color: var(--ink-4); margin-bottom: 18px; }
  .f6grid { display:grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
  .f6 { background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 12px; text-align:center; }
  .f6.sel { border-color: var(--forest); box-shadow: 0 0 0 3px rgba(31,59,31,0.10); position:relative; }
  .f6.sel::after { content:"✓"; position:absolute; top:9px; right:11px; color: var(--sage-2); font-weight:800; font-size:12px; }
  .f6 .arwrap { height:62px; display:grid; place-items:center; margin-bottom:11px; }
  .f6 .ar { background: var(--mint-2); border:1.5px solid var(--sage-3); border-radius:4px; display:block; }
  .f6.sel .ar { background: var(--forest); border-color: var(--forest); }
  .ar-sq{width:50px;height:50px} .ar-st{width:34px;height:60px} .ar-wide{width:62px;height:33px}
  .ar-a4{width:42px;height:58px} .ar-tri{width:68px;height:30px} .ar-a5{width:58px;height:40px}
  .f6 .n { font-size:13.5px; font-weight:700; color: var(--forest); }
  .f6 .m { font-family: var(--mono); font-size:10.5px; color: var(--ink-4); margin-top:3px; }

  .ds-export { display:grid; grid-template-columns: 0.92fr 1.08fr; background:#fff; min-height: 432px; }
  .dse-prev { background: var(--mint-3); padding: 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border-right:1px solid var(--line); }
  .dse-eyebrow { font-family: var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.16em; color: var(--sage-2); }
  .dse-card { width: 100%; max-width: 270px; border-radius: 10px; overflow:hidden; box-shadow: 0 18px 40px -22px rgba(0,0,0,0.55); }
  .dse-card img { width:100%; display:block; }
  .dse-dim { font-family: var(--mono); font-size:11px; color: var(--ink-4); }
  .dse-panel { padding: 22px 24px; display:flex; flex-direction:column; }
  .dse-h { font-size: 22px; font-weight:800; color: var(--forest); letter-spacing:-0.02em; margin: 5px 0 0; }
  .dse-toggle { display:grid; grid-template-columns:1fr 1fr; gap:6px; background: var(--mint-2); border-radius:12px; padding:5px; margin:15px 0 0; }
  .dse-toggle span { text-align:center; font-size:13px; font-weight:600; color: var(--ink-3); padding:9px; border-radius:9px; }
  .dse-toggle span.on { background:#fff; color: var(--ink); box-shadow: var(--shadow-sm); }
  .dse-label { font-family: var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.16em; color: var(--ink-4); margin:18px 0 9px; }
  .dse-row { display:flex; align-items:center; gap:11px; border:1px solid var(--line); border-radius:13px; padding:11px 13px; margin-bottom:9px; }
  .dse-row.sel { border-color: var(--sage); box-shadow: 0 0 0 3px rgba(58,110,58,0.10); }
  .dse-cb { width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-2); flex-shrink:0; display:grid; place-items:center; color:#fff; font-size:12px; font-weight:800; }
  .dse-cb.on { background: var(--forest); border-color: var(--forest); }
  .dse-ic { width:34px;height:34px;border-radius:9px; background: var(--mint-2); border:1px solid var(--mint); color: var(--sage-2); display:grid;place-items:center; flex-shrink:0; }
  .dse-acct { flex:1; min-width:0; }
  .dse-acct b { display:block; font-size:14px; color: var(--ink); }
  .dse-acct span { display:block; font-size:12px; color: var(--ink-4); }
  .dse-acct span.ok { color: var(--sage-2); font-weight:600; }
  .dse-pill { font-family: var(--mono); font-size:10px; font-weight:700; letter-spacing:.08em; padding:6px 11px; border-radius:99px; border:1px solid var(--line-2); color: var(--ink-3); background:#fff; white-space:nowrap; }
  .dse-pill.on { color: var(--sage-2); background:#D9EBDA; border-color:#BFD8C0; }
  .dse-foot { display:flex; gap:10px; margin-top: auto; padding-top: 20px; }
  .dse-draft { background:#fff; border:1px solid var(--line-2); color: var(--ink); border-radius:99px; padding:11px 16px; font-weight:600; font-size:13.5px; cursor:pointer; }
  .dse-post { flex:1; background: var(--forest); color:#fff; border:none; border-radius:99px; padding:11px 16px; font-weight:700; font-size:14px; cursor:pointer; box-shadow: 0 10px 24px -14px rgba(31,59,31,0.6); }
  @media (max-width: 600px){ .ds-export { grid-template-columns: 1fr; } .f6grid{ grid-template-columns: repeat(2,1fr);} }