.workflow-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:#eeece4;overflow:hidden}.workflow-steps li{position:relative;display:flex;align-items:center;gap:12px;padding:16px 20px;color:#85928f;border-right:1px solid var(--line);transition:.25s}.workflow-steps li:last-child{border-right:0}.workflow-steps li>span{width:31px;height:31px;flex:0 0 31px;border:1px solid #b9c1bd;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.workflow-steps li div{display:flex;flex-direction:column;gap:3px}.workflow-steps li small{font-size:9px;letter-spacing:.13em}.workflow-steps li b{font-size:13px}.workflow-steps li.active{background:#fff;color:var(--ink);box-shadow:inset 0 -3px 0 var(--green)}.workflow-steps li.active>span{background:var(--green);border-color:var(--green);color:#fff}.workflow-steps li.done{color:var(--green);background:#f2f6ed}.workflow-steps li.done>span{font-size:0;background:var(--mint);border-color:var(--mint)}.workflow-steps li.done>span:after{content:'✓';font-size:14px;color:var(--green)}.stage-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#5f7e78;margin-bottom:18px}.phase-list{display:flex;gap:8px;margin:12px 0 17px}.phase-list span{padding:8px 10px;border:1px solid var(--line);border-radius:20px;font-size:10px;color:#86938f;background:#fff}.phase-list span.current{border-color:var(--green);color:var(--green);font-weight:800;box-shadow:0 0 0 2px #164d4310}.phase-list span.done{background:#e8f3dc;border-color:#c7dda9;color:var(--green)}.phase-list span.done:before{content:'✓ ';font-weight:800}.download-wait{border:1px solid #d6d2c4;background:#f3f1e9;color:#6b7875;border-radius:8px;padding:10px 14px;font-size:11px;margin-bottom:2px}.result-panel{background:linear-gradient(145deg,#f8fff0,#eef5e8);border:2px solid #b8d68f;box-shadow:inset 0 0 0 7px #fff}.result-panel .success{width:62px;height:62px;box-shadow:0 8px 24px #47692920}.result-panel h2{font-size:34px}.result-meta{display:inline-block!important;background:#fff;border:1px solid #d4dfc8;border-radius:20px;padding:8px 13px!important;color:var(--green)!important;font-size:11px!important;font-weight:700}.result-panel .download{background:#123f38;min-width:290px;font-size:14px;padding:17px 20px;box-shadow:0 9px 25px #123f3825}.result-panel .download.downloaded{background:#53706b}.completion-toast{position:fixed;right:28px;bottom:28px;z-index:50;display:flex;align-items:center;gap:12px;min-width:320px;padding:15px 18px;background:#102f2b;color:#fff;border:1px solid #31544e;border-radius:12px;box-shadow:0 16px 50px #071c1960;animation:toast-in .35s ease}.completion-toast[hidden]{display:none}.completion-toast>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:900}.completion-toast div{display:flex;flex-direction:column;gap:3px}.completion-toast b{font-size:13px}.completion-toast small{font-size:11px;color:#bad0cb}@keyframes toast-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:760px){.workflow-steps li{padding:12px 8px;justify-content:center}.workflow-steps li>span{width:28px;height:28px;flex-basis:28px}.workflow-steps li div{display:none}.phase-list{flex-direction:column;width:100%}.completion-toast{left:18px;right:18px;bottom:18px;min-width:0}.result-panel .download{min-width:min(290px,90%)}}

.prototype-banner{position:relative;z-index:60;display:flex;justify-content:center;gap:12px;align-items:center;padding:10px 20px;background:#fff4ca;color:#563f00;border-bottom:1px solid #e5cf72;font-size:11px}.prototype-banner b{letter-spacing:.08em}.prototype-banner span{color:#746329}@media(max-width:760px){.prototype-banner{align-items:flex-start;flex-direction:column;gap:3px}}