: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;line-height:1}.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;overflow:visible;box-shadow:-4px 0 20px #0000001a}.ai-side-panel.panel-open{transform:translate(0)}.ai-side-panel.panel-closed{transform:translate(calc(100% - 36px))}.ai-side-panel.panel-closed .panel-header,.ai-side-panel.panel-closed .panel-content{opacity:0;pointer-events:none}.aurora-panel-tab{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(#2563ebfa,#1d4ed8);border:1px solid #2563eb40;border-left:none;border-radius:1rem 0 0 1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:36px;min-height:120px;transition:transform .2s,filter .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:-4px 0 14px #2563eb38}.aurora-panel-tab:hover{filter:brightness(1.08);box-shadow:-5px 0 18px #2563eb4d}.aurora-panel-tab:active{transform:translateY(-50%)scale(.98)}.aurora-panel-tab span{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;font-size:.65rem;font-weight:800}.ai-side-panel.panel-open .aurora-panel-tab{transform:translate(-100%,-50%)}.ai-side-panel.panel-open .aurora-panel-tab:active{transform:translate(-100%,-50%)scale(.98)}.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}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(90vw,28rem);display:flex;position:fixed;top:1rem;right:1rem}.toast-container>*{pointer-events:auto}.error-toast{background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:1rem;align-items:flex-start;gap:1rem;width:auto;padding:1rem;display:flex;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:24rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 3rem);box-shadow:var(--shadow-lg);z-index:60;border-radius:1.5rem;padding:1.75rem;animation:.25s ease-out forwards settingsFadeIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:0 0}.settings-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.settings-overlay{z-index:59;background:#0000004d;position:fixed;inset:0}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.settings-close:hover{color:var(--text-main);background:#0000000d}.settings-title{color:var(--text-main);align-items:center;gap:.625rem;margin:0;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)}.model-list-button{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:inline-flex}.model-list-button:disabled{opacity:.6;cursor:not-allowed}.model-list-message{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;line-height:1.4}.model-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.875rem;max-height:220px;margin-top:.75rem;padding:.5rem;overflow:auto}.model-list-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .35rem .5rem;font-size:.72rem;font-weight:800}.model-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;grid-template-columns:1fr;gap:.15rem;width:100%;padding:.65rem;transition:all .2s;display:grid}.model-list-item:hover,.model-list-item.selected{background:#fff;border-color:#bfdbfe}.model-list-id{color:var(--text-main);font-size:.85rem;font-weight:800}.model-list-name,.model-list-action{color:var(--text-muted);font-size:.75rem}.model-list-action{color:var(--primary);font-weight:700}@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 slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDown}@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}.guest-badge{color:#94a3b8;cursor:default;align-items:center;display:flex}.selector-container{position:relative}.selector-trigger{color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;max-width:200px;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.selector-trigger:hover{border-color:var(--primary);background:#f8fafc}.selector-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selector-dropdown{z-index:100;background:#fff;border:1px solid #ffffff80;border-radius:1rem;width:280px;max-height:360px;padding:.5rem;position:absolute;top:120%;left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.selector-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.selector-item:hover{background:#f1f5f9}.selector-item-active{color:var(--primary);background:#eff6ff;font-weight:600}.selector-item-new{color:var(--primary);gap:.5rem;font-weight:600}.selector-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selector-item-thumb{background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.selector-thumb-img{object-fit:cover;width:100%;height:100%}.selector-thumb-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);width:100%;height:100%}.selector-item-date{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.75rem}.selector-item-actions{flex-shrink:0;gap:.25rem;display:none}.selector-item:hover .selector-item-actions{display:flex}.selector-action-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.25rem;transition:all .15s;display:flex}.selector-action-btn:hover{color:var(--text-main);background:#e2e8f0}.selector-action-btn-danger:hover{color:#ef4444;background:#fef2f2}.selector-divider{background:#e2e8f0;height:1px;margin:.25rem 0}.rename-form{width:100%;display:flex}.rename-input{border:1px solid var(--primary);background:#fff;border-radius:.375rem;outline:none;width:100%;padding:.25rem .5rem;font-size:.875rem}.btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.75rem;flex:1;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s}.btn-danger:hover{filter:brightness(1.1)}.btn-secondary{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:.75rem;flex:1;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--text-main);background:#f1f5f9}@media (max-width:1024px){.header-logo{gap:.5rem}.logo-text{font-size:1rem}.ai-side-panel{width:350px}.settings-panel{width:22rem}}@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(calc(100% - 36px))}.settings-panel{width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem);max-height:calc(100vh - 2rem);padding:1.25rem}.toast-container{max-width:calc(100vw - 1rem);top:.5rem;right:.5rem}.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}}.success-toast{z-index:200;white-space:nowrap;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:1rem;align-items:center;gap:.75rem;width:auto;max-width:min(90vw,28rem);padding:.75rem 1.25rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.success-icon-wrapper{align-items:center;display:flex}.success-icon{color:#16a34a}.success-content{flex:1}.success-message{color:#166534;font-size:.875rem;font-weight:600}@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}}.auth-button-loading{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.auth-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.auth-divider{color:#94a3b8;align-items:center;gap:.75rem;margin:1rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:#e2e8f0;flex:1;height:1px}.auth-error-text{color:#ef4444;margin:.5rem 0;font-size:.8rem;line-height:1.4}.auth-submit-btn{justify-content:center;gap:.5rem;width:100%;margin-top:.75rem}.auth-toggle-btn{text-align:center;color:#2563eb;cursor:pointer;background:0 0;border:none;width:100%;margin-top:.75rem;padding:.5rem;font-size:.85rem;display:block}.auth-toggle-btn:hover{text-decoration:underline}.confirm-modal{width:24rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-lg);z-index:60;background:#fff;border-radius:1.5rem;animation:.25s ease-out forwards settingsFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-overlay{z-index:59;background:#0006;position:fixed;inset:0}.confirm-modal-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.confirm-modal-title{color:var(--text-main);align-items:center;gap:.625rem;margin:0;font-size:1.125rem;font-weight:800;display:flex}.confirm-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.confirm-modal-close:hover{color:var(--text-main);background:#0000000d}.confirm-modal-body{flex-direction:column;gap:1.25rem;padding:1rem 1.5rem 1.5rem;display:flex}.confirm-modal-message{color:var(--text-main);margin:0;line-height:1.5}.confirm-modal-input-group{flex-direction:column;gap:.5rem;display:flex}.confirm-modal-input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.confirm-modal-actions{gap:.75rem;display:flex}.confirm-modal-actions .btn-secondary,.confirm-modal-actions .btn-danger,.confirm-modal-btn-primary{text-align:center;flex:1}.pwd-wrapper{align-items:center;display:flex;position:relative}.pwd-input{padding-right:2.5rem!important}.pwd-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--text-main)}@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}}