.package-info-panel{padding:var(--spacing-lg);max-width:800px}.package-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-default)}.package-name{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:Monaco,Courier New,monospace}.package-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.version-badge{background:var(--color-primary);color:#fff}.status-badge{background:var(--surface-overlay);color:var(--text-secondary)}.status-badge.status-implemented{background:var(--color-success);color:#fff}.status-badge.status-planned{background:var(--color-warning);color:#fff}.progress-badge{background:var(--color-info);color:#fff}.package-description{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.6}.package-section{margin-bottom:var(--spacing-lg)}.section-title{margin:0 0 var(--spacing-md) 0;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.keyword-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.keyword-tag{padding:.25rem .75rem;background:var(--surface-overlay);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.875rem}.dependency-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dependency-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-raised);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dependency-item.clickable{cursor:pointer}.dependency-item.clickable:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.dependency-item.muted{background:transparent;color:var(--text-tertiary);font-style:italic}.dependency-name{font-family:Monaco,Courier New,monospace;font-size:.875rem;color:var(--text-primary)}.dependency-item.clickable .dependency-name{color:var(--color-primary);font-weight:500}.dependency-version{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-tertiary);padding:.125rem .5rem;background:var(--surface-overlay);border-radius:var(--radius-sm)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metadata-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metadata-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:.875rem;color:var(--text-primary)}.dependency-list.collapsed{max-height:200px;overflow:hidden;position:relative}.view-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;z-index:1000}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.panel-header h2{margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:32px;cursor:pointer;color:var(--text-tertiary);line-height:1;padding:0;width:32px;height:32px}.close-button:hover{color:var(--text-primary)}.panel-content{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:200px 1fr 300px;gap:24px}.profile-section{display:flex;flex-direction:column}.profile-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.action-button{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;text-align:left}.action-button:hover{background-color:var(--bg-tertiary)}.import-button{display:block;cursor:pointer}.profile-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.profile-item{display:flex;align-items:center;gap:8px}.profile-item.active .profile-name{background-color:var(--color-primary);color:#fff}.profile-name{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;text-align:left;font-size:14px}.profile-name:hover{background-color:var(--bg-tertiary)}.profile-item.active .profile-name:hover{background-color:#006cbd}.delete-profile{padding:6px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px}.delete-profile:hover:not(:disabled){background-color:#ffebee;border-color:#f44336}.delete-profile:disabled{opacity:.3;cursor:not-allowed}.new-profile-button{width:100%;padding:10px;border:2px dashed var(--color-primary);border-radius:4px;background:#fff;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500}.new-profile-button:hover{background-color:#f0f8ff}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section h3{margin:0 0 8px;font-size:16px;font-weight:600}.settings-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.settings-group:last-child{border-bottom:none}.settings-group h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-primary)}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group label{font-size:13px;font-weight:500;color:var(--text-tertiary)}.setting-group input[type=text],.setting-group input[type=number],.setting-group select,.setting-group textarea{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.setting-group input:focus,.setting-group select:focus,.setting-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0078d41a}.setting-group textarea{resize:vertical;min-height:60px}.setting-description{font-size:12px;color:#888;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.color-input{display:flex;gap:8px}.color-input input[type=color]{width:50px;height:38px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-input input[type=text]{flex:1}.preview-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.preview-container{border:1px solid #ddd;border-radius:8px;padding:16px;background:#f9f9f9}.panel-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.panel-footer button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-button{background-color:var(--color-primary);color:#fff}.save-button:hover{background-color:#006cbd}.apply-button{background-color:#28a745;color:#fff}.apply-button:hover{background-color:#218838}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover{background-color:var(--border-color)}.view-settings-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.preferences-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.preferences-modal{position:fixed;top:0;left:0;display:flex;flex-direction:column;background:var(--surface-base);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-default);background:var(--surface-raised);cursor:move}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:8px}.modal-content{display:flex;flex:1;overflow:hidden}.modal-sidebar{width:200px;border-right:1px solid var(--border-default);background:var(--surface-raised);overflow-y:auto}.module-list{padding:8px}.module-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s;text-align:left;font-size:14px}.module-item:hover{background:var(--interactive-hover);color:var(--text-primary)}.module-item.active{background:var(--color-primary);color:#fff}.module-icon{font-size:18px}.module-name{flex:1}.modal-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.module-header{padding:16px 20px;border-bottom:1px solid var(--border-default)}.module-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.settings-list{flex:1;overflow-y:auto;padding:20px}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;margin-bottom:12px;background:var(--surface-raised);border-radius:8px;border:1px solid var(--border-subtle);transition:border-color .2s}.setting-row:hover{border-color:var(--border-default)}.setting-info{flex:1;margin-right:20px}.setting-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.setting-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4}.setting-checkbox,.setting-select,.setting-input{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.setting-checkbox{width:20px;height:20px;cursor:pointer}.setting-select,.setting-input{min-width:200px;padding:8px 12px;background:var(--surface-base);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:14px}.setting-select:focus,.setting-input:focus{outline:none;border-color:var(--color-primary)}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-default);background:var(--surface-raised)}.footer-left,.footer-right{display:flex;align-items:center;gap:12px}.changes-indicator{color:var(--color-warning);font-size:13px;font-weight:500}.btn-primary,.btn-secondary,.btn-danger,.btn-close{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-overlay);color:var(--text-primary)}.btn-secondary:hover{background:var(--interactive-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:var(--color-error)}.btn-close{background:transparent;color:var(--text-secondary);padding:4px 8px;font-size:20px}.btn-close:hover{color:var(--text-primary);background:var(--interactive-hover)}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-default) 50%)}.resize-handle:hover{background:linear-gradient(135deg,transparent 50%,var(--color-primary) 50%)}.modal-sidebar::-webkit-scrollbar,.settings-list::-webkit-scrollbar{width:8px}.modal-sidebar::-webkit-scrollbar-track,.settings-list::-webkit-scrollbar-track{background:var(--surface-base)}.modal-sidebar::-webkit-scrollbar-thumb,.settings-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.modal-sidebar::-webkit-scrollbar-thumb:hover,.settings-list::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}