:root{--primary:#2563eb;--bg-light:#f8fafc;--sidebar-bg:#ffffffbf;--glass-border:#ffffff80;--text-main:#1e293b;--text-muted:#64748b;--error-bg:#fef2f2;--error-text:#991b1b;--error-border:#fecaca;--shadow-lg:0 12px 30px -5px #0000001f,0 10px 15px -8px #0000001a}html,body{background-color:var(--bg-light);height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.glass{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.app-header{z-index:50;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.header-logo{align-items:center;gap:.75rem;display:flex}.logo-icon{background-color:var(--primary);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #2563eb33}.logo-text{color:var(--text-main);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:1rem;display:flex}.action-btn-text{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.action-btn-text:hover{color:var(--primary);background:#2563eb0d}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-main);background:#0000000d}.app-main{flex:1;position:relative;overflow:hidden}.modeler-wrapper,.bpmn-container{width:100%;height:100%}.loader-container{width:100%;height:100%;color:var(--primary);background:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.ai-side-panel{z-index:40;border-left:1px solid #2563eb33;flex-direction:column;width:400px;height:100%;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 20px #0000001a}.ai-side-panel.panel-open{transform:translate(0)}.ai-side-panel.panel-closed{transform:translate(100%)}.panel-header{margin-bottom:1.5rem}.panel-title{color:var(--text-main);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-input-wrapper{flex-direction:column;gap:1rem;height:80%;min-height:200px;display:flex}.panel-textarea{width:100%;color:var(--text-main);resize:none;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;outline:none;flex:1;padding:1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.panel-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.panel-textarea::placeholder{color:#94a3b8}.panel-textarea:disabled{cursor:not-allowed;background-color:#f1f5f9}.panel-send-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px -2px #2563eb4d}.panel-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px -2px #2563eb66}.panel-send-btn:active:not(:disabled){transform:translateY(0)}.panel-send-btn:disabled{box-shadow:none;cursor:not-allowed;background-color:#cbd5e1;transform:none}.error-toast{background-color:var(--error-bg);border:1px solid var(--error-border);z-index:100;border-radius:1rem;align-items:flex-start;gap:1rem;width:90%;max-width:32rem;padding:1rem;display:flex;position:absolute;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.error-icon-wrapper{padding-top:2px}.error-icon{color:var(--error-text)}.error-content{flex:1}.error-title{color:var(--error-text);margin-bottom:.25rem;font-size:.875rem;font-weight:700;display:block}.error-message{color:#7f1d1d;margin:0;font-size:.825rem;font-weight:500;line-height:1.4}.error-close{color:#991b1b;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.25rem;display:flex}.error-close:hover{opacity:1;background:#991b1b1a}.dropdown-menu{z-index:100;background:#fff;border:1px solid #ffffff80;border-radius:1rem;flex-direction:column;width:200px;padding:.5rem;display:flex;position:absolute;top:120%;right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dropdown-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary);background-color:#f1f5f9;transform:translate(2px)}.settings-panel{width:22rem;box-shadow:var(--shadow-lg);z-index:60;border-radius:1.5rem;padding:1.75rem;position:absolute;top:1.5rem;right:1.5rem}.settings-title{color:var(--text-main);align-items:center;gap:.625rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:800;display:flex}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:800;display:block}.input-field{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.75rem;font-size:.925rem;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.875rem;margin-top:.5rem;padding:.875rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}.rotate-90{transform:rotate(90deg)}.bjs-powered-by{display:none!important}@media (max-width:1024px){.header-logo{gap:.5rem}.logo-text{font-size:1rem}.ai-side-panel{width:350px}.settings-panel{width:20rem}}@media (max-width:768px){.app-header{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.header-logo img{height:32px!important}.logo-text{font-size:.875rem}.header-actions{flex-wrap:wrap;gap:.5rem}.action-btn-text span{display:none}.action-btn-text{padding:.5rem}.ai-side-panel{z-index:50;width:100%;max-width:100%}.ai-side-panel.panel-closed{transform:translate(100%)}.settings-panel{width:90%;max-width:90%;right:5%}.error-toast{width:95%;max-width:95%}.chat-input-wrapper{height:70%}}@media (max-width:480px){.app-header{padding:.5rem}.header-logo{flex-direction:column;align-items:flex-start;gap:.25rem}.header-logo img{height:28px!important}.header-logo div:nth-child(2){display:none}.logo-text{font-size:.75rem}.header-actions{justify-content:space-around;width:100%}.icon-btn{padding:.4rem}.panel-title{font-size:1rem}.panel-textarea{padding:.75rem;font-size:.875rem}.panel-send-btn{padding:.75rem 1rem;font-size:.875rem}}@media (max-height:500px) and (orientation:landscape){.app-header{padding:.4rem 1rem}.header-logo img{height:24px!important}.ai-side-panel{padding:1rem}.panel-header{margin-bottom:1rem}.chat-input-wrapper{height:60%}.panel-textarea{min-height:60px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-text,.action-btn-text,.panel-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}