.sw-page {color:var(--ink);border-bottom:2px solid var(--ink)}
.sw-page h1,.sw-page h2,.sw-page h3,.sw-page p,.sw-page figure {margin:0}
.sw-intro {padding:clamp(44px,5vw,74px) 24px 40px;text-align:center}
.sw-dot {display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:6px}
.sw-intro h1 {font-size:clamp(56px,7.4vw,104px);line-height:.95;color:var(--orange);margin:20px auto 18px}
.sw-intro .sw-lead {max-width:55ch;margin:auto;font-size:16px;line-height:1.6}
.sw-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.sw-page .sw-film {width:min(1060px,calc(100% - 80px));margin:0 auto 48px;border:2px solid var(--ink);border-radius:22px;overflow:hidden;scroll-margin:12px}
.sw-slate,.sw-transport {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px}
.sw-slate {border-bottom:2px solid var(--ink)}
.sw-screen {display:block;width:100%;height:auto;background:var(--blueprint);font-family:var(--font-sans)}
.sw-art-label {font:700 11px var(--font-sans);letter-spacing:.07em}
.sw-art-display {font:400 55px var(--font-cond);letter-spacing:.01em}
.sw-art-date {font:800 20px var(--font-sans)}
.sw-transport {border-top:2px solid var(--ink);padding:10px 16px}
.sw-chapters,.sw-playback {display:flex;align-items:center;gap:5px}
.sw-transport button {min-height:38px;padding:6px 13px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:500 12px var(--font-sans);cursor:pointer}
.sw-chapters b {margin-left:5px}
.sw-chapters [aria-current="step"] {background:var(--ink);color:var(--cream)}
.sw-playback button {text-decoration:underline;text-underline-offset:3px}
.sw-section {padding:clamp(42px,6vw,82px) max(5.2%,24px)}
.sw-section h2 {font-size:clamp(39px,4.5vw,64px);line-height:1.02;margin:14px 0 18px}
.sw-section h3 {font-size:clamp(27px,3.2vw,46px);line-height:1.05}
.sw-section-copy {max-width:61ch;font-size:15px}
#tools {border-top:2px solid var(--ink)}
.sw-tools {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:32px}
.sw-tools .sf-tool-choice {display:grid;grid-template-rows:78px auto;gap:10px;border-radius:15px;padding:12px;text-align:center;background:var(--yellow)}
.sw-tools .sf-tool-choice:nth-child(3n+2) {background:var(--pink)}
.sw-tools .sf-tool-choice:nth-child(3n) {background:var(--sky)}
.sw-tools .sf-tool-name {font:400 23px var(--font-cond);text-transform:uppercase;letter-spacing:.02em}
.sw-tools svg,.sw-tool-visual {height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.sw-tools svg {fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.sw-faint {opacity:.35;stroke-width:5}
.sw-note-chip {padding:6px 8px;color:var(--cream);background:var(--ink);border-radius:5px;font-weight:700;font-size:12px;transform:rotate(-4deg)}
.sw-counts {gap:3px}
.sw-counts i,.sw-proof i {display:grid;place-items:center;width:25px;height:25px;background:var(--ink);color:var(--cream);border-radius:50%;font:700 12px var(--font-sans)}
.sw-blur-sample span {filter:blur(2px);font-weight:700}
.sw-lens {display:grid;place-items:center;width:50px;height:50px;border:3px solid var(--ink);border-radius:50%;position:relative;font-size:20px;font-weight:800}
.sw-lens::after {content:'';width:18px;height:4px;background:var(--ink);position:absolute;right:-13px;bottom:-5px;transform:rotate(45deg)}
.sw-maker,.sw-help {display:flex;align-items:center;gap:22px;padding:26px max(5.2%,24px);border-block:2px solid var(--ink)}
.sw-maker-mark {display:grid;place-items:center;width:62px;flex:none}
.sw-maker-mark svg {width:100%}
.sw-maker a,.sw-help>a {margin-left:auto;flex:none}
.sw-maker p,.sw-help p {font-size:14px;margin-top:4px}
.sw-maker a,.sw-inline {color:var(--ink);font-weight:700;font-size:12px;text-underline-offset:5px}
.sw-examples h2 {margin-bottom:35px}
.sw-feature,.sw-menu-section {display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,95px);align-items:center}
.sw-feature {padding:25px 0;border-top:2px solid var(--ink)}
.sw-feature h3 {margin:14px 0}
.sw-feature p,.sw-menu-section p {max-width:48ch;font-size:15px}
.sw-reverse .sw-feature-art {order:2}
.sw-feature-art,.sw-menu-art {position:relative;min-width:0;min-height:270px;padding:30px;display:grid;align-items:center;justify-items:center;overflow:hidden;border-radius:26px}
.sw-art-pink {background:var(--pink)}
.sw-art-sky {background:var(--sky)}
.sw-art-yellow {background:var(--yellow)}
.sw-proof,.sw-text-page {border:2px solid var(--ink);background:var(--cream);padding:16px 20px;position:relative;min-width:200px}
.sw-proof strong,.sw-text-page strong {display:block;font:400 39px/.97 var(--font-cond);text-transform:uppercase;margin:10px 0}
.sw-proof-date {display:inline-block;border:3px solid var(--red);padding:1px 7px;font-size:13px}
.sw-proof i {position:absolute;bottom:35px;left:7px;background:var(--red)}
.sw-proof-note,.sw-text-toast {display:inline-block;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700}
.sw-proof-note {position:absolute;left:80%;bottom:7px;width:91px;color:var(--cream);background:var(--ink);line-height:1.3}
.sw-handoff {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;position:relative}
.sw-clip {position:relative;z-index:1;display:grid;justify-items:center;gap:12px;padding:15px 18px;background:var(--pink);border:2px solid var(--ink);border-radius:6px;font:700 10px var(--font-sans);letter-spacing:.08em}
.sw-clip i {font-style:normal;font-size:30px}
.sw-dropzone {display:grid;place-items:center;width:48%;min-height:115px;border:2px dashed var(--ink);border-radius:12px;text-align:center;font-size:13px;font-weight:600}
.sw-text-page {min-width:200px;transform:rotate(-3deg)}
.sw-text-page strong {font-size:26px}
.sw-text-page mark,.sw-text-page>span:last-child {display:block;font-size:14px}
.sw-text-page mark {background:var(--pink);padding:2px 5px}
.sw-text-toast {position:absolute;bottom:24px;right:10%;background:var(--lime);border:2px solid var(--ink)}
.sw-menu-section {border-block:2px solid var(--ink)}
.sw-inline {display:inline-block;margin-top:20px}
.sw-menu-art {background:var(--pink)}
.sw-menu {width:min(315px,100%);padding:12px 0;border:2px solid var(--ink);border-radius:12px;background:var(--cream);font-size:12px;font-weight:500}
.sw-menu span,.sw-menu strong {display:block;padding:5px 16px}
.sw-menu span.sw-menu-brand {font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
.sw-menu strong {background:var(--yellow)}
.sw-menu strong span,.sw-menu i {display:inline;float:right;font-style:normal;padding:0}
.sw-facts {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.sw-facts>div {padding-top:18px;border-top:2px solid var(--ink)}
.sw-facts h3 {font-size:26px;margin-bottom:10px}
.sw-facts p {max-width:40ch;font-size:14px}
.sw-close {background:var(--orange);color:var(--white);padding:44px max(5.2%,24px);display:flex;align-items:center;justify-content:space-between;gap:36px;border-block:2px solid var(--ink)}
.sw-close h2 {font:400 clamp(58px,7.6vw,104px)/1 var(--font-chunk);margin-top:12px;text-transform:uppercase}
.sw-close>div:last-child {max-width:36ch}
.sw-close p {font-size:19px;font-weight:700;line-height:1.4;margin-bottom:16px}
.sw-help {border:0}
@media(prefers-reduced-motion:no-preference) {
  .sw-clip {animation:sw-drop 5s ease-in-out infinite}
  .sw-text-toast {animation:sw-pop 5s ease-in-out infinite}
  .sw-proof-note {animation:sw-pop 6s ease-in-out infinite}
  .sw-tools .sf-tool-choice:hover .sw-draw {stroke-dasharray:330;animation:sw-sketch .8s ease-out both}
}
@keyframes sw-drop {0%,18%,100%{transform:translate(0,0) rotate(-4deg);opacity:1}55%,69%{transform:translate(99%,-8px) rotate(2deg);opacity:1}75%{transform:translate(99%,-8px);opacity:0}80%{transform:translate(0,0);opacity:0}}
@keyframes sw-pop {0%,20%,100%{opacity:0;transform:translateY(5px)}38%,85%{opacity:1;transform:translateY(0)}}
@keyframes sw-sketch {from{stroke-dashoffset:330}to{stroke-dashoffset:0}}
@media(max-width:840px) {
  .sw-tools {grid-template-columns:repeat(4,minmax(0,1fr))}
  .sw-feature,.sw-menu-section {gap:28px}.sw-proof-note {left:70%}
}
@media(max-width:650px) {
  .sw-intro h1 {font-size:clamp(43px,10.5vw,64px)}
  .sw-intro .sw-lead {font-size:14px}.sw-actions {gap:10px}
  .sw-page .sw-film {width:calc(100% - 24px);margin-bottom:30px;border-radius:15px}
  .sw-slate {padding:10px 12px;flex-wrap:wrap;gap:4px}.sw-slate .label-xs {font-size:9px;letter-spacing:.06em}
  .sw-screen {min-height:160px}.sw-transport {padding:8px;gap:4px;flex-wrap:wrap}.sw-transport button {font-size:11px;padding:5px 7px}.sw-chapters b {margin-left:1px}
  .sw-chapters,.sw-playback {gap:0}.sw-tools {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sw-tools .sf-tool-choice {padding:8px;grid-template-rows:55px auto}.sw-tools .sf-tool-name {font-size:20px}
  .sw-maker,.sw-help {flex-wrap:wrap;gap:12px}.sw-maker-mark {width:40px}.sw-maker>div {flex:1}.sw-maker a,.sw-help>a {margin-left:0}
  .sw-feature,.sw-menu-section {grid-template-columns:1fr}.sw-reverse .sw-feature-art {order:0}
  .sw-feature-art,.sw-menu-art {min-height:220px;padding:24px}.sw-feature {gap:22px;padding:28px 0}
  .sw-facts {grid-template-columns:1fr;gap:20px}.sw-facts p {max-width:100%}
  .sw-close {align-items:start;flex-direction:column;gap:20px}.sw-close h2 {font-size:clamp(40px,11vw,70px)}
}

/* The tool tray edits a fictional dispatch note in place. */
.sf-tool-choice {border:2px solid transparent;cursor:pointer;color:var(--ink)}
.sf-tool-choice[aria-pressed="true"] {border-color:var(--ink)}
.sf-proof,.sf-panel {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(22px,4vw,60px)}
.sf-proof {background:var(--sky);border-radius:22px;padding:clamp(20px,3vw,40px);margin-top:20px}
.sf-proof-copy h3,.sf-story h3 {margin:14px 0;font-size:clamp(28px,3.4vw,46px)}
.sf-proof-copy p,.sf-story p {font-size:14px;max-width:46ch}
.sf-proof-copy button {margin-top:20px}
.sf-sheet {width:100%;height:auto;font:500 16px var(--font-sans);color:var(--ink)}
.sf-sheet [hidden],.sf-panel[hidden] {display:none!important}
.sf-sheet-label,.sf-mono {font:700 10px var(--font-sans);letter-spacing:.11em}
.sf-sheet-title {font:400 37px var(--font-cond);letter-spacing:.01em}
.sf-trace {fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.sf-step-mark text {font:700 14px var(--font-sans);text-anchor:middle;fill:white}
.sf-zoom-inset,.sf-step-mark {transform-box:fill-box;transform-origin:center}
[data-tool-proof="blur"] .sf-contact-text {filter:blur(3.5px)}
.sf-workflows {border-top:2px solid var(--ink)}
.sf-tabs {display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.sf-tabs button {background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:10px 16px;min-height:42px;font:700 12px var(--font-sans);cursor:pointer}
.sf-tabs button[aria-selected="true"] {background:var(--ink);color:var(--cream)}
@media(max-width:700px){.sf-proof{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.sf-tabs{gap:6px}.sf-tabs button{padding:8px 11px;font-size:11px}.sf-proof-copy button{margin-top:12px}}
.sf-brand {display:flex;align-items:center;justify-content:center;gap:13px}
.sf-brand img {width:52px;height:52px;border-radius:13px}
.sw-intro .sf-launch-meta {margin:17px auto 0;font-size:12px;font-weight:650}
[data-tool-proof="blur"] .sf-contact-text {filter:none;animation:none}
.sf-sheet [data-tool-cursor] {pointer-events:none}
.sf-sheet .sf-trace,.sf-sheet .sf-step-mark,.sf-sheet .sf-zoom-inset,.sf-sheet .sf-ink-note {animation:none}
.sd-recording {border-block:2px solid var(--ink);background:var(--pink)}
.sd-modes,.sd-index {display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.sd-modes button,.sd-index a {padding:9px 15px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:999px;font:700 12px var(--font-sans);text-decoration:none;min-height:38px;cursor:pointer}
.sd-modes button[aria-pressed="true"] {background:var(--ink);color:white}
.sw-page .sd-player {min-width:0;border:2px solid var(--ink);border-radius:17px;overflow:hidden;background:#e3dded}
.sd-player svg {display:block;width:100%;height:auto;color:var(--ink)}
.sd-slate,.sd-player figcaption {padding:11px 16px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:10px}
.sd-slate {border-bottom:2px solid var(--ink)}.sd-slate>span:last-child {font:700 9px var(--font-sans);letter-spacing:.08em}
.sd-player figcaption {position:relative;justify-content:flex-end;border-top:2px solid var(--ink);font-size:11px;min-height:46px}
.sd-player-caption {margin-right:auto;font-weight:650}.sd-player figcaption button {color:var(--ink);border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;min-height:32px;cursor:pointer;font:600 11px var(--font-sans)}
.sd-progress {position:absolute;top:0;left:0;right:0;height:2px;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.sd-big {max-width:1000px}.sd-big svg {max-height:395px}.sd-record-notes {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.sd-record-notes strong {font:400 24px var(--font-cond);text-transform:uppercase}.sd-record-notes p {margin-top:8px;font-size:13px}
.sd-chapter {border-top:2px solid var(--ink);padding-top:30px;margin-top:35px;scroll-margin:16px}.sd-chapter>h3 {margin:12px 0;font-size:clamp(32px,3.5vw,48px)}.sd-chapter>p {max-width:65ch}
.sd-panel {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:32px}.sd-panel[hidden]{display:none!important}.sd-caption h4 {margin:12px 0;font:400 clamp(27px,3vw,40px)/1 var(--font-cond);text-transform:uppercase}.sd-caption p{max-width:45ch}
.sd-chapter:nth-of-type(2) .sd-player {background:var(--sky)}.sd-chapter:nth-of-type(3) .sd-player {background:var(--yellow)}.sd-chapter:nth-of-type(4) .sd-player {background:var(--pink)}
@media(max-width:700px){.sd-panel,.sd-record-notes{grid-template-columns:1fr;gap:16px}.sd-slate{padding:8px 10px}.sd-slate .label-xs{font-size:9px}.sd-slate>span:last-child{font-size:8px}.sd-player figcaption{padding:7px 9px;flex-wrap:wrap}.sd-big .sd-player-caption{width:100%}.sf-launch-meta{max-width:36ch}.sf-brand img{width:42px;height:42px}}

.sd-rec-chapters {display:flex;flex-wrap:wrap;gap:6px;padding:4px 15px 13px;background:var(--cream)}
.sd-rec-chapters button {padding:7px 10px;border:1px solid var(--ink);background:transparent;border-radius:999px;color:var(--ink);font:650 11px var(--font-sans);cursor:pointer;min-height:34px}
.sd-rec-chapters button:hover,.sd-rec-chapters button:focus-visible {background:var(--yellow)}
@media(max-width:680px){.sd-rec-chapters{padding:4px 9px 12px}.sd-rec-chapters button{font-size:10px}.app-nav>div{flex-wrap:wrap}}