.prototype-bar{height:70px;background:#f8f9fc;border-bottom:1px solid #e2e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1440px)/2),24px);color:#7c899d}.prototype-bar>div:first-child{display:flex;flex-direction:column;gap:2px}.prototype-bar span{font-size:12px}.prototype-bar strong{font-size:17px;color:#203653}.prototype-actions{display:flex;gap:10px}.prototype-actions button{height:34px;padding:0 13px;border:1px solid #d8e2f2;background:#fff;border-radius:7px;color:#54709c;cursor:pointer}.prototype-actions .fullscreen-button{color:var(--blue);border-color:#b8d2ff;background:#f3f7ff}
.guide-layer{position:fixed;inset:0;z-index:20;pointer-events:none}.guide-layer:not([hidden]){display:block}.guide-spot{position:fixed;z-index:0;border-radius:6px;box-shadow:0 0 0 9999px rgba(28,43,68,.54);outline:2px solid #fff;pointer-events:none;transition:all .18s ease}.guide-card{position:fixed;z-index:1;width:min(360px,calc(100vw - 24px));padding:20px 20px 14px;background:#fff;border-radius:12px;box-shadow:0 12px 38px #172b4940;pointer-events:auto;color:#233957}.guide-card:before{content:"";position:absolute;top:-8px;left:var(--arrow-x,28px);width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:2px}.guide-count{font-size:12px;color:var(--blue);font-weight:700}.guide-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:22px;color:#98a4b5;cursor:pointer}.guide-card h2{font-size:17px;margin:9px 0 8px}.guide-card p{margin:0;color:#566780;line-height:1.8;font-size:13px}.guide-path{margin-top:12px;background:#f5f7fa;color:#72819a;padding:8px 10px;border-radius:6px;font-size:12px}.guide-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.guide-card footer>div{display:flex;gap:8px}.guide-card footer button{height:32px;padding:0 13px;border-radius:7px;cursor:pointer}.guide-skip,.guide-prev{border:1px solid #dce2eb;background:#fff;color:#586a84}.guide-next{border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:600}.guide-prev[hidden]{display:none}body.demo-mode{margin:0;overflow:auto}body.demo-mode .prototype-bar{display:none}body.demo-mode main{min-height:calc(100vh - 72px)}body.demo-mode .workflow-area{height:auto;min-height:463px}
@media(max-width:760px){.prototype-bar{padding:0 12px}.prototype-bar strong{font-size:14px}.prototype-actions button{padding:0 8px;font-size:12px}.guide-card{padding:16px}}