@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:wght@200..800&display=swap";:root{--primary: #62b161;--secondary: #27aae1;--accent-a: #7612fa;--accent-b: #fa12e3;--basewhite: #ffffff;--basedark: #0a0a0a;--light-text: #0f172a}html,body{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}body{background:#c8b8a2;font-family:Plus Jakarta Sans,sans-serif;color:var(--light-text);min-height:100vh}p,span,div,button,input,textarea{font-family:Inter,sans-serif}body:before{content:"";position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px;background:url(/StudioPic.jpg) center/cover no-repeat;filter:blur(10px) brightness(.82) saturate(.9);z-index:-1}.btn-primary{position:relative;background:linear-gradient(90deg,var(--accent-a),var(--accent-b));color:#fff;font-weight:700;border-radius:9999px;padding:.6rem 1.75rem;font-size:.9rem;transition:all .2s ease;border:none;cursor:pointer;box-shadow:0 4px 16px #7612fa47;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7612fa66}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{position:relative;background:#ffffff2e;color:#ffffffeb;font-weight:600;border-radius:9999px;padding:.6rem 1.75rem;font-size:.9rem;transition:all .2s ease;border:1.5px solid rgba(255,255,255,.5);cursor:pointer;white-space:nowrap}.btn-secondary:hover{background:#ffffff4d;border-color:#ffffffb3}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.card{background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #0000001f;color:#0f172a}.progress-track{height:6px;background:#0000001a;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-a),var(--accent-b));transition:width .4s ease;border-radius:9999px}.loading-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:20px;height:20px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7612fa4d;border-radius:10px}:focus-visible{outline:2px solid var(--accent-a);outline-offset:2px}.vm-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.vm-header{position:sticky;top:0;z-index:100;padding:.6rem 1.5rem;background:transparent;pointer-events:none}.vm-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;background:#ffffff29;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.38);border-radius:14px;padding:.6rem 1.25rem;box-shadow:0 4px 20px #0000001a;pointer-events:all}.vm-header-top{display:flex;align-items:center;justify-content:space-between;min-height:38px}.vm-logo{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.vm-header-right{display:flex;align-items:center;gap:12px}.vm-back-btn{display:flex;align-items:center;gap:5px;background:#ffffff40;border:1px solid rgba(255,255,255,.5);border-radius:9999px;cursor:pointer;color:#fff;font-size:.82rem;font-weight:600;padding:.3rem .9rem;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:background .2s}.vm-back-btn:hover{background:#fff6}.vm-step-label{font-size:.78rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.vm-progress-row{display:flex;align-items:center;gap:.75rem}.vm-progress-track{flex:1}.vm-progress-text{font-size:.78rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:2.4rem;text-align:right}.vm-main{flex:1;padding:2rem 2rem 7rem}.vm-content{max-width:1200px;margin:0 auto}.hero-title{font-size:2.2rem;font-weight:800;line-height:1.1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.2);margin:0 0 .25rem}.muted{color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.hero-title{font-size:1.6rem}}.section-card{padding:1.75rem;border-radius:1.25rem}.vm-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.6rem 1.5rem .8rem;background:transparent;pointer-events:none}.vm-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:.7rem 1.25rem;box-shadow:0 8px 32px #0000001f;pointer-events:all}.vm-footer-step{font-size:.8rem;color:#0f172a73;white-space:nowrap}.vm-footer .btn-secondary{background:#fff;color:#1e293b;border:1.5px solid #e2e8f0}.vm-footer .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.vm-footer .btn-secondary:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 640px){.vm-header{padding:.5rem .75rem}.vm-footer{padding:.4rem .75rem .6rem}.vm-header-inner,.vm-footer-inner{border-radius:10px;padding:.55rem 1rem}.vm-main{padding:1.25rem 1rem 6.5rem}.vm-footer-step{display:none}.section-card{padding:1.1rem}}.frame-card{background:transparent;border:none;box-shadow:none;padding:0;margin:0;max-width:100%}.frame-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.frame-header h2{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a}.frame-subtitle{font-size:.84rem;color:#0f172a80;font-style:italic}.input-ghost{background:#f8fafce6;border:1px solid rgba(148,163,184,.5);padding:.6rem .75rem;border-radius:.5rem;color:#0f172a;width:100%;font-family:Inter,sans-serif;resize:vertical;transition:border-color .2s}.input-ghost:focus{outline:none;border-color:var(--accent-a);box-shadow:0 0 0 3px #7612fa1a}.card input,.card select,.card textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;font-family:Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.card input::placeholder,.card textarea::placeholder{color:#94a3b8}.card input:focus,.card select:focus,.card textarea:focus{outline:none;border-color:var(--accent-a);box-shadow:0 0 0 3px #7612fa1a}.frame-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.frame-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.process-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;position:relative;box-shadow:0 2px 8px #0000000d}.process-add-btn{border:2px dashed #cbd5e1;background:#f8fafc99;border-radius:10px;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#94a3b8;cursor:pointer;gap:8px;width:100%;transition:border-color .2s,background .2s}.process-add-btn:hover{border-color:var(--accent-a);background:#7612fa0a;color:var(--accent-a)}.flow-start{background:#22c55e;color:#fff;padding:8px 14px;border-radius:6px;font-weight:700;font-size:.78rem}.flow-end{background:#ef4444;color:#fff;padding:8px 14px;border-radius:6px;font-weight:700;font-size:.78rem}.flow-step{background:#fff;border:1px solid #e2e8f0;padding:8px 10px;border-radius:6px;min-width:90px;box-shadow:0 1px 4px #0000000f}.inner-panel{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.diagnostic-matrix{border-collapse:collapse;width:100%}.diagnostic-matrix th,.diagnostic-matrix td{padding:8px 6px}@media (max-width: 900px){.frame-grid-3,.frame-grid-2{grid-template-columns:1fr}.process-add-btn{min-height:90px}}