.ai-storyboard{--font-shippori:"Shippori Mincho";--font-inter:"Inter";--font-jetbrains:"JetBrains Mono";--asb-bg:#fff;--asb-panel:#fff;--asb-soft:#f6f4f2;--asb-line:#e7e3df;--asb-accent:#b3132e;--asb-ink:#1a1618;--asb-body:#46403f;--asb-muted:#8b8480;--asb-radius:12px;color:var(--asb-body);font-family:var(--font-inter),"Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:0 0;line-height:1.6}.ai-storyboard .asb-display{font-family:var(--font-shippori),"Shippori Mincho",serif}.ai-storyboard .asb-mono{font-family:var(--font-jetbrains),"JetBrains Mono",ui-monospace,monospace}.ai-storyboard .asb-wrap{max-width:820px;margin:0 auto;padding:0 24px 24px}.ai-storyboard .asb-back{color:var(--asb-accent);align-items:center;gap:8px;margin:20px 0 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ai-storyboard .asb-back:hover{text-decoration:underline}.ai-storyboard header{padding:48px 0 36px}.ai-storyboard .asb-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--asb-accent);align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.ai-storyboard .asb-eyebrow:before{content:"";background:var(--asb-accent);width:30px;height:1px}.ai-storyboard h1{letter-spacing:-.01em;color:var(--asb-ink);margin:0 0 20px;font-size:clamp(36px,6.5vw,62px);font-weight:800;line-height:1.04}.ai-storyboard h1 .asb-accent-text{font-style:italic}.ai-storyboard .asb-lede{color:var(--asb-muted);max-width:60ch;margin:0;font-size:18px}.ai-storyboard .asb-flow{border:1px solid var(--asb-line);border-radius:var(--asb-radius);flex-wrap:wrap;margin:44px 0 8px;display:flex;overflow:hidden}.ai-storyboard .asb-flow-step{border-right:1px solid var(--asb-line);flex:1 1 0;min-width:130px;padding:18px;position:relative}.ai-storyboard .asb-flow-step:last-child{border-right:none}.ai-storyboard .asb-flow-step .asb-n{color:var(--asb-muted);letter-spacing:.2em;font-size:11px}.ai-storyboard .asb-flow-step .asb-t{color:var(--asb-ink);margin-top:5px;font-size:17px;font-weight:700}.ai-storyboard .asb-note{border-left:2px solid var(--asb-accent);background:var(--asb-soft);color:var(--asb-body);border-radius:0 10px 10px 0;margin:38px 0 10px;padding:20px 22px;font-size:15px}.ai-storyboard .asb-note b{color:var(--asb-ink);font-weight:600}.ai-storyboard .asb-steps{margin:54px 0 30px}.ai-storyboard .asb-step{border:1px solid var(--asb-line);border-radius:var(--asb-radius);background:var(--asb-panel);margin:0 0 26px;overflow:hidden}.ai-storyboard .asb-step-head{align-items:baseline;gap:16px;padding:24px 26px 4px;display:flex}.ai-storyboard .asb-step-num{color:var(--asb-accent);flex:none;min-width:38px;font-size:30px;font-weight:800;line-height:1}.ai-storyboard .asb-step-title{color:var(--asb-ink);margin:0;font-size:20px;font-weight:700}.ai-storyboard .asb-step-do{color:var(--asb-muted);padding:2px 26px 18px 80px;font-size:15px}.ai-storyboard .asb-step-do .asb-tool{letter-spacing:.06em;color:var(--asb-body);border:1px solid var(--asb-line);border-radius:999px;margin-bottom:10px;padding:3px 11px;font-size:11px;display:inline-block}.ai-storyboard .asb-step-do b{color:var(--asb-ink)}.ai-storyboard .asb-prompt{margin:0 26px 26px}.ai-storyboard .asb-prompt-bar{background:var(--asb-soft);border:1px solid var(--asb-line);border-bottom:none;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.ai-storyboard .asb-prompt-bar .asb-label{letter-spacing:.14em;text-transform:uppercase;color:var(--asb-muted);font-size:11px}.ai-storyboard .asb-copy-btn{cursor:pointer;border:1px solid var(--asb-ink);background:var(--asb-ink);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:7px;padding:6px 16px;font-size:12px;transition:opacity .18s,transform 80ms,background .18s}.ai-storyboard .asb-copy-btn:hover{opacity:.85}.ai-storyboard .asb-copy-btn:active{transform:translateY(1px)}.ai-storyboard .asb-copy-btn.asb-done{background:#1f6b3a;border-color:#1f6b3a}.ai-storyboard .asb-prompt pre{border:1px solid var(--asb-line);color:#2c2829;white-space:pre-wrap;word-break:break-word;background:#fbfaf9;border-radius:0 0 10px 10px;margin:0;padding:20px 22px;font-size:13.5px;line-height:1.7;overflow-x:auto}.ai-storyboard .asb-swap{color:var(--asb-accent);font-style:italic}.ai-storyboard .asb-outro{text-align:center;border:1px solid var(--asb-line);border-radius:var(--asb-radius);background:var(--asb-soft);margin:58px 0 0;padding:34px 30px}.ai-storyboard .asb-outro h3{color:var(--asb-ink);margin:0 0 10px;font-size:23px;font-weight:700}.ai-storyboard .asb-outro p{color:var(--asb-muted);max-width:48ch;margin:0 auto;font-size:15px}.ai-storyboard footer{text-align:center;color:var(--asb-muted);letter-spacing:.06em;padding:42px 0 24px;font-size:13px}.ai-storyboard footer .asb-accent-text{color:var(--asb-accent)}@media (max-width:620px){.ai-storyboard header{padding:32px 0 24px}.ai-storyboard .asb-flow-step{border-right:none;border-bottom:1px solid var(--asb-line);flex:45%}.ai-storyboard .asb-step-do{padding-left:26px}.ai-storyboard .asb-step-head{flex-direction:column;gap:4px}.ai-storyboard .asb-wrap{padding:0 18px 18px}}@media (prefers-reduced-motion:reduce){.ai-storyboard .asb-copy-btn{transition:none}}