.source-diagram{background:#101012;border:1px solid #343438;border-radius:12px;padding:26px}.source-diagram-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:25px}.source-diagram-caption strong{font-size:var(--body);font-weight:600}.nas-boundary{border:1px solid #51515c;padding:24px;border-radius:12px}.architecture-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.architecture-label h4{font-size:var(--body);font-weight:650;margin:0}.architecture-label>span{margin-left:auto;font-size:var(--small);color:#adadb8}.architecture-label svg{color:#e18aa0}.server-boundary{border:1px solid #65313f;padding:24px;margin-top:22px;border-radius:10px;background:#1b1117}.architecture-services{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.architecture-services>div{position:relative;border:1px solid #424048;border-radius:9px;background:#171619;padding:23px}.architecture-services>div>svg{color:#ff9bb0}.architecture-services h5{margin:14px 0 12px;font-size:var(--heading-sm);line-height:1.5}.architecture-services ul{padding-left:19px;list-style:disc;color:#b5b5be;font-size:var(--small);line-height:1.7}.writing-branches{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:800px;margin:auto}.writing-branches>div{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.writing-branches>div>span{color:#9e9eaa;font-size:var(--caption)}.writing-branches p,.writing-branches strong{width:100%;padding:15px;background:#212125;border:1px solid #44444d;border-radius:8px;font-size:var(--body)}.writing-branches strong{font-weight:600}.writing-branches p{color:#c2c2cb}.writing-branches svg{color:#92929c}.branch-merge{width:calc(min(100%,800px)/2 + 30px);height:25px;border:1px solid #73737d;border-top:0;margin:auto;position:relative}.branch-merge:after{content:"";position:absolute;top:24px;height:25px;width:1px;background:#73737d;left:50%}.writing-bottleneck{max-width:390px;margin:25px auto 0;padding:18px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #a63c56;border-radius:10px;background:#401523;text-align:center}.writing-bottleneck>span{font-size:var(--caption);color:#ff9db2}.writing-bottleneck strong{font-size:var(--heading-sm)}.writing-next-arrow{display:block;margin:16px auto;color:#999}.writing-next{max-width:300px;padding:13px;margin:auto;border:1px solid #45454e;border-radius:8px;text-align:center;font-size:var(--body)}.diagram-goal{display:flex;justify-content:center;align-items:baseline;gap:12px;font-size:var(--body);color:#dedee5;border-top:1px solid #333;padding-top:22px;margin-top:28px}.diagram-goal>span{color:#ff95ac;font-size:var(--caption);flex-shrink:0}.webtoon-flow-desktop{display:block;width:100%;height:auto;overflow:visible}.diagram-lane{fill:#171719;stroke:#36363e}.diagram-lane-title{fill:#eeeef3;font-size:17px;font-weight:650}.diagram-lane-sub{fill:#9d9da9;font-size:13px}.diagram-node rect{fill:#25252a;stroke:#53535f}.diagram-node text{fill:#e3e3eb;font-size:16px;font-weight:550}.diagram-node-accent rect{fill:#401724;stroke:#b24860}.diagram-node-accent text{fill:#ffb2c2}.diagram-connections{fill:none;stroke:#a9a9b4;stroke-width:1.5}.workflow-summary{display:flex;align-items:center;justify-content:center;gap:14px;color:#b6b6c0;font-size:var(--small);margin-top:22px}.workflow-summary>span:last-child{color:#ffa0b5}.webtoon-flow-mobile{display:none}@media(max-width:700px){.source-diagram{padding:20px}.source-diagram-caption{flex-direction:column;gap:7px}.nas-boundary,.server-boundary{padding:17px}.architecture-label>span{margin-left:0;width:100%}.architecture-services{grid-template-columns:1fr;gap:14px}.architecture-services>div{padding:18px}.architecture-services h5{font-size:var(--body)}.writing-branches{gap:14px}.writing-branches p,.writing-branches strong{font-size:var(--small);padding:12px 9px}.branch-merge{width:calc(50% + 7px)}.writing-bottleneck strong{font-size:var(--body)}.diagram-goal{justify-content:flex-start}.webtoon-flow-desktop{display:none}.webtoon-flow-mobile{display:flex;flex-direction:column;gap:30px;list-style:none;padding:0}.webtoon-flow-mobile>li{position:relative;background:#1d1d21;border:1px solid #494952;border-radius:8px;padding:16px}.webtoon-flow-mobile>li+li:before{content:"↓";position:absolute;left:50%;top:-29px;color:#999}.webtoon-flow-mobile>li>span{display:block;font-size:var(--caption);color:#b0b0be;margin-bottom:8px}.webtoon-flow-mobile strong{font-size:var(--body);font-weight:550}.webtoon-flow-mobile .mobile-generation{border-color:#8e354b;background:#2e151e}.mobile-generation>div{display:flex;gap:12px;margin-block:15px}.mobile-generation>div>span{flex:1;text-align:center;background:#522335;border-radius:5px;padding:8px;font-size:var(--small)}.mobile-generation p{font-size:var(--small)}.workflow-summary{font-size:var(--caption);gap:8px}}.writing-trigger-flow{margin-top:20px}.automation-pipeline{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:20px}.automation-pipeline .flow-node{padding-inline:7px}.pipeline-entry{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#c8c8d1;font-size:var(--small);line-height:1.7}.pipeline-entry svg{color:#ff95ac}.pipeline-machines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pipeline-machine{padding:22px;border:1px solid #3e3e47;border-radius:9px;background:#19191d;min-width:0}.pipeline-machine-role{display:flex;align-items:center;gap:9px;color:#ff9cb0;font-size:var(--caption)}.pipeline-machine h4{margin:18px 0 5px;color:#f5f5f7;font-size:var(--heading-sm);font-weight:650;line-height:1.4;letter-spacing:-.01em}.pipeline-tool{margin:0;color:#bcbcc7;font-size:var(--small);line-height:1.6}.pipeline-machine ul{list-style:disc;margin-top:20px;padding-left:17px;color:#d5d5dd;font-size:var(--small);line-height:1.8}.pipeline-machine li+li{margin-top:8px}.pipeline-machine li::marker{color:#7f7f8c}.pipeline-approvals{margin-top:22px;padding:22px;border:1px solid #6a3444;border-radius:9px;background:#211118}.pipeline-approval-heading{display:flex;align-items:center;gap:9px;color:#ffb0c0;font-size:var(--body)}.pipeline-approval-heading strong{font-weight:600}.pipeline-approval-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.pipeline-approval-points section+section{border-left:1px solid #59323f;padding-left:24px}.pipeline-approval-points span{color:#f5e5eb;font-size:var(--small);font-weight:600}.pipeline-approval-points p{margin-top:8px;color:#c6b8bf;font-size:var(--small);line-height:1.7}.pipeline-production{display:grid;justify-items:center;gap:14px;margin-top:20px}.pipeline-production>svg{color:#a9a9b4}.pipeline-production section{width:100%;padding:22px;border:1px solid #555562;border-radius:9px;background:#19191d}.pipeline-production h4{margin:12px 0 8px;color:#f5f5f7;font-size:var(--heading-sm);font-weight:650;line-height:1.4;letter-spacing:-.01em}.pipeline-production p{margin:0;color:#c8c8d1;font-size:var(--small);line-height:1.7}@media(max-width:850px){.pipeline-machines{grid-template-columns:1fr;gap:14px}.pipeline-machine{padding:20px}.pipeline-machine h4{margin-top:12px}.pipeline-machine ul{margin-top:14px}}@media(max-width:500px){.pipeline-approvals{padding:18px}.pipeline-approval-points{grid-template-columns:1fr;gap:18px}.pipeline-approval-points section+section{border-left:0;border-top:1px solid #59323f;padding:18px 0 0}}