:root{color:#171717;background:#f6f6f3;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f6f3}button,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1480px;min-height:100vh;margin:0 auto;padding:0 38px 34px}.topbar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #1d1d1d}.brand{color:inherit;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:-.08em}.brand span{color:#777}.topbar p,.demo-tag,.eyebrow,.step-number{margin:0;font-size:10px;font-weight:700;letter-spacing:.09em}.topbar p,.demo-tag{color:#686868}.demo-tag{justify-self:end}.title-row{display:flex;justify-content:space-between;gap:50px;align-items:end;padding:40px 0 30px;border-bottom:1px solid #1d1d1d}.eyebrow{color:#6b6b6b;margin-bottom:12px}h1,h2,h3,p{margin-top:0}h1{margin:0 0 12px;font-size:clamp(39px,4.3vw,62px);letter-spacing:-.085em;line-height:.94}.title-row>div>p:last-child{margin:0;font-size:14px;color:#4f4f4f}.run-status{width:275px;padding-left:14px;border-left:1px solid #1d1d1d}.run-status span{display:inline-block;margin-bottom:8px;padding:4px 6px;background:#d9d9d5;font-size:10px;font-weight:700;letter-spacing:.07em}.run-status .running{background:#1d1d1d;color:#f6f6f3}.run-status .complete{background:#656565;color:#f6f6f3}.run-status p{margin:0;font-size:12px;line-height:1.45}.workspace{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(280px,.8fr) minmax(355px,1fr);min-height:695px;border-bottom:1px solid #1d1d1d}.inbox-panel,.flow-panel,.output-panel{padding:24px 24px 30px 0}.flow-panel,.output-panel{padding-left:24px;border-left:1px solid #1d1d1d}.output-panel{padding-right:0}.panel-heading{min-height:58px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-heading>div{display:flex;align-items:baseline;gap:9px}.step-number{color:#777}.panel-heading h2{margin:0;font-size:19px;letter-spacing:-.065em}.panel-heading p{max-width:165px;margin:2px 0 0;color:#6b6b6b;font-size:11px;line-height:1.45;text-align:right}.scenario-list{display:grid;gap:7px}.scenario{display:grid;grid-template-columns:104px 1fr;gap:8px;padding:10px;text-align:left;background:transparent;border:1px solid #bcbcb7}.scenario span{color:#777;font-size:10px}.scenario strong{font-size:12px;letter-spacing:-.035em}.scenario:hover,.scenario.selected{background:#1d1d1d;border-color:#1d1d1d;color:#f6f6f3}.scenario.selected span{color:#c8c8c3}.email-field{display:block;margin-top:18px}.email-field>span{display:block;margin-bottom:8px;color:#666;font-size:10px;font-weight:700;letter-spacing:.08em}textarea{display:block;width:100%;resize:vertical;padding:13px;border:1px solid #1d1d1d;background:#fbfbf8;color:inherit;font-size:12px;line-height:1.72;outline-offset:2px}.run-button{display:flex;justify-content:center;gap:9px;width:100%;margin-top:11px;padding:12px;color:#f6f6f3;background:#1d1d1d;border:1px solid #1d1d1d;font-size:12px;font-weight:700}.run-button:hover{color:#1d1d1d;background:transparent}.run-button:disabled{opacity:.62;cursor:wait}.demo-note{margin:12px 0 0;color:#777;font-size:10px;line-height:1.5}.flow-canvas{display:flex;flex-direction:column;align-items:stretch;padding:9px 0 0}.flow-node{position:relative;display:grid;grid-template-columns:17px 1fr auto;gap:9px;align-items:center;min-height:62px;padding:10px;color:#8b8b88;border:1px solid #bcbcb7;background:#f6f6f3;transition:.2s ease}.flow-node.decision{margin-left:23px;margin-right:23px;border-style:dashed}.flow-node.terminal{background:#ecece8}.flow-node.passed{color:#171717;border-color:#1d1d1d;background:#fff}.flow-node.passed.terminal{color:#f6f6f3;background:#1d1d1d}.node-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.passed .node-dot{background:currentColor}.flow-node strong{display:block;font-size:13px}.flow-node p{margin:3px 0 0;font-size:11px}.flow-node em{color:transparent;font-size:9px;font-style:normal}.flow-node.passed em{color:currentColor}.connector{position:relative;width:1px;height:23px;margin:0 auto;background:#bcbcb7}.connector:after{content:"";position:absolute;bottom:-1px;left:-3px;width:5px;height:5px;border-right:1px solid #bcbcb7;border-bottom:1px solid #bcbcb7;transform:rotate(45deg)}.connector.active,.connector.active:after{border-color:#1d1d1d;background-color:#1d1d1d}.connector span{position:absolute;top:4px;left:11px;width:max-content;color:#6d6d6a;font-size:10px}.output-empty{min-height:525px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #bcbcb7}.output-empty span{color:#777;font-size:10px;font-weight:700;letter-spacing:.09em}.output-empty p{max-width:240px;margin:10px 0 0;font-size:15px;line-height:1.52;letter-spacing:-.04em}.output-data{border-top:1px solid #1d1d1d}.result-badge{display:inline-block;margin-top:12px;padding:4px 6px;color:#f6f6f3;background:#1d1d1d;font-size:10px;font-weight:700}.output-data section{padding:17px 0;border-bottom:1px solid #bcbcb7}.output-data dl{margin:0}.output-data dl div{display:grid;grid-template-columns:42% 1fr;padding:7px 0;border-bottom:1px solid #e0e0dc;font-size:12px}dt{color:#777}dd{margin:0;font-weight:700}.missing{text-decoration:underline;text-underline-offset:3px}.mix-list{border-top:1px solid #e0e0dc}.mix-list div{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:8px 0;border-bottom:1px solid #e0e0dc;font-size:12px}.mix-list span{grid-column:1/-1;color:#777}.mix-list em,.total strong{font-style:normal;font-weight:700}.total{display:flex;justify-content:space-between;margin:13px 0 0;font-size:12px}.total strong{font-size:16px;letter-spacing:-.05em}.draft{border-bottom:0!important}.draft pre{margin:0 0 13px;white-space:pre-wrap;font:11px/1.65 Arial,Apple SD Gothic Neo,sans-serif}.copy-button{width:100%;padding:10px;color:#171717;background:transparent;border:1px solid #1d1d1d;font-size:12px;font-weight:700}.copy-button:hover{color:#f6f6f3;background:#1d1d1d}.reference-bar{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:16px 0;color:#6b6b6b;font-size:11px;line-height:1.45}.reference-bar p{margin:0}.reference-bar strong{color:#171717;margin-right:8px;font-size:10px;letter-spacing:.06em}@media(max-width:1000px){.workspace{grid-template-columns:minmax(300px,.9fr) minmax(320px,1fr)}.output-panel{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid #1d1d1d}.output-data{display:grid;grid-template-columns:1fr 1fr;gap:20px}.output-data .draft{grid-column:1/-1}.output-empty{min-height:180px}.flow-panel{padding-right:0}}@media(max-width:700px){.app-shell{padding:0 20px 24px}.topbar{grid-template-columns:1fr auto}.topbar p{display:none}.title-row{display:block;padding:32px 0 24px}.run-status{width:auto;margin-top:20px}.workspace{grid-template-columns:1fr}.inbox-panel,.flow-panel,.output-panel{padding:22px 0;border-left:0;border-right:0;border-top:1px solid #1d1d1d}.inbox-panel{border-top:0}.output-data{display:block}.reference-bar{grid-template-columns:1fr;gap:7px}.panel-heading p{max-width:200px}.flow-node{min-height:58px}}