.mx-comic-flow{padding:160px 48px 120px;max-width:1440px;margin:0 auto}.cf-hero{text-align:center;margin-bottom:120px}.cf-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--color-cinnabar);display:block;margin-bottom:32px}.cf-hero .h1-display{margin-bottom:24px}.cf-hero-desc{font-size:clamp(18px,2.4vw,26px);font-weight:400;line-height:1.6;color:var(--color-bone-2);max-width:100%;margin:0 auto}.cf-hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.cf-hero-badge{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 28px;border:1px solid var(--bone-line);border-radius:16px;background:#f4ecdc05;text-align:center;color:var(--color-bone)}.cf-badge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ff5a1f14;border:1px solid rgba(255,90,31,.2)}.cf-badge-icon svg{color:var(--color-cinnabar)}.cf-hero-badge-value{font-family:var(--font-headline);font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.02em;margin:0}.cf-hero-badge-desc{font-size:14px;line-height:1.6;color:var(--color-bone-3);margin:0}.cf-hero-scroll{margin-top:72px;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.cf-hero-scroll-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:#f4ecdc8c;text-transform:uppercase}.cf-hero-scroll-line{position:relative;width:1px;height:56px;background:linear-gradient(to bottom,rgba(244,236,220,.25) 0%,transparent 100%);overflow:visible}.cf-hero-scroll-dot{position:absolute;top:-6px;left:50%;width:1px;height:14px;transform:translate(-50%);background:#ff5a1f;box-shadow:0 0 6px #ff5a1fb3,0 0 14px #ff5a1f59;animation:cfScrollDot 2.2s cubic-bezier(.55,.05,.45,.95) infinite}@keyframes cfScrollDot{0%{top:-14px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:56px;opacity:0}}.cf-step{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;min-height:auto;padding:80px 0;border-top:1px solid var(--bone-line);align-items:start}.cf-step[data-step="4"]{min-height:auto}.cf-left{position:sticky;top:30vh;align-self:start}.cf-step-num{font-family:var(--font-headline);font-size:clamp(28px,3.5vw,42px);font-weight:500;color:var(--color-cinnabar);letter-spacing:-.02em}.cf-step-title{font-family:var(--font-headline);font-size:clamp(28px,3.5vw,42px);font-weight:500;color:var(--color-bone);margin:0}.cf-step-title-row{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.cf-flow-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:0;counter-reset:flow}.cf-flow-item{counter-increment:flow;padding:14px 16px;font-size:14px;line-height:1.65;color:var(--color-bone);border-left:2px solid transparent;transition:all .4s ease;opacity:1}.cf-flow-item--active{color:var(--color-bone);border-left-color:var(--color-cinnabar);opacity:1;background:#ff5a1f0a}.cf-flow-label{display:none}.cf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cf-right{display:flex;align-items:flex-start}.cf-right-stack{width:100%;display:flex;flex-direction:column;gap:32px}.cf-narration{font-size:14px;line-height:1.7;color:var(--color-bone-2);padding:48px 0;margin:0}.cf-cta{text-align:center;padding:80px 0 0}.cf-cta-btn{display:block;width:100%;max-width:100%;padding:14px 40px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border-radius:12px;border:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff5a00,#ff7a30);color:#fff;box-shadow:0 0 28px #ff5a0066;transition:transform .2s,box-shadow .2s}.cf-cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 50px #ff5a00a6}.cf-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:cfShimmer 2.5s infinite}@keyframes cfShimmer{0%{left:-100%}to{left:200%}}.cf-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cinnabar);flex-shrink:0}.cf-line{flex:1;height:1px;background:var(--bone-line)}.cf-mono-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--color-bone-2)}.cf-visual{width:100%;background:var(--color-ink-2);border:1px solid var(--bone-line);border-radius:4px;overflow:hidden}.cf-visual--pending{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.cf-visual--ready{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.cf-chat{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:520px;position:relative;overflow:hidden}.cf-intro-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:#14120ff2;opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s ease;padding:40px}.cf-intro-overlay.cf-in{opacity:1;transform:scale(1)}.cf-intro-overlay.cf-intro-shrunk{opacity:0;transform:scale(.7) translateY(-20px);pointer-events:none}.cf-intro-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:560px}.cf-intro-input-wrap{width:90%;max-width:560px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.cf-intro-input{padding:18px 22px;background:var(--color-ink);border:1px solid var(--bone-line);border-radius:10px;font-size:clamp(16px,2.2vw,20px);line-height:1.7;color:var(--color-bone);min-height:60px;position:relative}.cf-intro-typed{font-weight:500}.cf-intro-cursor{display:inline-block;width:2px;height:1.2em;background:var(--color-cinnabar);margin-left:2px;vertical-align:text-bottom;animation:cfBlink 1s step-end infinite}.cf-intro-send-btn{align-self:flex-end;padding:10px 22px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--color-cinnabar);background:transparent;border:1px solid var(--color-cinnabar);border-radius:6px;cursor:pointer;opacity:0;transform:translateY(6px);transition:all .3s ease}.cf-intro-send-btn--show{opacity:1;transform:translateY(0)}.cf-intro-send-btn--active{background:var(--color-cinnabar);color:var(--color-bone);box-shadow:0 0 24px #ff5a1f66;transform:scale(.96)}.cf-intro-text{font-size:clamp(18px,2.5vw,22px);line-height:1.7;color:var(--color-bone);text-align:center;font-weight:500;padding:20px 28px;background:var(--color-cinnabar);border-radius:12px;box-shadow:0 0 40px #ff5a1f33}.cf-intro-send{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;color:var(--color-bone);background:#ff5a1f26;border:1px solid var(--color-cinnabar);border-radius:8px;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,background .3s ease,box-shadow .3s ease}.cf-intro-send--visible{opacity:1;transform:translateY(0)}.cf-intro-send--clicked{background:var(--color-cinnabar);box-shadow:0 0 20px #ff5a1f80;transform:scale(.95)}.cf-chat-body{display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .6s ease .3s}.cf-chat-body--visible{opacity:1}.cf-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cf-msg{display:flex;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.cf-msg.cf-in{opacity:1;transform:translateY(0)}.cf-msg--user{justify-content:flex-end}.cf-msg--ai{align-items:flex-start}.cf-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-cinnabar);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-bone);flex-shrink:0}.cf-bubble{padding:12px 16px;font-size:12px;line-height:1.7;max-width:80%}.cf-bubble--user{background:var(--color-cinnabar);color:var(--color-bone)}.cf-bubble--ai{background:#f4ecdc0a;border:1px solid var(--bone-line);color:var(--color-bone)}.cf-bubble--ai p{margin:0 0 10px}.cf-options{display:flex;flex-direction:column;gap:6px}.cf-option{font-size:11px;padding:6px 12px;border:1px solid var(--bone-line);color:var(--color-bone-3);background:var(--color-ink-2);transition:border-color .3s,color .3s}.cf-option--active{border-color:var(--color-cinnabar);color:var(--color-cinnabar)}.cf-typing{display:flex!important;gap:4px;padding:14px 18px!important}.cf-typing span{width:6px;height:6px;border-radius:50%;background:var(--color-bone-3);animation:cfTyping 1.4s infinite}.cf-typing span:nth-child(2){animation-delay:.2s}.cf-typing span:nth-child(3){animation-delay:.4s}@keyframes cfTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.cf-input{display:flex;align-items:center;padding:12px 16px;border:1px solid var(--bone-line);background:var(--color-ink);margin-top:auto;gap:4px}.cf-input-text{flex:1;font-size:12px;color:var(--color-bone-3)}.cf-input-cursor{width:1px;height:14px;background:var(--color-cinnabar);animation:cfBlink 1s step-end infinite}@keyframes cfBlink{0%,to{opacity:1}50%{opacity:0}}.cf-input-send{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-cinnabar);margin-left:12px}.cf-gen{padding:24px;display:flex;flex-direction:column;gap:24px}.cf-gen-section{display:flex;flex-direction:column;gap:12px}.cf-gen-label{display:flex;align-items:center;gap:8px}.cf-gen-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--color-cinnabar);animation:cfPulse 2s infinite}@keyframes cfPulse{0%,to{opacity:1}50%{opacity:.4}}.cf-reveal{position:relative;overflow:hidden;border:1px solid var(--bone-line);border-radius:2px}.cf-reveal img{width:100%;height:100%;object-fit:cover;filter:blur(20px) saturate(.5);transform:scale(1.05);transition:filter 1.6s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1)}.is-visible .cf-reveal img{filter:blur(0) saturate(1);transform:scale(1)}.cf-gen-img-wrap{aspect-ratio:900 / 500}.cf-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-cinnabar),transparent);animation:cfScan 3s linear infinite;opacity:0}.is-visible .cf-scan-line{opacity:1}@keyframes cfScan{0%{top:0%}to{top:100%}}.cf-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cf-scene-grid--full{position:relative;overflow:hidden;border:1px solid var(--bone-line);border-radius:2px}.cf-scene-item{aspect-ratio:3 / 4;min-height:0;background:var(--color-ink, #0e0b08);display:flex;flex-direction:column;align-items:center;justify-content:center}.cf-scene-item img{transition-delay:inherit;object-fit:contain;object-position:center center}.cf-scene-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--color-bone-2);white-space:nowrap;padding:4px 10px;background:#0e0b08bf;border:1px solid var(--bone-line);border-radius:3px;z-index:3}.cf-gen-img-wrap:after,.cf-scene-grid--full:after,.cf-board-grid:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background-image:radial-gradient(circle,rgba(0,0,0,.45) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:multiply}.cf-board{padding:24px}.cf-board-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cf-board-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cf-panel{position:relative;overflow:hidden;border:1px solid var(--bone-line);border-radius:2px;aspect-ratio:3 / 2;opacity:0;transform:translateY(30px) scale(.92)}.cf-panel.cf-panel-in{animation:cfPanelIn .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes cfPanelIn{to{opacity:1;transform:translateY(0) scale(1)}}.cf-panel img{width:100%;height:100%;object-fit:cover}.cf-panel-num{position:absolute;top:6px;left:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--color-cinnabar);background:#0a0908bf;padding:2px 6px}.cf-panel-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--color-ink);color:var(--color-bone-3);font-family:var(--font-mono);font-size:10px}.cf-panel-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-ink);border:1px dashed rgba(244,236,220,.1);color:#f4ecdc33;font-family:var(--font-mono);font-size:10px}.cf-spinner{width:20px;height:20px;border:2px solid var(--bone-line);border-top-color:var(--color-cinnabar);border-radius:50%;animation:cfSpin 1s linear infinite}@keyframes cfSpin{to{transform:rotate(360deg)}}.cf-board-edit{padding:20px;display:flex;flex-direction:column;gap:14px}.cf-edit-header{display:flex;align-items:center;gap:10px}.cf-edit-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;padding:4px 10px;border-radius:999px;border:1px solid var(--bone-line);color:var(--color-bone-2);background:#f4ecdc0a;transition:all .4s ease;white-space:nowrap;flex-shrink:0}.cf-edit-badge--busy{color:var(--color-cinnabar);border-color:#ff5a1f80;background:#ff5a1f1f;animation:cfPulse 1.4s infinite}.cf-edit-badge--ok{color:#4ade80;border-color:#4ade8066;background:#4ade801a}.cf-edit-stage{position:relative;width:100%;aspect-ratio:768 / 1376;max-height:560px;margin:0 auto;overflow:hidden;border:1px solid var(--bone-line);border-radius:4px;background:var(--color-ink)}.cf-edit-stage:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff08;pointer-events:none;z-index:4}.cf-edit-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1);z-index:1}.cf-edit-img--show{opacity:1;z-index:2}.cf-edit-mask{position:absolute;inset:0;z-index:4;background:#14120f59;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow:hidden}.cf-edit-mask--on{opacity:1}.cf-edit-mask-scan{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,90,31,0) 45%,rgba(255,90,31,.55) 50%,rgba(255,90,31,0) 55%,transparent 100%);background-size:100% 220%;animation:cfEditScan 1.6s linear infinite;mix-blend-mode:screen}@keyframes cfEditScan{0%{background-position:0 -120%}to{background-position:0 120%}}.cf-edit-mask-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0a0908d9;border:1px solid rgba(255,90,31,.5);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-bone);backdrop-filter:blur(8px)}.cf-spinner--sm{width:12px;height:12px;border-width:1.5px}.cf-edit-toolbar{display:flex;gap:8px}.cf-edit-tool{width:32px;height:32px;border-radius:6px;background:#f4ecdc0a;border:1px solid var(--bone-line);color:var(--color-bone-3);display:flex;align-items:center;justify-content:center;transition:all .35s ease}.cf-edit-tool--active{border-color:var(--color-cinnabar);background:#ff5a1f1f;color:var(--color-cinnabar);box-shadow:0 0 0 1px #ff5a1f40,0 0 12px #ff5a1f40}.cf-edit-cmd{display:flex;align-items:center;padding:12px 16px;border:1px solid var(--bone-line);background:var(--color-ink);border-radius:4px;gap:10px;min-height:44px;transition:border-color .3s ease,box-shadow .3s ease}.cf-edit-cmd--flash{border-color:var(--color-cinnabar);box-shadow:0 0 0 1px #ff5a1f59,0 0 18px #ff5a1f40}.cf-edit-cmd-text{flex:1;display:inline-flex;align-items:center;font-size:12px;color:var(--color-bone);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-edit-cmd-placeholder{color:var(--color-bone-3)}.cf-edit-cmd-cursor{display:inline-block;width:2px;height:14px;background:var(--color-cinnabar);margin-left:4px;animation:cfBlink 1s step-end infinite}.cf-edit-cmd-send{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-cinnabar);padding:4px 10px;border:1px solid transparent;border-radius:4px;flex-shrink:0;transition:all .25s ease}.cf-edit-cmd-send--active{background:var(--color-cinnabar);color:var(--color-bone);border-color:var(--color-cinnabar);transform:scale(.96);box-shadow:0 0 18px #ff5a1f73}.cf-publish{display:flex;flex-direction:column;align-items:center;position:relative;aspect-ratio:3 / 4;max-height:480px;overflow:hidden;background:var(--color-ink, #0e0b08);border-radius:0;border:none;perspective:1200px}.cf-page{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;transform-origin:top center;border:none;box-shadow:none;border-radius:0}.cf-progress{padding:28px;display:flex;flex-direction:column;gap:16px;background:var(--color-ink-2, #1a1816);border-color:var(--bone-line, rgba(244, 236, 220, .1))}.cf-progress-header{display:flex;align-items:center;gap:10px}.cf-progress-spinner{width:18px;height:18px;border:2px solid rgba(244,236,220,.15);border-top-color:var(--color-cinnabar);border-radius:50%;animation:cfSpin 1s linear infinite}.cf-progress-title{font-size:16px;font-weight:600;color:var(--color-bone)}.cf-progress-bar-wrap{width:100%;height:8px;background:#f4ecdc14;border-radius:4px;overflow:hidden}.cf-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-cinnabar),#ff7a3d);border-radius:4px;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.cf-progress-pct{font-size:12px;color:var(--color-bone-2, rgba(244, 236, 220, .7));text-align:right}.cf-progress-tasks{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cf-progress-task{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:all .5s ease}.cf-progress-task--done{background:#ff5a1f14;border-color:#ff5a1f40}.cf-progress-task--active{background:#ff5a1f0f;border-color:#ff5a1f59}.cf-progress-task--pending{background:transparent;opacity:.4}.cf-progress-task-icon{font-size:20px;flex-shrink:0}.cf-progress-task-label{flex:1;font-size:14px;font-weight:500;color:var(--color-bone)}.cf-progress-task-status{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.cf-progress-check{width:22px;height:22px;border-radius:50%;background:var(--color-cinnabar);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.cf-progress-task-spinner{width:18px;height:18px;border:2px solid rgba(244,236,220,.12);border-top-color:var(--color-cinnabar);border-radius:50%;animation:cfSpin 1s linear infinite}.cf-progress-circle{width:20px;height:20px;border:2px solid rgba(244,236,220,.2);border-radius:50%}.cf-done-wrap{display:flex;justify-content:flex-end;margin-top:8px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.cf-done-wrap.cf-in{opacity:1;transform:translateY(0)}.cf-done-btn{font-size:12px;font-weight:600;padding:10px 20px;background:var(--color-cinnabar);color:var(--color-bone);border-radius:2px;letter-spacing:.05em}@media(max-width:900px){.mx-comic-flow{padding:100px 24px 60px}.cf-hero-badges{grid-template-columns:1fr;gap:12px}.cf-hero-badge{padding:24px 20px}.cf-step{grid-template-columns:1fr;gap:32px;min-height:auto;padding:60px 0}.cf-left{position:static}.cf-flow-list{display:none}.cf-flow-label{display:block;font-size:14px;line-height:1.65;color:var(--color-bone);text-align:center;padding:24px 16px;margin:0}.cf-tags{justify-content:center}.cf-visual,.cf-chat{min-height:auto}.cf-intro-overlay{padding:24px}.cf-intro-input-wrap{width:95%}.cf-intro-input{font-size:15px;padding:14px 16px}.cf-intro-text{font-size:16px;padding:16px 20px}.cf-publish{max-height:320px}.cf-page{width:65%;left:50%;right:auto;margin-left:-32.5%;transform-origin:top center}.cf-edit-stage{max-height:460px}.cf-edit-cmd{padding:10px 12px}.cf-edit-cmd-text{font-size:11px}.cf-edit-tool{width:28px;height:28px}}.mx-root[data-astro-cid-yzupt7x4]{container-type:inline-size;container-name:page}