:root{--pm-background: #ffffff;--pm-foreground: #0f172a;--pm-card: #ffffff;--pm-card-foreground: #0f172a;--pm-popover: #ffffff;--pm-popover-foreground: #0f172a;--pm-primary: #0f172a;--pm-primary-foreground: #f8fafc;--pm-secondary: #f1f5f9;--pm-secondary-foreground: #0f172a;--pm-muted: #f1f5f9;--pm-muted-foreground: #64748b;--pm-accent: #f1f5f9;--pm-accent-foreground: #0f172a;--pm-destructive: #ef4444;--pm-destructive-foreground: #f8fafc;--pm-border: #e2e8f0;--pm-input: #e2e8f0;--pm-ring: #0f172a;--pm-radius: .5rem;--pm-sidebar-width: 280px;--pm-sidebar-collapsed-width: 80px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--pm-background);color:var(--pm-foreground);line-height:1.6}*{box-sizing:border-box}.pm-app{display:flex;flex-direction:column;height:calc(100vh - 60px - 2rem);background-color:var(--pm-background)}.pm-sidebar-container{width:var(--pm-sidebar-width);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:20}.pm-sidebar-container.pm-sidebar-collapsed{width:var(--pm-sidebar-collapsed-width)}.pm-sidebar{width:100%;background:var(--pm-card);border-right:1px solid var(--pm-border);display:flex;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1)}.pm-sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--pm-border);min-height:80px;display:flex;align-items:center}.pm-sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--pm-foreground);white-space:nowrap;overflow:hidden}.pm-sidebar-collapsed .pm-user-action-btn span{display:none}.pm-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--pm-background)}.pm-main-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--pm-card);border-bottom:1px solid var(--pm-border);height:80px;z-index:10}.pm-header-left{display:flex;align-items:center;gap:1rem}.pm-main-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--pm-foreground)}.pm-content-area{flex:1;padding:0;overflow-y:auto;background-color:var(--pm-muted)}.pm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pm-muted-foreground)}.pm-loading-spinner{width:2rem;height:2rem;border:2px solid var(--pm-border);border-top:2px solid var(--pm-primary);border-radius:50%;animation:pm-spin 1s linear infinite;margin-bottom:1rem}.pm-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--pm-muted-foreground);gap:1rem;padding:2rem;text-align:center}.pm-error-container h3{color:var(--pm-destructive);margin:0;font-size:1.5rem;font-weight:600}.pm-error-container p{color:var(--pm-muted-foreground);margin:0;max-width:500px;line-height:1.5}.pm-loading-container p{margin:0;font-size:.875rem}.user-avatar-container{position:relative}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--pm-border);transition:all .2s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{border-color:var(--pm-ring);transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:3.5rem;right:0;width:250px;background-color:var(--pm-popover);border:1px solid var(--pm-border);border-radius:var(--pm-radius);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:100;overflow:hidden;animation:pm-fadeInDown .3s ease-out;transform-origin:top right}@keyframes pm-fadeInDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{padding:1.25rem;text-align:center;background-color:var(--pm-muted);border-bottom:1px solid var(--pm-border)}.dropdown-avatar{width:4rem;height:4rem;border-radius:50%;margin:0 auto .75rem;overflow:hidden;border:3px solid var(--pm-background)}.user-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--pm-foreground)}.user-info p{margin:0;font-size:.875rem;color:var(--pm-muted-foreground)}.dropdown-divider{height:1px;background-color:var(--pm-border);margin:0}.dropdown-menu{padding:.5rem 0}.dropdown-menu li{display:flex;align-items:center;padding:.75rem 1.25rem;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1);color:var(--pm-foreground);font-size:.875rem}.dropdown-menu li:hover{background-color:var(--pm-accent)}.dropdown-menu .icon{margin-right:.75rem;color:var(--pm-muted-foreground)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pm-radius);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;padding:.5rem 1rem;height:2.5rem;white-space:nowrap}.btn .icon{margin-right:.5rem}.btn-primary:hover{background-color:var(--pm-primary);opacity:.9}.btn-secondary{background-color:var(--pm-secondary);color:var(--pm-secondary-foreground)}.btn-secondary:hover{background-color:var(--pm-secondary);opacity:.8}.btn-danger:hover{background-color:var(--pm-destructive);opacity:.9}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--pm-foreground)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--pm-input);border-radius:var(--pm-radius);background-color:var(--pm-background);color:var(--pm-foreground);font-size:.875rem;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 2px #0f172a1a}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}@media(max-width:768px){.pm-app-layout{flex-direction:column}.pm-sidebar-container{width:100%;height:auto;position:fixed;top:0;left:0;z-index:30;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pm-sidebar-container.pm-sidebar-open{transform:translate(0)}.pm-main-content{width:100%}}.prompt-manager,.category-manager,.image-processor,.settings{background-color:var(--pm-card);border-radius:var(--pm-radius);border:1px solid var(--pm-border);overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.prompt-manager-header,.category-manager-header,.image-processor-header,.settings-header{padding:1.5rem;border-bottom:1px solid var(--pm-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--pm-muted)}.image-processor-notice{padding:.75rem 1rem;background-color:var(--pm-accent);border:1px solid var(--pm-border);border-radius:var(--pm-radius);margin-top:1rem;font-size:.875rem;color:var(--pm-muted-foreground);text-align:center}.prompt-manager-content,.category-manager-content,.image-processor-content,.settings-content{padding:1.5rem;display:flex;gap:1.5rem}.prompt-list-container,.category-list-container{flex:1;border-right:1px solid var(--pm-border);padding-right:1.5rem}.prompt-list,.category-list{margin-top:1rem}.prompt-item,.category-item{padding:1rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);margin-bottom:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:var(--pm-card)}.prompt-item:hover,.category-item:hover{border-color:var(--pm-ring);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.prompt-item.selected,.category-item.selected{border-color:var(--pm-primary);background-color:var(--pm-accent)}.prompt-item h4,.category-item h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--pm-foreground)}.prompt-item .category{font-size:.75rem;color:var(--pm-muted-foreground);margin:0}.prompt-detail,.category-detail{flex:1;padding-left:1.5rem}.detail-item{margin-bottom:1rem}.detail-item label{font-weight:500;display:block;margin-bottom:.5rem;color:var(--pm-foreground);font-size:.875rem}.detail-item pre{background-color:var(--pm-muted);padding:.75rem;border-radius:var(--pm-radius);overflow:auto;margin:0;font-size:.875rem;border:1px solid var(--pm-border);color:var(--pm-foreground)}.detail-actions{display:flex;gap:.75rem;margin-top:1.5rem}.image-upload-container{flex:1}.image-upload{border:2px dashed var(--pm-border);border-radius:var(--pm-radius);padding:1.5rem;text-align:center;margin-bottom:1.5rem;cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1);background-color:var(--pm-muted)}.image-upload:hover{border-color:var(--pm-ring)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 0;color:var(--pm-muted-foreground)}.upload-placeholder .icon{font-size:3rem;margin-bottom:.75rem}.image-preview{max-width:100%;max-height:300px;border-radius:var(--pm-radius)}.image-categories{margin-top:1.5rem}.categories-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.category-tag{background-color:var(--pm-primary);color:var(--pm-primary-foreground);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.image-processing-methods{flex:1;border-left:1px solid var(--pm-border);padding-left:1.5rem}.method-item{padding:1rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);margin-bottom:1rem;background-color:var(--pm-card)}.method-item h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--pm-foreground)}.method-item p{margin:0 0 1rem;color:var(--pm-muted-foreground);font-size:.875rem}.settings-section{background-color:var(--pm-card);border-radius:var(--pm-radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--pm-border);width:100%}.avatar-preview{margin-top:.75rem;width:5rem;height:5rem;border-radius:50%;overflow:hidden;border:2px solid var(--pm-border)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.danger-zone{border:1px solid var(--pm-destructive);border-radius:var(--pm-radius)}.danger-zone h3{color:var(--pm-destructive)}.processing-indicator{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;color:var(--pm-muted-foreground)}.processing-indicator .spinner{width:1.25rem;height:1.25rem;border:2px solid var(--pm-border);border-radius:50%;border-top-color:var(--pm-primary);animation:pm-spin 1s ease-in-out infinite;margin-right:.75rem}.footer{padding:1.5rem 0;text-align:center;font-size:.875rem;color:var(--pm-muted-foreground);background-color:var(--pm-card);border-top:1px solid var(--pm-border);margin-top:auto}a{color:var(--pm-primary);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--pm-primary);opacity:.8}.pm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.pm-loading-spinner{width:3rem;height:3rem;border:3px solid var(--pm-border);border-top-color:var(--pm-primary);border-radius:50%;animation:pm-spin 1s linear infinite;margin-bottom:1rem}.pm-loading-container p{color:var(--pm-muted-foreground);font-size:1rem;margin:0}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:var(--pm-background)}.pm-error-container h3{color:var(--pm-foreground);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.pm-error-container p{color:var(--pm-muted-foreground);margin:0 0 1.5rem;max-width:500px}.btn{padding:.625rem 1.25rem;border-radius:var(--pm-radius);border:1px solid transparent;font-weight:500;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background-color:var(--pm-card);color:var(--pm-card-foreground)}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--pm-primary);color:var(--pm-primary-foreground)}.btn-secondary{background-color:var(--pm-secondary);color:var(--pm-secondary-foreground);border-color:var(--pm-border)}.btn-success{background-color:var(--pm-success, #10b981);color:#fff}.btn-danger{background-color:var(--pm-destructive);color:var(--pm-destructive-foreground)}.pm-icon{font-size:1.25rem;line-height:1}.floating-panel{box-sizing:border-box;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,-apple-system,sans-serif;border:1px solid rgba(0,0,0,.12);overflow:hidden;position:relative}.floating-panel.rounded{border-radius:20px}.floating-panel.rounded .floating-panel-header{border-top-left-radius:20px;border-top-right-radius:20px}.floating-panel.rounded .floating-panel-footer{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.floating-panel.with-shadow{box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #00000014,0 10px 15px -3px #00000014,0 20px 40px -10px #0000001f}.floating-panel.dragging{box-shadow:0 4px 8px -1px #00000014,0 8px 16px -1px #0000001a,0 16px 24px -4px #0000001a,0 30px 60px -12px #0003!important}.floating-panel-header{position:relative;padding:8px 16px;background:linear-gradient(180deg,#fafbfc,#f6f8f9);border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;min-height:36px}.floating-panel-footer{position:relative;padding:8px 16px;background:linear-gradient(0deg,#fafbfc,#fdfdfd);border-top:1px solid rgba(0,0,0,.05);flex-shrink:0;min-height:36px}.drag-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#00000026;border-radius:3px;cursor:move;z-index:100;transition:background .15s ease}.drag-bar:hover{background:#00000040}.floating-panel.dragging .drag-bar{background:#00000059}.panel-icon{position:absolute;z-index:50;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;color:#666;cursor:default;-webkit-user-select:none;user-select:none}.panel-icon-top-left{top:0;left:0}.panel-icon-top-center{top:0;left:50%;transform:translate(-50%)}.panel-icon-top-right{top:0;right:0}.panel-icon-bottom-left{bottom:0;left:0}.panel-icon-bottom-right{bottom:0;right:0}.tooltip{position:fixed;padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;animation:tooltip-fade-in .15s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-top{animation:tooltip-fade-in-top .15s ease}@keyframes tooltip-fade-in-top{0%{opacity:0;transform:translate(-50%) translateY(-100%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}.floating-panel-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px 12px 8px;background:#fff;min-height:0}.floating-panel-main::-webkit-scrollbar{width:6px}.floating-panel-main::-webkit-scrollbar-track{background:transparent}.floating-panel-main::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.floating-panel-main::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:768px){.floating-panel{position:fixed!important;left:10px!important;right:10px!important;width:auto!important;top:auto!important;bottom:10px;height:80vh!important}.drag-bar{cursor:default}}.pm-app-layout{display:flex;width:100%;height:100vh;flex:1;overflow:hidden}.pm-sidebar-container{width:var(--pm-sidebar-width);height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:20;background-color:var(--pm-card);border-right:1px solid var(--pm-border);position:fixed;left:0;top:0;overflow:hidden}.pm-sidebar-container.pm-sidebar-collapsed{width:var(--pm-sidebar-collapsed-width);overflow:visible}.pm-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--pm-background);margin-left:var(--pm-sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.pm-sidebar-container.pm-sidebar-collapsed+.pm-main-content{margin-left:var(--pm-sidebar-collapsed-width)}.pm-main-header{display:flex;justify-content:space-between;align-items:center;padding:.35rem 1rem;background-color:var(--pm-card);border-bottom:1px solid var(--pm-border);height:40px;z-index:10}.pm-header-left{display:flex;align-items:center;gap:1rem;flex-direction:row}.pm-menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:var(--pm-radius);background-color:transparent;color:var(--pm-muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-menu-toggle:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-menu-toggle svg{width:1.25rem;height:1.25rem}.pm-main-header h1{margin:0;font-size:1rem;font-weight:500;color:var(--pm-foreground)}.pm-header-actions{display:flex;align-items:center;gap:1rem}.pm-content-area{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;background-color:var(--pm-muted);height:calc(100vh - 60px);position:relative}.pm-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:25;display:none}@media(max-width:768px){.pm-app-layout{flex-direction:column}.pm-sidebar-container{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:30;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pm-sidebar-container.pm-sidebar-open{transform:translate(0)}.pm-sidebar-overlay{display:block}.pm-main-content{width:100%;margin-left:0}}.floating-panel-main{padding:0!important}.pm-sidebar{width:100%;background:var(--pm-card);display:flex;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1)}.pm-sidebar-collapsed .pm-sidebar-nav{overflow:visible}.pm-sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--pm-border);min-height:80px;display:flex;align-items:center;justify-content:center}.pm-logo-container{display:flex;align-items:center;gap:.75rem;width:100%}.pm-logo{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.pm-logo-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.pm-logo-text h2{margin:0;font-size:1.125rem;font-weight:700;color:var(--pm-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.pm-logo-text span{font-size:.75rem;color:var(--pm-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-sidebar-collapsed .pm-logo-container{justify-content:center}.pm-sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.pm-sidebar-nav ul{list-style:none;padding:0;margin:0}.pm-nav-item{display:flex;align-items:center;padding:.75rem 1rem;margin:.125rem .5rem;cursor:pointer;border-radius:var(--pm-radius);transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--pm-muted-foreground);font-size:.875rem;font-weight:500;position:relative}.pm-nav-item:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-nav-item.pm-active{background-color:var(--pm-primary);color:var(--pm-primary-foreground);font-weight:600}.pm-nav-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.pm-nav-icon svg{width:1.25rem;height:1.25rem}.pm-nav-label{margin-left:.75rem;white-space:nowrap;overflow:hidden}.pm-sidebar-collapsed .pm-nav-item{justify-content:center;padding:.75rem}.pm-sidebar-collapsed .pm-nav-label{display:none}.pm-sidebar-footer{border-top:1px solid var(--pm-border);padding:1rem}.pm-user-section{display:flex;flex-direction:column;gap:.75rem}.pm-user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--pm-radius);background-color:var(--pm-muted)}.pm-user-clickable{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-user-clickable:hover{background-color:var(--pm-accent);transform:translateY(-1px)}.pm-user-info.pm-user-collapsed{justify-content:center;padding:.5rem}.pm-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--pm-border)}.pm-user-avatar img{width:100%;height:100%;object-fit:cover}.pm-user-details{flex:1;min-width:0}.pm-user-details h4{margin:0;font-size:.875rem;font-weight:600;color:var(--pm-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-user-details p{margin:0;font-size:.75rem;color:var(--pm-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-user-actions{display:flex;gap:.5rem}.pm-user-actions.pm-actions-collapsed{flex-direction:column;align-items:center}.pm-user-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:var(--pm-radius);background-color:transparent;color:var(--pm-muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500;flex:1;justify-content:center}.pm-user-action-btn:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-user-action-btn.pm-logout-btn:hover{background-color:var(--pm-destructive);color:var(--pm-destructive-foreground)}.pm-sidebar-collapsed .pm-user-action-btn span:not(.pm-tooltip){display:none}.pm-sidebar-collapsed .pm-user-action-btn{padding:.5rem;width:2.5rem;height:2.5rem}.pm-sidebar-collapsed .pm-nav-item,.pm-sidebar-collapsed .pm-user-action-btn,.pm-sidebar-collapsed .pm-user-avatar,.pm-sidebar-collapsed .pm-user-clickable{position:relative}.pm-nav-item-collapsed[data-tooltip]:hover:after,.pm-user-avatar-collapsed[data-tooltip]:hover:after,.pm-user-action-btn-collapsed[data-tooltip]:hover:after,.pm-user-collapsed[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:var(--pm-popover);color:var(--pm-popover-foreground);padding:.5rem .75rem;border-radius:var(--pm-radius);font-size:.875rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1000;border:1px solid var(--pm-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pm-nav-item-collapsed[data-tooltip]:hover:before,.pm-user-avatar-collapsed[data-tooltip]:hover:before,.pm-user-action-btn-collapsed[data-tooltip]:hover:before,.pm-user-collapsed[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 1px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--pm-border)}} .pm-sidebar-collapsed .pm-nav-item:hover,.pm-sidebar-collapsed .pm-user-action-btn:hover,.pm-sidebar-collapsed .pm-user-avatar:hover,.pm-sidebar-collapsed .pm-user-clickable:hover{transform:translate(2px)}.pm-lang-selector,.pm-lang-selector-collapsed{position:relative;width:100%}.pm-lang-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius);color:var(--pm-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-lang-btn:hover{background:var(--pm-accent);border-color:var(--pm-accent);color:var(--pm-accent-foreground);transform:translateY(-1px)}.pm-lang-btn:active{transform:translateY(0)}.pm-lang-btn-collapsed{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto;background:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius);color:var(--pm-foreground);font-size:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-lang-btn-collapsed:hover{background:var(--pm-accent);border-color:var(--pm-accent);color:var(--pm-accent-foreground);transform:translate(2px)}.pm-lang-icon{flex-shrink:0;font-size:1rem}.pm-lang-current{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-lang-chevron{flex-shrink:0;font-size:1rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.pm-lang-chevron-open{transform:rotate(180deg)}.pm-lang-dropdown{position:absolute;bottom:calc(100% + .5rem);left:0;width:100%;min-width:160px;background:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;overflow:hidden;animation:pm-dropdown-slide .2s cubic-bezier(.4,0,.2,1)}.pm-lang-dropdown-collapsed{left:50%;transform:translate(-50%)}@keyframes pm-dropdown-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pm-lang-dropdown-collapsed{animation-name:pm-dropdown-slide-center}@keyframes pm-dropdown-slide-center{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pm-lang-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:transparent;border:none;color:var(--pm-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left}.pm-lang-option:hover{background:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-lang-option-active{background:var(--pm-primary);color:var(--pm-primary-foreground)}.pm-lang-option-active:hover{background:var(--pm-primary);filter:brightness(1.1)}.pm-lang-flag{font-size:1.125rem;flex-shrink:0;line-height:1}.pm-lang-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-lang-check{flex-shrink:0;font-size:1rem}.pm-lang-dropdown-collapsed .pm-lang-option{justify-content:center;padding:.625rem}.pm-lang-dropdown-collapsed .pm-lang-name{display:none}.pm-sidebar-footer>*:not(:last-child){margin-bottom:.75rem}.pm-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:pm-settings-fadeIn .2s ease-out}@keyframes pm-settings-fadeIn{0%{opacity:0}to{opacity:1}}.pm-settings-modal{background:#fff;border-radius:16px;width:90%;max-width:1000px;height:80vh;max-height:700px;box-shadow:0 25px 50px #00000026;animation:pm-settings-slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes pm-settings-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.pm-settings-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.pm-settings-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.pm-settings-close:hover{background:#e5e7eb;color:#6b7280}.pm-settings-body{display:flex;flex:1;overflow:hidden}.pm-settings-sidebar{width:240px;background:#f9fafb;border-right:1px solid #E5E7EB;padding:24px 0}.pm-settings-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.pm-settings-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.pm-settings-tab:hover:not(.pm-disabled){background:#e5e7eb}.pm-settings-tab.pm-active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.pm-settings-tab.pm-disabled{opacity:.5;cursor:not-allowed}.pm-tab-icon{width:18px;height:18px;flex-shrink:0}.pm-tab-label{font-size:14px;font-weight:500;color:#374151}.pm-settings-tab.pm-active .pm-tab-label{color:#4f46e5}.pm-tab-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:500}.pm-settings-main{flex:1;overflow-y:auto;padding:32px}.pm-settings-content{max-width:100%}.pm-settings-section{margin-bottom:32px}.pm-settings-section:last-child{margin-bottom:0}.pm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pm-settings-section h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.pm-section-desc{margin:0 0 24px;font-size:14px;color:#6b7280}.pm-profile-info{display:flex;flex-direction:column;gap:32px}.pm-avatar-section{display:flex;justify-content:center;align-items:center}.pm-avatar-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.pm-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #E5E7EB}.pm-avatar-edit-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.pm-avatar-edit-btn:hover{background:#e5e7eb}.pm-info-fields{display:flex;flex-direction:column;gap:0}.pm-info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F3F4F6}.pm-info-item:last-child{border-bottom:none}.pm-info-label{font-size:14px;font-weight:500;color:#6b7280;min-width:100px}.pm-info-value{font-size:14px;color:#1f2937;text-align:right;word-break:break-all}.pm-type-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.pm-type-badge.pm-vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pm-type-badge.pm-regular{background:#e5e7eb;color:#6b7280}.pm-form-item{padding:16px 0;border-bottom:1px solid #F3F4F6}.pm-form-item:last-child{border-bottom:none}.pm-form-item label{display:block;font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.pm-form-item input{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s}.pm-form-item input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pm-form-item input::placeholder{color:#9ca3af}.pm-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pm-edit-btn:hover{background:#f9fafb;border-color:#9ca3af}.pm-edit-btn svg{width:14px;height:14px}.pm-edit-actions{display:flex;gap:8px}.pm-cancel-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.pm-cancel-btn:hover{background:#fee2e2}.pm-save-btn{background:#4f46e5;border-color:#4f46e5;color:#fff}.pm-save-btn:hover{background:#4338ca}.pm-api-keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pm-api-key-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px;transition:all .2s}.pm-api-key-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.pm-api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pm-api-key-provider{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1f2937}.pm-provider-icon{width:22px;height:22px}.pm-api-key-desc{font-size:12px;color:#6b7280;margin:0 0 16px;line-height:1.5}.pm-api-key-input-wrapper{position:relative;margin-bottom:12px}.pm-api-key-input{width:100%;padding:10px 40px 10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:13px;color:#1f2937;background:#fff;transition:all .2s}.pm-api-key-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pm-api-key-input::placeholder{color:#9ca3af}.pm-toggle-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.pm-toggle-visibility:hover{color:#6b7280}.pm-toggle-visibility svg{width:18px;height:18px}.pm-save-api-key-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pm-save-api-key-btn:hover{background:#f9fafb;border-color:#4f46e5;color:#4f46e5}.pm-save-api-key-btn svg{width:14px;height:14px}.pm-security-info{display:flex;flex-direction:column;gap:20px}.pm-security-item{display:flex;gap:16px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.pm-security-icon{width:24px;height:24px;color:#10b981;flex-shrink:0}.pm-security-text h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#1f2937}.pm-security-text p{margin:0;font-size:13px;color:#6b7280;line-height:1.6}.pm-coming-soon{display:flex;align-items:center;justify-content:center;height:400px}.pm-coming-soon-content{text-align:center;color:#6b7280}.pm-coming-soon-icon{width:64px;height:64px;margin-bottom:20px;color:#d1d5db}.pm-coming-soon-content h3{margin:0 0 12px;font-size:20px;color:#374151}.pm-coming-soon-content p{margin:0;font-size:14px;max-width:300px}.pm-logout-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0;border-top:1px solid #F3F4F6}.pm-logout-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;color:#dc2626;border:1px solid #FECACA;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.pm-logout-button:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.pm-logout-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pm-logout-icon{width:18px;height:18px}.pm-logout-note{margin:0;font-size:12px;color:#6b7280;text-align:center}@media(max-width:768px){.pm-settings-modal{width:95%;height:90vh;max-height:none}.pm-settings-body{flex-direction:column}.pm-settings-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #E5E7EB;padding:16px 0}.pm-settings-nav{flex-direction:row;overflow-x:auto;padding:0 16px;gap:8px}.pm-settings-tab{white-space:nowrap;min-width:auto}.pm-settings-main{padding:20px}.pm-info-item{flex-direction:column;gap:8px;align-items:flex-start}.pm-info-value{text-align:left}.pm-api-keys-grid{grid-template-columns:1fr}.pm-section-header{flex-direction:column;gap:12px;align-items:flex-start}.pm-edit-actions{width:100%}.pm-edit-btn{flex:1;justify-content:center}}.pm-docs-panel{width:100%;height:100%;display:flex;flex-direction:column;background:var(--pm-bg, #fff);color:var(--pm-text, #333);overflow:hidden}.pm-docs-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--pm-border, #e0e0e0);background:var(--pm-bg-secondary, #f8f9fa)}.pm-docs-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.pm-docs-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--pm-text-secondary, #666);transition:background .2s}.pm-docs-close:hover{background:var(--pm-border, #e0e0e0)}.pm-docs-body{display:flex;flex:1;overflow:hidden}.pm-docs-nav{width:140px;padding:8px;border-right:1px solid var(--pm-border, #e0e0e0);background:var(--pm-bg-secondary, #f8f9fa);display:flex;flex-direction:column;gap:2px}.pm-docs-nav-item{display:flex;align-items:center;gap:4px;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--pm-text, #333);text-align:left;transition:all .2s}.pm-docs-nav-item:hover{background:var(--pm-border, #e0e0e0)}.pm-docs-nav-item.active{background:var(--pm-primary, #1677ff);color:#fff}.pm-docs-content{flex:1;overflow-y:auto;padding:16px 20px}.pm-docs-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--pm-text-secondary, #666);font-size:14px}.pm-docs-markdown{font-size:14px;line-height:1.6}.pm-docs-markdown .docs-h1{font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--pm-border, #e0e0e0)}.pm-docs-markdown .docs-h2{font-size:16px;font-weight:600;margin:24px 0 12px}.pm-docs-markdown .docs-h3{font-size:14px;font-weight:600;margin:16px 0 8px}.pm-docs-markdown .docs-p{margin:0 0 12px}.pm-docs-markdown .docs-ul,.pm-docs-markdown .docs-ol{margin:0 0 12px;padding-left:20px}.pm-docs-markdown .docs-li{margin-bottom:4px}.pm-docs-markdown .docs-table-wrapper{overflow-x:auto;margin:12px 0}.pm-docs-markdown .docs-table{width:100%;border-collapse:collapse;font-size:13px}.pm-docs-markdown .docs-th,.pm-docs-markdown .docs-td{padding:8px 12px;border:1px solid var(--pm-border, #e0e0e0);text-align:left}.pm-docs-markdown .docs-th{background:var(--pm-bg-secondary, #f8f9fa);font-weight:600}.pm-docs-markdown .docs-code-inline{background:var(--pm-bg-secondary, #f0f0f0);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px}.pm-docs-markdown .docs-pre{background:#1e1e1e;color:#d4d4d4;padding:12px 16px;border-radius:6px;overflow-x:auto;margin:12px 0;font-size:13px;line-height:1.5}.pm-docs-markdown .docs-pre code{background:none;padding:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.pm-docs-markdown .docs-blockquote{margin:12px 0;padding:8px 16px;border-left:4px solid var(--pm-primary, #1677ff);background:var(--pm-bg-secondary, #f8f9fa);color:var(--pm-text-secondary, #666)}.pm-btn{padding:.625rem 1.25rem;border-radius:.5rem;border:none;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s}.pm-btn-primary{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;box-shadow:0 4px 14px #1f29374d}.pm-btn-primary:hover{background:linear-gradient(135deg,#374151,#4b5563);transform:translateY(-2px);box-shadow:0 6px 20px #1f293766}.pm-btn-secondary{background:#fff;color:#1f2937;border:1px solid #d1d5db}.pm-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.pm-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.pm-btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.pm-btn:disabled{opacity:.5;cursor:not-allowed}.pm-prompt-manager{height:calc(100vh - 60px - 2rem);display:flex;flex-direction:column;background-color:var(--pm-background);overflow:hidden}.pm-prompt-header{padding:.75rem 1.5rem;background-color:var(--pm-card);border-bottom:1px solid var(--pm-border)}.pm-header-main{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pm-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.pm-search-filters{display:flex;gap:1rem;align-items:center;flex:1;max-width:600px}.pm-search-input{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.pm-search-input:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 2px #0f172a1a}.pm-category-filter,.pm-status-filter{padding:.5rem .75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;background-color:var(--pm-background);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;min-width:120px}.pm-status-filter:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 2px #0f172a1a}.pm-icon{width:1rem;height:1rem}.pm-prompt-content{flex:1;position:relative;overflow:hidden;display:flex}.pm-prompt-list-panel{width:100%;background-color:var(--pm-card);display:flex;flex-direction:column;height:100%;overflow:hidden}.pm-prompt-stats{padding:.5rem .75rem;border-bottom:1px solid var(--pm-border);font-size:.75rem;color:var(--pm-muted-foreground);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pm-stats-breakdown{display:flex;gap:.5rem}.pm-stat-item{font-size:.625rem;padding:.125rem .375rem;border-radius:9999px;font-weight:500}.pm-stat-item.pm-published{background-color:#22c55e1a;color:#22c55e}.pm-stat-item.pm-draft{background-color:#fb923c1a;color:#fb923c}.pm-prompt-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;min-height:0;max-height:calc(100vh - 200px);display:grid;grid-template-columns:repeat(auto-fill,320px);gap:1rem;justify-content:start;align-content:start}.pm-prompt-card{border:1px solid var(--pm-border);border-radius:var(--pm-radius);background-color:var(--pm-background);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;width:320px;height:180px;display:flex;flex-direction:column}.pm-prompt-card:hover{border-color:var(--pm-ring);box-shadow:0 1px 2px #0000000d}.pm-prompt-card.pm-selected{border-color:var(--pm-primary);background-color:var(--pm-accent)}.pm-card-header{padding:.75rem;flex-shrink:0}.pm-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.pm-card-title-row h4{margin:0;font-size:.875rem;font-weight:600;color:var(--pm-foreground);flex:1;min-width:0;line-height:1.2}.pm-card-badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.pm-status-badge{display:flex;align-items:center;gap:.125rem;padding:.125rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:500;border:1px solid}.pm-status-badge.pm-status-published{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e}.pm-status-badge.pm-status-draft{background-color:#fb923c1a;color:#fb923c;border-color:#fb923c}.pm-status-icon{width:.625rem;height:.625rem;flex-shrink:0}.pm-status-text{flex-shrink:0}.pm-version-tag{background-color:var(--pm-muted);color:var(--pm-muted-foreground);padding:.125rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.pm-card-content{padding:.5rem .75rem;flex:1;overflow:hidden}.pm-card-content p{margin:0;font-size:.75rem;color:var(--pm-muted-foreground);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm-card-actions{padding:.5rem .75rem;display:flex;gap:.25rem;justify-content:flex-end;flex-shrink:0;border-top:1px solid var(--pm-border)}.pm-action-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--pm-radius);background-color:transparent;color:var(--pm-muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-action-btn:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-action-btn.pm-danger:hover{background-color:var(--pm-destructive);color:var(--pm-destructive-foreground)}.pm-based-on-indicator{margin-left:.25rem;font-size:.75rem;opacity:.7}.pm-readonly-indicator{font-size:.75rem;opacity:.7}.pm-based-on-info{margin-top:.25rem;padding:.25rem .5rem;background-color:#3b82f61a;border-radius:.25rem;font-size:.6875rem;color:#1e40af}.pm-based-on-info small{margin:0;font-weight:500}.pm-detail-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.pm-readonly-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;margin-left:.5rem;background-color:#ef44441a;color:#dc2626;border-radius:.375rem;font-size:.75rem;font-weight:500}.pm-draft-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;margin-left:.5rem;background-color:#3b82f61a;color:#2563eb;border-radius:.375rem;font-size:.75rem;font-weight:500}.pm-prompt-detail:has(.pm-readonly-badge) .pm-content-display{background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;position:relative}.pm-prompt-detail:has(.pm-readonly-badge) .pm-content-display:before{content:"🔒 此版本为已发布状态，内容为只读";position:absolute;top:-.5rem;right:.5rem;background-color:#22c55e;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:500}.pm-drawer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);z-index:9;cursor:pointer}.pm-drawer-overlay.pm-overlay-visible{opacity:1;visibility:visible}.pm-prompt-detail-panel{position:absolute;top:0;right:0;bottom:0;width:66.666%;max-width:calc(100% - 80px);overflow:hidden;background-color:var(--pm-background);height:100%;min-height:0;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:-4px 0 20px #00000026;border-left:1px solid var(--pm-border);display:flex;flex-direction:column}.pm-prompt-detail-panel.pm-panel-visible{transform:translate(0)}.pm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--pm-muted-foreground);padding:2rem}.pm-empty-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.pm-empty-state h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.pm-empty-state p{margin:0;font-size:.875rem}.pm-empty-hint{margin-top:.5rem!important;opacity:.7;font-size:.8125rem!important}.pm-readonly-notice{padding:.75rem 1rem;background-color:var(--pm-accent);border:1px solid var(--pm-border);border-radius:var(--pm-radius);margin-top:1rem;font-size:.875rem;color:var(--pm-muted-foreground);text-align:center}.pm-prompt-detail{padding:0 1.5rem}.pm-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:0 1.5rem 1rem;border-bottom:1px solid var(--pm-border);position:relative}.pm-detail-close-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background-color:var(--pm-muted);color:var(--pm-muted-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:20}.pm-detail-close-btn:hover{background-color:var(--pm-destructive);color:var(--pm-destructive-foreground);transform:scale(1.1)}.pm-detail-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--pm-foreground)}.pm-detail-actions{display:flex;gap:.75rem}.pm-detail-content{display:flex;flex-direction:column;gap:2rem}.pm-content-section,.pm-variables-section,.pm-meta-section{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1.5rem}.pm-content-section h4,.pm-variables-section h4,.pm-meta-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--pm-foreground);display:flex;align-items:center;gap:.5rem}.pm-content-display{background-color:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1rem}.pm-content-display pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.pm-variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pm-variable-card{background-color:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1rem}.pm-variable-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;color:var(--pm-primary);margin-bottom:.5rem}.pm-variable-desc{font-size:.75rem;color:var(--pm-muted-foreground);line-height:1.4}.pm-prompt-editor{padding:0 1.5rem;display:flex;flex-direction:column;height:100%;overflow:hidden}.pm-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--pm-border);flex-shrink:0}.pm-editor-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--pm-foreground)}.pm-editor-actions{display:flex;gap:.75rem;align-items:center}.pm-editor-footer{display:flex;justify-content:flex-end;gap:.75rem;align-items:center;padding:1rem 0;border-top:1px solid var(--pm-border);flex-shrink:0;background-color:var(--pm-background);position:relative;z-index:10}.pm-meta-info{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1.5rem}.pm-meta-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--pm-foreground);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.pm-meta-title:before{content:"";width:3px;height:1rem;background:linear-gradient(180deg,var(--pm-primary),#8b5cf6);border-radius:2px}.pm-meta-grid{display:flex;flex-direction:column;gap:1rem}.pm-meta-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--pm-background);border:1px solid var(--pm-border);border-radius:var(--pm-radius)}.pm-meta-row:first-child{border-top:3px solid var(--pm-primary)}.pm-meta-row:nth-child(2){border-top:3px solid #8b5cf6}.pm-meta-row:nth-child(3){border-top:3px solid #06b6d4}.pm-meta-section-title{font-size:.6875rem;font-weight:600;color:var(--pm-muted-foreground);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.pm-meta-section-title:before{content:"";width:12px;height:2px;background-color:var(--pm-primary);border-radius:1px}.pm-meta-item{display:flex;flex-direction:column;gap:.25rem}.pm-meta-item label{font-size:.75rem;font-weight:500;color:var(--pm-muted-foreground);text-transform:uppercase;letter-spacing:.025em}.pm-meta-value{display:flex;align-items:center;gap:.5rem}.pm-meta-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background-color:var(--pm-muted);color:var(--pm-primary);padding:.25rem .5rem;border-radius:var(--pm-radius);border:1px solid var(--pm-border);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-meta-text{font-size:.875rem;color:var(--pm-foreground);font-variant-numeric:tabular-nums}.pm-copy-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);background-color:var(--pm-background);color:var(--pm-muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.pm-copy-btn:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground);border-color:var(--pm-ring)}.pm-copy-btn svg{width:.875rem;height:.875rem}.pm-ai-desc{margin:0 0 1rem;font-size:.875rem;color:var(--pm-muted-foreground);line-height:1.4}.pm-ai-input-group{display:grid;gap:1rem;align-items:flex-start}.pm-ai-description-input{flex:1;padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.pm-ai-description-input:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 2px #0f172a1a}.pm-generate-btn{white-space:nowrap;min-width:120px;height:fit-content;padding:.75rem 1rem}@media(max-width:1024px){.pm-form-row,.pm-variables-grid{grid-template-columns:1fr}}.pm-variables-grid{grid-template-columns:1fr}} @media (max-width: 768px){.pm-prompt-detail-panel{width:100%}.pm-prompt-list{grid-template-columns:1fr;padding:.75rem}.pm-prompt-card{width:100%;height:140px}.pm-detail-close-btn{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem}.pm-detail-close-btn .pm-icon{width:1.25rem;height:1.25rem}.pm-header-main{flex-direction:column;gap:1rem;align-items:stretch}.pm-search-filters{flex-direction:column;align-items:stretch;max-width:none}.pm-search-input,.pm-status-filter{width:100%;min-width:auto}.pm-header-actions{justify-content:center}.pm-prompt-stats{flex-direction:column;align-items:stretch}.pm-stats-breakdown{justify-content:flex-start;gap:.25rem}.pm-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.pm-variable-item,.pm-variable-info{flex-direction:column;align-items:stretch}.pm-ai-input-group{flex-direction:column;gap:.75rem}.pm-generate-btn{width:100%}}.pm-tab-nav{display:flex;border-bottom:1px solid var(--pm-border);background-color:var(--pm-card);margin:0 -1.5rem;padding:0 1.5rem}.pm-tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-bottom:2px solid transparent;background-color:transparent;color:var(--pm-muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500}.pm-tab-btn:hover{color:var(--pm-foreground);background-color:var(--pm-accent)}.pm-tab-btn.pm-tab-active{color:var(--pm-primary);border-bottom-color:var(--pm-primary);background-color:var(--pm-background)}.pm-tab-icon{width:1rem;height:1rem}.pm-tab-label{font-weight:inherit}.pm-tab-content{flex:1;padding:1.5rem 0;overflow-y:auto}.pm-tab-pane{display:flex;flex-direction:column;gap:1.5rem;margin-top:0}.pm-tab-meta .pm-form-row{gap:1rem}.pm-tab-meta .pm-form-group{flex:1;width:100%}.pm-form-row{display:flex;gap:1rem;align-items:flex-start}.pm-form-row .pm-form-group{flex:1}.pm-tab-meta .pm-description-group,.pm-tab-meta .pm-description-wrapper,.pm-tab-meta .pm-description-textarea{width:100%}.pm-basic-info{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);overflow:hidden}.pm-basic-info-header{padding:1rem 1.25rem;background-color:var(--pm-muted);border-bottom:1px solid var(--pm-border)}.pm-basic-info-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--pm-foreground)}.pm-basic-info-content{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.pm-info-row{display:flex;align-items:center;gap:1rem}.pm-info-label{width:80px;font-size:.8125rem;font-weight:500;color:var(--pm-muted-foreground);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.pm-info-value{flex:1;font-size:.875rem;color:var(--pm-foreground);font-variant-numeric:tabular-nums}.pm-info-value code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background-color:var(--pm-muted);padding:.25rem .5rem;border-radius:var(--pm-radius);border:1px solid var(--pm-border)}.pm-section-title{font-size:.9375rem;font-weight:600;color:var(--pm-foreground)}.pm-ai-generator{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1.25rem}.pm-ai-generator h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--pm-foreground)}.pm-ai-generator .pm-ai-desc{margin:0 0 1rem;font-size:.8125rem;color:var(--pm-muted-foreground);line-height:1.5}.pm-ai-description-input{flex:1;padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s cubic-bezier(.4,0,.2,1);background-color:var(--pm-background);color:var(--pm-foreground)}.pm-ai-description-input:focus{outline:none;border-color:var(--pm-primary);box-shadow:0 0 0 3px #6366f126}.pm-generate-btn{white-space:nowrap;min-width:120px;height:fit-content;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pm-generate-btn:disabled{opacity:.6;cursor:not-allowed}.pm-content-form-group{display:flex;flex-direction:column;gap:.5rem}.pm-content-form-group>label{font-size:.875rem;font-weight:600;color:var(--pm-foreground);display:flex;align-items:center;gap:.5rem}.pm-content-form-group .pm-label-tip{font-size:.75rem;font-weight:400;color:var(--pm-muted-foreground)}.pm-content-form-group .pm-content-editor textarea{width:100%;padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit;background-color:var(--pm-background);color:var(--pm-foreground);transition:border-color .2s ease,box-shadow .2s ease}.pm-content-form-group .pm-content-editor textarea:focus{outline:none;border-color:var(--pm-primary);box-shadow:0 0 0 3px #6366f126}.pm-content-form-group .pm-content-editor textarea::placeholder{color:var(--pm-muted-foreground)}.pm-editor-stats{display:flex;justify-content:flex-end;gap:1rem;padding:.5rem 0;border-top:1px solid var(--pm-border);margin-top:.5rem}.pm-editor-stats span{font-size:.75rem;color:var(--pm-muted-foreground)}.pm-tab-content .pm-content-editor{min-height:300px;width:100%}.pm-tab-content .pm-content-editor textarea{width:100%;min-height:300px;resize:vertical}.pm-variables-layout{display:flex;height:100%;min-height:500px}.pm-variables-nav{width:280px;background-color:var(--pm-accent);border-right:1px solid var(--pm-border);display:flex;flex-direction:column}.pm-variables-nav-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1rem 1rem;border-bottom:1px solid var(--pm-border);background-color:var(--pm-card);gap:1rem}.pm-variables-nav-title{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.pm-variables-ai-btn{padding:.5rem .75rem;font-size:.75rem;height:auto;min-height:auto;display:flex;align-items:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.pm-variables-nav-header h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--pm-foreground)}.pm-variables-count{font-size:.75rem;color:var(--pm-muted-foreground);font-weight:500}.pm-variables-nav-list{flex:1;overflow-y:auto;padding:.5rem}.pm-variable-nav-item{padding:.5rem;margin-bottom:.25rem;border-radius:var(--pm-radius);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.pm-variable-nav-item:hover{background-color:var(--pm-card);border-color:var(--pm-border)}.pm-variable-nav-item.pm-active{background-color:var(--pm-primary);color:var(--pm-primary-foreground);border-color:var(--pm-primary)}.pm-variable-nav-name{margin-bottom:.25rem}.pm-variable-nav-name code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-weight:600;background-color:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem}.pm-variable-nav-item.pm-active .pm-variable-nav-name code{background-color:#fff3}.pm-variable-nav-type{font-size:.625rem;color:var(--pm-muted-foreground);text-transform:uppercase;font-weight:500;letter-spacing:.05em;margin-bottom:.25rem}.pm-variable-nav-item.pm-active .pm-variable-nav-type{color:#fffc}.pm-variable-nav-desc{font-size:.75rem;color:var(--pm-muted-foreground);line-height:1.3}.pm-variable-nav-item.pm-active .pm-variable-nav-desc{color:#ffffffb3}.pm-variables-detail{flex:1;padding:1rem;overflow-y:auto}.pm-variable-detail-content{max-width:600px}.pm-variable-detail-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--pm-border)}.pm-variable-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.pm-variable-ai-btn{padding:.5rem .75rem;font-size:.75rem;height:auto;min-height:auto;display:flex;align-items:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.pm-variable-detail-name{flex:1;min-width:0}.pm-variable-detail-name code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:400;background-color:var(--pm-primary);color:var(--pm-primary-foreground);padding:.5rem 1rem;border-radius:.5rem;border:none;display:inline-block}.pm-variable-detail-hint{margin:0;color:var(--pm-muted-foreground);font-size:.875rem;line-height:1.5}.pm-variable-detail-form{display:flex;flex-direction:column;gap:1.5rem}.pm-variable-form-group{display:flex;flex-direction:column;gap:.5rem}.pm-variable-form-label{font-size:.875rem;font-weight:600;color:var(--pm-foreground)}.pm-variable-form-select,.pm-variable-form-input{padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;background-color:var(--pm-background);color:var(--pm-foreground);transition:border-color .2s ease}.pm-variable-form-textarea{padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;background-color:var(--pm-background);color:var(--pm-foreground);transition:border-color .2s ease;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.pm-variable-form-select:focus,.pm-variable-form-input:focus,.pm-variable-form-textarea:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 3px #3b82f61a}.pm-variable-form-select{cursor:pointer}.pm-variable-form-input::placeholder,.pm-variable-form-textarea::placeholder{color:var(--pm-muted-foreground)}.pm-variables-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--pm-muted-foreground)}.pm-variables-empty .pm-empty-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.pm-variables-empty h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--pm-foreground)}.pm-variables-empty p{margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.pm-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pm-status-draft{background-color:#fef3c7;color:#92400e}.pm-status-published{background-color:#d1fae5;color:#065f46}.pm-publish-result{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.pm-publish-result h4{margin:0 0 1rem;color:#065f46;font-size:1.125rem}.pm-version-change{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.pm-version-badge{padding:.25rem .75rem;border-radius:.5rem;font-family:Monaco,Menlo,monospace;font-size:.875rem;font-weight:600}.pm-old-version{background-color:#fee2e2;color:#7f1d1d}.pm-new-version{background-color:#dcfce7;color:#14532d}.pm-version-arrow{color:#6b7280;font-weight:700}.pm-change-type{padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pm-initial{background-color:#e0e7ff;color:#3730a3}.pm-patch{background-color:#fef3c7;color:#92400e}.pm-minor{background-color:#dbeafe;color:#1e40af}.pm-major{background-color:#fee2e2;color:#dc2626}.pm-change-description{margin:.5rem 0;color:#374151;line-height:1.5}.pm-change-list{margin-top:1rem}.pm-change-list ul{margin:.5rem 0 0;padding-left:1.5rem}.pm-change-list li{margin-bottom:.25rem;color:#374151}.pm-version-note{font-size:.75rem;color:#6b7280;margin-left:.5rem;font-style:italic}.pm-description-textarea{width:100%;padding:.75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit}.pm-description-textarea:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 3px #3b82f61a}.pm-ai-helper{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.pm-ai-helper h4{margin:0 0 .75rem;color:#0369a1;font-size:1rem;display:flex;align-items:center;gap:.5rem}.pm-description-reference{background-color:#fffc;border:1px solid #cbd5e1;border-radius:.375rem;padding:.75rem;margin-bottom:.75rem;font-size:.75rem;line-height:1.4}.pm-description-reference strong{color:#334155;font-weight:600}.pm-ai-help-btn{padding:.5rem 1rem;font-weight:600;font-size:.875rem}.pm-no-description-tip{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem;margin-bottom:1rem;text-align:center}.pm-no-description-tip p{margin:0;color:#64748b;font-size:.75rem}.pm-changelog-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:.5rem;transition:all .2s ease}.pm-changelog-btn:hover{color:#374151;background-color:#f3f4f6}.pm-changelog{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1rem}.pm-changelog-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.pm-changelog-list{space-y:1rem}.pm-changelog-entry{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.pm-changelog-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.pm-changelog-version{font-family:Monaco,Menlo,monospace;font-weight:600;color:#374151}.pm-changelog-type{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.pm-type-initial{background-color:#e0e7ff;color:#3730a3}.pm-type-patch{background-color:#fef3c7;color:#92400e}.pm-type-minor{background-color:#dbeafe;color:#1e40af}.pm-type-major{background-color:#fee2e2;color:#dc2626}.pm-changelog-date{color:#6b7280;font-size:.875rem;margin-left:auto}.pm-changelog-description{margin:0 0 .5rem;color:#374151;line-height:1.5}.pm-changelog-changes{margin:0;padding-left:1.5rem;color:#6b7280}.pm-changelog-changes li{margin-bottom:.25rem}.pm-ai-help-actions{display:flex;align-items:center;gap:1rem;justify-content:flex-start}.pm-generating-actions{display:flex;align-items:center;gap:1rem;width:100%}.pm-cancel-btn{padding:.5rem 1rem;font-size:.875rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);background-color:var(--pm-background);color:var(--pm-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-cancel-btn:hover{background-color:var(--pm-destructive);color:var(--pm-destructive-foreground);border-color:var(--pm-destructive)}.pm-generating-text{display:flex;align-items:center;gap:.5rem;color:var(--pm-muted-foreground);font-size:.875rem;font-weight:500}.pm-spinning{animation:pm-spin 1s linear infinite}@keyframes pm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pm-prompt-analysis{padding:1.5rem;max-width:100%}.pm-analysis-header{margin-bottom:2rem;text-align:center}.pm-analysis-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--pm-foreground)}.pm-analysis-header p{margin:0 0 1.5rem;color:var(--pm-muted-foreground);font-size:.875rem;line-height:1.5}.pm-analysis-status{margin:1rem 0;padding:.75rem 1rem;border-radius:var(--pm-radius);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.pm-status-current{color:#166534;background-color:#f0fdf4;border:1px solid rgb(134,239,172);padding:.5rem 1rem;border-radius:var(--pm-radius);font-size:.875rem;display:inline-flex;align-items:center}.pm-status-outdated{color:#92400e;background-color:#fffbeb;border:1px solid rgb(251,191,36);padding:.5rem 1rem;border-radius:var(--pm-radius);font-size:.875rem;display:inline-flex;align-items:center}.pm-analysis-error{padding:1rem;margin-bottom:1.5rem;background-color:#fef2f2;border:1px solid rgb(252,165,165);border-radius:var(--pm-radius);color:#b91c1c}.pm-analysis-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--pm-muted-foreground)}.pm-analysis-empty .pm-empty-icon{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.pm-analysis-empty h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--pm-foreground)}.pm-analysis-empty p{margin:0;font-size:.875rem}.pm-analysis-result{display:flex;flex-direction:column;gap:2rem}.pm-analysis-section{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1.5rem}.pm-analysis-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--pm-foreground);display:flex;align-items:center;gap:.5rem}.pm-analysis-basic{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pm-analysis-item{display:flex;flex-direction:column;gap:.5rem}.pm-analysis-item label{font-size:.75rem;font-weight:600;color:var(--pm-muted-foreground);text-transform:uppercase;letter-spacing:.025em}.pm-analysis-value{display:flex;align-items:center;gap:.5rem}.pm-analysis-value code{background-color:var(--pm-accent);color:var(--pm-accent-foreground);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid var(--pm-border)}.pm-category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pm-category-tag,.pm-role-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.pm-category-tag{background-color:#dbeafe;color:#1d4ed8;border:1px solid rgb(147,197,253)}.pm-role-tag{background-color:#f0fdf4;color:#166534;border:1px solid rgb(134,239,172)}.pm-complexity-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.pm-complexity-simple{background-color:#f0fdf4;color:#166534;border:1px solid rgb(134,239,172)}.pm-complexity-medium{background-color:#fffbeb;color:#92400e;border:1px solid rgb(251,191,36)}.pm-complexity-complex{background-color:#fef2f2;color:#b91c1c;border:1px solid rgb(252,165,165)}.pm-complexity-unknown{background-color:var(--pm-accent);color:var(--pm-accent-foreground);border:1px solid var(--pm-border)}.pm-structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.pm-structure-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--pm-background);border:1px solid var(--pm-border);border-radius:var(--pm-radius)}.pm-structure-label{font-size:.875rem;color:var(--pm-foreground)}.pm-structure-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.pm-structure-status.pm-has{background-color:#f0fdf4;color:#166534}.pm-structure-status.pm-missing{background-color:#fef2f2;color:#b91c1c}.pm-objectives-list,.pm-requirements-list,.pm-constraints-list,.pm-suggestions-list{margin:0;padding-left:1.5rem;color:var(--pm-foreground)}.pm-objectives-list li,.pm-requirements-list li,.pm-constraints-list li,.pm-suggestions-list li{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.pm-components-list{display:flex;flex-direction:column;gap:1rem}.pm-component-item{background-color:var(--pm-background);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1rem}.pm-component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pm-component-type{font-size:.875rem;font-weight:600;color:var(--pm-primary);background-color:var(--pm-primary)/10;padding:.25rem .5rem;border-radius:.25rem}.pm-component-copy{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);background-color:transparent;color:var(--pm-muted-foreground);font-size:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pm-component-copy:hover{background-color:var(--pm-accent);color:var(--pm-accent-foreground)}.pm-component-description{margin:0 0 .75rem;font-size:.875rem;color:var(--pm-muted-foreground);line-height:1.5}.pm-component-content{background-color:var(--pm-accent);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:.75rem}.pm-component-content code{font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--pm-accent-foreground);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.pm-progress-panel{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.75rem;padding:1.25rem;margin-top:1rem}.pm-progress-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.pm-progress-status{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.pm-progress-status.pm-status-success{background-color:#dcfce7;color:#16a34a;font-size:1rem}.pm-progress-status.pm-status-error{background-color:#fee2e2;color:#dc2626;font-size:1rem}.pm-progress-spinner{width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top-color:var(--pm-primary);border-radius:50%;animation:pm-spin 1s linear infinite}.pm-progress-info{flex:1;min-width:0}.pm-progress-stage{font-size:.9375rem;font-weight:600;color:#0f172a;margin-bottom:.25rem}.pm-progress-message{font-size:.8125rem;color:#64748b;line-height:1.4}.pm-progress-bar-container{position:relative;height:.5rem;background-color:#e2e8f0;border-radius:.25rem;overflow:hidden;margin-bottom:1rem}.pm-progress-bar{height:100%;background:linear-gradient(90deg,var(--pm-primary),#8b5cf6);border-radius:.25rem;transition:width .3s ease}.pm-progress-percent{position:absolute;right:0;top:-1.25rem;font-size:.75rem;font-weight:600;color:var(--pm-primary)}.pm-progress-error{padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.pm-progress-logs{border-top:1px solid #cbd5e1;padding-top:.75rem}.pm-logs-header{font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.pm-logs-content{max-height:150px;overflow-y:auto;font-size:.75rem}.pm-log-item{display:flex;gap:.5rem;padding:.25rem 0;color:#64748b}.pm-log-time{color:#94a3b8;flex-shrink:0}.pm-log-message{color:#475569}.pm-progress-cancel{margin-top:.5rem}.pm-progress-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:9999px}.pm-progress-indicator.pm-progress-small .pm-progress-spinner{width:.875rem;height:.875rem;border-width:2px}.pm-progress-indicator.pm-progress-small .pm-progress-text{font-size:.75rem;color:var(--pm-primary);font-weight:500}.pm-progress-indicator.pm-progress-medium{padding:.5rem 1rem}.pm-progress-indicator.pm-progress-medium .pm-progress-spinner{width:1rem;height:1rem}.spm-system-prompt-manager{height:100%;display:flex;flex-direction:column;background-color:var(--pm-background)}.spm-header{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;background-color:var(--pm-card);border-bottom:1px solid var(--pm-border)}.spm-header-top{display:flex;justify-content:space-between;align-items:center}.spm-header-info{display:flex;align-items:center;gap:1rem}.spm-header-icon{width:2rem;height:2rem;color:var(--pm-primary);flex-shrink:0}.spm-header-info h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--pm-foreground)}.spm-header-info p{margin:0;font-size:.875rem;color:var(--pm-muted-foreground)}.spm-search-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem}.spm-search-input{flex:1;max-width:400px;padding:.5rem .75rem;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:.875rem;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.spm-search-input:focus{outline:none;border-color:var(--pm-ring);box-shadow:0 0 0 2px #0f172a1a}.spm-stats{font-size:.875rem;color:var(--pm-muted-foreground);white-space:nowrap}.spm-content{flex:1;display:flex;overflow:hidden}.spm-list-panel{width:400px;border-right:1px solid var(--pm-border);background-color:var(--pm-card);display:flex;flex-direction:column;height:100%;overflow:hidden}.spm-list{flex:1;overflow-y:auto;padding:.5rem;min-height:0}.spm-card{border:1px solid var(--pm-border);border-radius:var(--pm-radius);margin-bottom:.5rem;background-color:var(--pm-background);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.spm-card:hover{border-color:var(--pm-ring);box-shadow:0 2px 4px #0000001a}.spm-card.spm-selected{border-color:var(--pm-primary);background-color:var(--pm-accent)}.spm-card-header{padding:1rem;border-bottom:1px solid var(--pm-border);display:flex;justify-content:space-between;align-items:center}.spm-card-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--pm-foreground);flex:1;margin-right:1rem}.spm-card-badges{display:flex;align-items:center;gap:.5rem}.spm-version-badge{background-color:var(--pm-primary);color:var(--pm-primary-foreground);padding:.125rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.spm-readonly-icon{width:1rem;height:1rem;color:var(--pm-muted-foreground)}.spm-card-content{padding:1rem}.spm-description{margin:0 0 .75rem;font-size:.75rem;color:var(--pm-muted-foreground);line-height:1.4}.spm-card-meta{display:flex;flex-direction:column;gap:.25rem}.spm-usage,.spm-usage-count{font-size:.625rem;color:var(--pm-muted-foreground);background-color:var(--pm-muted);padding:.25rem .5rem;border-radius:var(--pm-radius);width:fit-content}.spm-detail-panel{flex:1;overflow-y:auto;background-color:var(--pm-background);height:100%;min-height:0}.spm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--pm-muted-foreground);padding:2rem}.spm-empty-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.spm-empty-state h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.spm-empty-state p{margin:0;font-size:.875rem}.spm-detail{padding:1.5rem}.spm-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--pm-border)}.spm-detail-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--pm-foreground)}.spm-title-badges{display:flex;align-items:center;gap:.75rem}.spm-readonly-badge{display:flex;align-items:center;gap:.375rem;background-color:var(--pm-muted);color:var(--pm-muted-foreground);padding:.25rem .5rem;border-radius:var(--pm-radius);font-size:.75rem;font-weight:500}.spm-detail-actions{display:flex;gap:.75rem}.spm-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--pm-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.spm-btn-secondary{background-color:var(--pm-secondary);color:var(--pm-secondary-foreground);border-color:var(--pm-border)}.spm-btn-secondary:hover{background-color:var(--pm-secondary-hover)}.spm-detail-content{display:flex;flex-direction:column;gap:2rem}.spm-info-section,.spm-variables-section,.spm-content-section,.spm-notice-section{background-color:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:1.5rem}.spm-info-section h4,.spm-variables-section h4,.spm-content-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--pm-foreground)}.spm-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.spm-info-item{display:flex;flex-direction:column;gap:.375rem}.spm-info-item label{font-size:.75rem;font-weight:500;color:var(--pm-muted-foreground);text-transform:uppercase;letter-spacing:.05em}.spm-info-item code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background-color:var(--pm-muted);color:var(--pm-primary);padding:.25rem .5rem;border-radius:var(--pm-radius);border:1px solid var(--pm-border)}.spm-info-item span{font-size:.875rem;color:var(--pm-foreground);font-variant-numeric:tabular-nums}.spm-variables-grid{display:flex;flex-wrap:wrap;gap:.5rem}.spm-variable-tag{display:flex;align-items:center;gap:.375rem;background-color:var(--pm-muted);color:var(--pm-primary);padding:.375rem .75rem;border-radius:var(--pm-radius);border:1px solid var(--pm-border);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-weight:500}.spm-variable-icon{width:.875rem;height:.875rem}.spm-content-display{background-color:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius);overflow:hidden}.spm-content-text{margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;color:var(--pm-foreground);white-space:pre-wrap;overflow-x:auto}.spm-notice{display:flex;gap:1rem;padding:1rem;background-color:var(--pm-muted);border:1px solid var(--pm-border);border-radius:var(--pm-radius)}.spm-notice-icon{width:1.25rem;height:1.25rem;color:var(--pm-primary);flex-shrink:0;margin-top:.125rem}.spm-notice-content h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--pm-foreground)}.spm-notice-content p{margin:0 0 .75rem;font-size:.75rem;color:var(--pm-muted-foreground);line-height:1.4}.spm-notice-content p:last-child{margin-bottom:0}@media(max-width:1024px){.spm-info-grid{grid-template-columns:1fr;gap:.75rem}.spm-variables-grid{gap:.375rem}}@media(max-width:768px){.spm-content{flex-direction:column}.spm-list-panel{width:100%;height:300px;border-right:none;border-bottom:1px solid var(--pm-border)}.spm-search-filters{flex-direction:column;align-items:stretch;gap:.5rem}.spm-search-input{max-width:none}.spm-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.spm-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.spm-card-header h4{margin-right:0}.spm-notice{flex-direction:column;gap:.75rem}.spm-content-text{font-size:.625rem}}.pm-login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:pm-login-modal-fadeIn .2s ease-out}@keyframes pm-login-modal-fadeIn{0%{opacity:0}to{opacity:1}}.pm-login-modal{background:#fff;border-radius:16px;width:90%;max-width:420px;box-shadow:0 25px 50px #00000026;animation:pm-login-modal-slideUp .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes pm-login-modal-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-login-modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.pm-login-modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.pm-login-modal-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pm-login-modal-close:hover{background:#f3f4f6;color:#6b7280}.pm-login-modal-content{padding:24px;text-align:center}.pm-login-modal-icon{margin-bottom:20px;color:#4f46e5}.pm-login-modal-message{font-size:16px;color:#4b5563;line-height:1.5;margin:0}.pm-login-modal-actions{padding:0 24px 24px;display:flex;gap:12px;justify-content:center}.pm-login-modal-btn{min-width:100px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-align:center}.pm-login-modal-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #E5E7EB}.pm-login-modal-btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.pm-login-modal-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:1px solid transparent}.pm-login-modal-btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}@media(max-width:480px){.pm-login-modal{width:95%;margin:20px}.pm-login-modal-actions{flex-direction:column}.pm-login-modal-btn{width:100%}}.landing-page{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #8b5cf6;--accent-color: #ec4899;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}.landing-page{min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.brand-icon{font-size:2rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary-color)}.nav-actions{display:flex;gap:1rem}.btn{padding:.625rem 1.25rem;border-radius:.5rem;border:none;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-large{padding:.875rem 2rem;font-size:1rem}.btn-icon{font-size:1.25rem}.hero-section{padding:6rem 0;background:linear-gradient(180deg,#fafbff,#fff)}.hero-section .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;color:var(--primary-color);border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.badge-icon{font-size:1.25rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.hero-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.feature-tag{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-primary)}.tag-icon{color:var(--primary-color);font-size:1.125rem}.hero-actions{display:flex;gap:1rem}.hero-visual{position:relative}.code-window{background:#1e293b;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #00000026}.code-header{background:#0f172a;padding:1rem;display:flex;align-items:center;gap:.5rem}.code-dots{display:flex;gap:.5rem}.code-dots span{width:.75rem;height:.75rem;border-radius:50%}.code-dots span:nth-child(1){background:#ef4444}.code-dots span:nth-child(2){background:#f59e0b}.code-dots span:nth-child(3){background:#10b981}.code-title{color:#94a3b8;font-size:.875rem;margin-left:1rem}.code-content{padding:1.5rem;margin:0;overflow-x:auto;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.8;max-height:500px;overflow-y:auto}.code-content code{color:#e2e8f0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem}.pain-points-section{padding:6rem 0;background:var(--bg-secondary)}.comparison-grid{display:flex;flex-direction:column;gap:2rem}.comparison-item{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d}.problem-side,.solution-side{padding:1.5rem}.problem-icon,.solution-icon{font-size:2rem;margin-bottom:1rem}.problem-side h3,.solution-side h3{font-size:1.25rem;margin-bottom:1rem}.problem-side ul,.solution-side ul{list-style:none;padding:0}.problem-side li,.solution-side li{padding:.5rem 0;color:var(--text-secondary)}.problem-side li:before{content:"•";color:var(--error-color);font-weight:700;margin-right:.5rem}.solution-side li:before{content:"•";color:var(--success-color);font-weight:700;margin-right:.5rem}.arrow{font-size:2rem;color:var(--primary-color);font-weight:700}.features-section{padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--border-color);transition:all .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-color)}.feature-icon{width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);margin-bottom:1rem}.feature-card ul{list-style:none;padding:0;color:var(--text-secondary);font-size:.875rem}.architecture-section{padding:6rem 0;background:var(--bg-secondary)}.architecture-diagram{max-width:800px;margin:0 auto 4rem}.arch-layer{margin-bottom:1rem}.layer-label{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600}.layer-boxes{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.arch-box{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:2px solid var(--border-color);border-radius:.5rem;font-weight:600;color:var(--text-primary);transition:all .3s}.arch-box:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f133}.box-icon{color:var(--primary-color)}.arch-arrow{text-align:center;font-size:2rem;color:var(--primary-color);margin:.5rem 0}.arch-advantages{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.advantage-item{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.advantage-item h4{font-size:1.125rem;margin-bottom:.5rem}.advantage-item p{color:var(--text-secondary);font-size:.875rem}.use-cases-section{padding:6rem 0}.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.case-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--border-color);transition:all .3s}.case-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.case-icon{font-size:3rem;margin-bottom:1rem}.case-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.case-scenario{color:var(--text-secondary);margin-bottom:1rem}.case-solution,.case-result{margin:1rem 0;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem}.case-solution strong,.case-result strong{color:var(--primary-color)}.case-example{margin-top:1rem}.case-example code{display:block;padding:1rem;background:#1e293b;color:#e2e8f0;border-radius:.5rem;font-size:.875rem;overflow-x:auto}.structure-tree{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.tree-node{padding:.5rem;font-weight:600}.tree-children{margin-left:2rem;border-left:2px solid var(--border-color);padding-left:1rem}.case-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-tag{padding:.375rem .75rem;background:#6366f11a;color:var(--primary-color);border-radius:.25rem;font-size:.75rem;font-weight:600}.testimonials-section{padding:6rem 0;background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d}.testimonial-quote{font-size:4rem;color:var(--primary-color);line-height:0;margin-bottom:1rem}.testimonial-text{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.author-name{font-weight:600;color:var(--text-primary)}.author-title{font-size:.875rem;color:var(--text-secondary)}.faq-section{padding:6rem 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.faq-question{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;font-weight:600;font-size:1.125rem;cursor:pointer;transition:background .2s}.faq-question:hover{background:var(--bg-secondary)}.faq-icon{color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.faq-answer{padding:1.5rem;background:var(--bg-secondary);color:var(--text-secondary);line-height:1.8;border-top:1px solid var(--border-color)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.cta-section .btn-secondary{background:#fff;color:var(--primary-color)}.cta-section .btn-secondary:hover{background:#ffffffe6}.cta-note{opacity:.9;font-size:.875rem}.landing-footer{background:#0f172a;color:#94a3b8;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #1e293b}.footer-brand{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700}.footer-brand .brand-icon{color:var(--primary-color)}.footer-copyright{font-size:.875rem}@media(max-width:1024px){.hero-section .container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.comparison-item{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.nav-links{display:none}}@media(max-width:768px){.hero-title,.section-title{font-size:2rem}.hero-actions,.cta-actions{flex-direction:column}.footer-bottom{flex-direction:column;gap:1rem}}