:root{--keep-docs-primary-color:#2e66a3;--keep-docs-primary-dark:#1a4d7a;--keep-docs-secondary-color:#4caf50;--keep-docs-danger-color:#e02234;--keep-docs-warning-color:#ffc107;--keep-docs-blue:#007bff;--keep-docs-red-dark:#c82333;--keep-docs-success-color:#28a745;--keep-docs-error-color:#dc3545;--keep-docs-error-light:#f8d7da;--keep-docs-white:#fff;--keep-docs-background:#fff;--keep-docs-text-color:#333;--keep-docs-muted-color:#6c757d;--keep-docs-border-color:#e0e0e0;--keep-docs-gray-50:#f9f9f9;--keep-docs-gray-100:#f8f9fa;--keep-docs-gray-150:#f0f2f4;--keep-docs-gray-200:#e9ecef;--keep-docs-gray-300:#dee2e6;--keep-docs-gray-400:#ced4da;--keep-docs-gray-500:#adb5bd;--keep-docs-gray-600:#6c757d;--keep-docs-gray-700:#495057;--keep-docs-gray-800:#343a40;--keep-docs-gray-900:#212529;--keep-docs-light-gray:var(--keep-docs-gray-100);--keep-docs-dark-gray:var(--keep-docs-gray-700);--keep-docs-shadow:#00000026;--keep-docs-shadow-light:#0000001a;--keep-docs-overlay:#000c;--keep-docs-modal-backdrop:#00000080;--keep-docs-modal-bg:#000000d9;--keep-docs-white-alpha-10:#ffffff1a;--keep-docs-white-alpha-20:#fff3;--keep-docs-white-alpha-30:#ffffff4d;--keep-docs-primary-shadow:#2e66a31a;--keep-docs-primary-glow:#2e66a366;--keep-docs-danger-alpha:#dc3545cc;--keep-docs-blue-light:#e3f2fd;--keep-docs-upload-hover:#f8f9ff;--keep-docs-spacing-xs:4px;--keep-docs-spacing-sm:8px;--keep-docs-spacing-md:12px;--keep-docs-spacing-lg:16px;--keep-docs-spacing-xl:20px;--keep-docs-spacing-xxl:24px;--keep-docs-radius-sm:4px;--keep-docs-radius-md:6px;--keep-docs-radius-lg:8px;--keep-docs-transition-fast:.2s ease;--keep-docs-transition-normal:.3s ease;--keep-docs-transition-slow:.5s ease}
.keep-docs{width:100%;color:var(--keep-docs-text-color);min-width:260px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;container-type:inline-size}.keep-docs-layout{border:1px solid var(--keep-docs-border-color);border-radius:var(--keep-docs-radius-lg);background:var(--keep-docs-background);flex-direction:column;min-height:666px;display:flex;overflow:hidden}.keep-docs-sidebar{background:var(--keep-docs-light-gray);border-bottom:1px solid var(--keep-docs-border-color);width:100%;transition:all var(--keep-docs-transition-normal)}.keep-docs-sidebar *{transition:opacity var(--keep-docs-transition-normal) .2s}.keep-docs-content{padding:var(--keep-docs-spacing-xl);background-color:var(--keep-docs-background);flex:1;min-width:0;overflow:hidden}.keep-docs-empty{padding:40px var(--keep-docs-spacing-xl);text-align:center;color:var(--keep-docs-muted-color)}.document-tabs-container{transition:all var(--keep-docs-transition-slow);opacity:1;max-height:none;overflow:hidden;transform:translateY(0)}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar{border-bottom:none;border-left:none;width:0;min-width:0;height:0;margin:0;padding:0;overflow:hidden}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar *{opacity:0;transition:opacity .1s ease-out}.keep-docs-layout.fullscreen-viewer .keep-docs-content{order:1}@container (min-width:1201px){.keep-docs-layout{flex-direction:row}.keep-docs-sidebar{border-left:1px solid var(--keep-docs-border-color);border-bottom:none;order:2;width:250px}.keep-docs-content{order:1}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar{border-left:none;width:0;min-width:0}}@container (max-width:1200px){.keep-docs-layout{flex-direction:row}.keep-docs-sidebar{border-left:1px solid var(--keep-docs-gray-200);border-bottom:none;order:2;width:200px}.keep-docs-content{order:1}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar{border-left:none;width:0;min-width:0}}@container (max-width:480px){.keep-docs-layout{flex-direction:column}.keep-docs-sidebar{border-left:none;border-right:none;border-bottom:1px solid var(--keep-docs-gray-200);order:0;width:100%}.keep-docs-content{order:1}.document-tabs-container{opacity:0;max-height:0;transform:translateY(-10px)}.document-tabs-container.open{opacity:1;max-height:2000px;transform:translateY(0)}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar{opacity:1;border-bottom:1px solid var(--keep-docs-gray-200);width:100%;height:auto;min-height:auto}.keep-docs-layout.fullscreen-viewer .keep-docs-sidebar *{opacity:1}}
.accordion-header{padding:var(--keep-docs-spacing-lg) var(--keep-docs-spacing-xl);background:var(--keep-docs-gray-200);border-bottom:1px solid var(--keep-docs-gray-300);cursor:pointer;color:var(--keep-docs-dark-gray);-webkit-user-select:none;user-select:none;transition:background-color var(--keep-docs-transition-fast);justify-content:space-between;align-items:center;font-weight:600;display:none}.accordion-header:hover{background:var(--keep-docs-gray-300)}.accordion-arrow{transition:transform var(--keep-docs-transition-slow);color:var(--keep-docs-muted-color);font-size:12px}.accordion-arrow.open{transform:rotate(180deg)}@container (max-width:480px){.accordion-header{display:flex}}
.document-tabs{padding:var(--keep-docs-spacing-lg) 0;flex-direction:column;display:flex}.document-tab{margin:2px var(--keep-docs-spacing-md);text-align:left;cursor:pointer;border-radius:var(--keep-docs-radius-md);color:var(--keep-docs-dark-gray);background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:14px 10px;font-size:14px;transition:all .25s;display:flex;position:relative}.document-tab:before{content:"";left:calc(-1 * var(--keep-docs-spacing-md));background:0 0;border-radius:0 2px 2px 0;width:3px;transition:all .25s;position:absolute;top:0;bottom:0}.document-tab:hover{background:var(--keep-docs-gray-200);color:var(--keep-docs-gray-900);transform:translate(2px)}.document-tab:hover:before{background:var(--keep-docs-gray-300)}.document-tab.active{background:var(--keep-docs-white);color:var(--keep-docs-primary-color);border-left-color:var(--keep-docs-primary-color);box-shadow:0 2px 4px var(--keep-docs-primary-shadow);font-weight:500}.document-tab.active:before{background:var(--keep-docs-primary-color)}.tab-name{font-weight:inherit;letter-spacing:.3px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.document-tab.active .tab-name{text-shadow:0 0 1px var(--keep-docs-primary-glow)}.required-indicator{color:var(--keep-docs-danger-color);margin-left:var(--keep-docs-spacing-xs);font-size:13px;font-weight:700}.document-tab.active .required-indicator{color:var(--keep-docs-red-dark)}.document-group{margin:2px 0}.document-group-header{padding:var(--keep-docs-spacing-xl) var(--keep-docs-spacing-md);text-align:left;cursor:pointer;border-radius:var(--keep-docs-radius-sm);color:var(--keep-docs-muted-color);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0;font-size:14px;font-weight:600;transition:all .25s;display:flex}.document-group-header:hover,.document-group-header.active{background:var(--keep-docs-gray-200)}.document-group-header.active .group-name{color:var(--keep-docs-primary-color)}.document-group-header.active:hover{background:var(--keep-docs-gray-300)}.group-name{flex:1}.group-arrow{transition:transform var(--keep-docs-transition-normal);color:var(--keep-docs-muted-color);font-size:12px}.group-arrow.expanded{transform:rotate(180deg)}.document-group-content{transition:all var(--keep-docs-transition-normal);opacity:1;max-height:2000px;overflow:hidden;transform:translateY(0)}.document-group-content.collapsed{opacity:0;max-height:0;transform:translateY(calc(-1 * var(--keep-docs-spacing-sm)))}.document-group-content .document-tab{margin:2px var(--keep-docs-spacing-md);width:calc(100% - var(--keep-docs-spacing-xxl))}@container (max-width:1200px){.tab-name{font-size:13px;line-height:1.3}.document-tab{margin:2px 8px;padding:12px 8px}}@container (max-width:768px){.tab-name{font-size:13px;line-height:1.3}.document-tab{margin:2px 12px;padding:12px 16px}.document-tabs{padding:16px 0}}
.upload-area{border:2px dashed var(--keep-docs-gray-400);border-radius:var(--keep-docs-radius-lg);padding:var(--keep-docs-spacing-xl);text-align:center;cursor:pointer;transition:all var(--keep-docs-transition-normal);margin-bottom:var(--keep-docs-spacing-xl);margin-top:var(--keep-docs-spacing-sm);position:relative}.upload-area:hover{border-color:var(--keep-docs-blue);background-color:var(--keep-docs-upload-hover)}.upload-area:focus{outline:2px solid var(--keep-docs-blue);outline-offset:2px;border-color:var(--keep-docs-blue);background-color:var(--keep-docs-upload-hover)}.upload-area.drag-active{border-color:var(--keep-docs-blue);background-color:var(--keep-docs-blue-light)}.upload-area.disabled{opacity:.6;cursor:not-allowed;background-color:var(--keep-docs-gray-100)}.upload-content{align-items:center;gap:var(--keep-docs-spacing-md);text-align:center;justify-content:center;display:flex}.upload-title{color:var(--keep-docs-text-color);text-align:center;margin:0;font-size:18px;font-weight:600}.upload-subtitle{color:var(--keep-docs-muted-color);text-align:center;margin:0}.upload-text{text-align:center;flex-direction:column;gap:2px;display:flex}
.document-header{padding-bottom:var(--keep-docs-spacing-md);border-bottom:1px solid var(--keep-docs-border-color);justify-content:space-between;align-items:flex-start;gap:var(--keep-docs-spacing-lg);display:flex}.document-header h4{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:0 auto;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.4}.document-header-controls{align-items:center;gap:var(--keep-docs-spacing-lg);flex-shrink:0;display:flex}.action-document-button{border-radius:var(--keep-docs-radius-sm);cursor:pointer;transition:background-color var(--keep-docs-transition-fast);justify-content:center;align-items:center;gap:var(--keep-docs-spacing-xs);white-space:nowrap;min-width:140px;height:30px;font-size:12px;font-weight:500;line-height:1;display:flex}.download-document-button{padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-md);background:var(--keep-docs-primary-color);color:#fff;border:none}.download-document-button-text{margin-top:2px;padding:2px}.download-document-button:hover{background:var(--keep-docs-primary-dark)}.delete-version-button{padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-md);color:var(--keep-docs-danger-color);border:1px solid var(--keep-docs-danger-color);transition:all var(--keep-docs-transition-normal);background:#fff}.delete-version-button:hover:not(:disabled){background:var(--keep-docs-danger-color);color:#fff}.delete-version-button:disabled{opacity:.6;cursor:not-allowed;background:var(--keep-docs-gray-400)}@container (max-width:1200px){.document-header{flex-wrap:wrap;align-items:center;gap:12px}.document-header h4{flex-basis:auto;align-items:center;gap:12px;min-width:0;display:flex}.document-header-controls{flex-wrap:wrap;gap:12px;min-width:200px}}@container (max-width:768px){.document-header{flex-direction:column;align-items:stretch;gap:12px}.document-header h4{flex-basis:auto;min-width:0;margin-bottom:4px}.document-header-controls{flex-wrap:nowrap;justify-content:space-between;width:100%}.download-document-button,.delete-version-button{height:28px;padding:5px 10px;font-size:11px}.document-header{gap:8px}.document-header h4{font-size:14px}.document-header-controls{flex-direction:column;gap:8px;width:100%}.download-document-button,.delete-version-button{width:100%;height:26px;padding:4px 8px;font-size:10px}}
.document-preview-empty{text-align:center;padding:40px var(--keep-docs-spacing-xl);color:var(--keep-docs-muted-color)}.preview-grid{gap:var(--keep-docs-spacing-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.preview-item{border:1px solid var(--keep-docs-border-color);border-radius:var(--keep-docs-radius-lg);transition:box-shadow var(--keep-docs-transition-fast);background:#fff;overflow:hidden}.preview-item:hover{box-shadow:0 2px 8px var(--keep-docs-shadow-light)}.preview-image-container{aspect-ratio:3/4;position:relative;overflow:hidden}.preview-image{object-fit:contain;width:100%;height:100%;transition:transform var(--keep-docs-transition-fast)}.preview-image.clickable{cursor:pointer}.preview-image.clickable:hover{transform:scale(1.02)}.preview-image.non-clickable{cursor:default;opacity:.8}button.preview-image.clickable{cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;display:block}button.preview-image.clickable:focus{outline:2px solid var(--keep-docs-blue);outline-offset:2px}button.preview-image.clickable:hover{transform:scale(1.02)}button.preview-image.clickable img{object-fit:contain;width:100%;height:100%;transition:transform var(--keep-docs-transition-fast);display:block}.download-page-button{top:var(--keep-docs-spacing-sm);left:var(--keep-docs-spacing-sm);background:var(--keep-docs-primary-color);color:#fff;cursor:pointer;width:24px;height:24px;transition:background-color var(--keep-docs-transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute}.download-page-button:hover{background:var(--keep-docs-primary-dark)}.delete-page-button{top:var(--keep-docs-spacing-sm);right:var(--keep-docs-spacing-sm);background:var(--keep-docs-danger-alpha);color:#fff;cursor:pointer;width:24px;height:24px;transition:background-color var(--keep-docs-transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute}.delete-page-button:hover{background:var(--keep-docs-danger-color)}.preview-info{padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-md);justify-content:space-between;align-items:center;display:flex}.page-number{color:var(--keep-docs-text-color);font-size:12px;font-weight:500}.file-type{color:var(--keep-docs-muted-color);background:var(--keep-docs-gray-100);padding:2px var(--keep-docs-spacing-xs);border-radius:var(--keep-docs-radius-sm);font-size:10px}@container (max-width:768px){.preview-grid{grid-template-columns:1fr}}
.version-selector{display:inline-block;position:relative}.version-selector-container{align-items:stretch;display:flex}.version-selector-trigger{align-items:center;gap:var(--keep-docs-spacing-sm);padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-md);background:var(--keep-docs-gray-100);border:1px solid var(--keep-docs-gray-300);border-radius:var(--keep-docs-radius-sm) 0 0 var(--keep-docs-radius-sm);cursor:pointer;transition:all var(--keep-docs-transition-fast);width:205px;height:30px;font-size:13px;display:flex}.version-selector-container:not(:has(.version-edit-button)) .version-selector-trigger{border-radius:var(--keep-docs-radius-sm);min-width:180px}.version-selector-trigger:hover:not(.disabled){background:var(--keep-docs-gray-200);border-color:var(--keep-docs-gray-500)}.version-selector-trigger.disabled{opacity:.6;cursor:not-allowed}.version-label{color:var(--keep-docs-muted-color);font-weight:500}.version-name{text-align:left;color:var(--keep-docs-dark-gray);text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:120px;font-weight:600;overflow:hidden}.version-arrow{color:var(--keep-docs-muted-color);margin-left:auto;font-size:10px}.version-dropdown{border:1px solid var(--keep-docs-gray-300);border-radius:var(--keep-docs-radius-sm);box-shadow:0 4px var(--keep-docs-spacing-md) var(--keep-docs-shadow);z-index:1000;background:#fff;max-height:400px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.version-option{width:100%;padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-md);text-align:left;cursor:pointer;transition:background-color var(--keep-docs-transition-fast);border:none;border-bottom:1px solid var(--keep-docs-gray-100);background:0 0;align-items:center;display:flex}.version-option:last-child{border-bottom:none}.version-option:hover{background:var(--keep-docs-gray-100)}.version-option.active{background:var(--keep-docs-blue-light)}.version-option-content{flex-direction:column;flex:1;gap:2px;display:flex}.version-option-name{color:var(--keep-docs-dark-gray);font-size:13px;font-weight:500}.version-option-date{color:var(--keep-docs-muted-color);font-size:11px}.version-current-indicator{color:var(--keep-docs-success-color);margin-left:var(--keep-docs-spacing-sm);font-size:14px;font-weight:700}.version-edit-button{background:var(--keep-docs-white);border:1px solid var(--keep-docs-gray-300);cursor:pointer;padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-xs);width:32px;height:30px;transition:all var(--keep-docs-transition-fast);border-left:none;border-radius:0;justify-content:center;align-items:center;display:flex}.version-edit-button+.version-edit-button{border-left:none}.version-edit-button:last-child{border-radius:0 var(--keep-docs-radius-sm) var(--keep-docs-radius-sm) 0}.version-edit-button:hover{background:var(--keep-docs-gray-100);border-color:var(--keep-docs-gray-500)}.version-edit-input{width:205px;height:30px;padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-md);border:1px solid var(--keep-docs-gray-300);border-radius:var(--keep-docs-radius-sm) 0 0 var(--keep-docs-radius-sm);background:var(--keep-docs-gray-100);transition:all var(--keep-docs-transition-fast);color:var(--keep-docs-dark-gray);outline:none;font-size:13px;font-weight:500}.version-edit-input:focus{border-color:var(--keep-docs-blue);background:var(--keep-docs-white)}@container (max-width:768px){.version-selector-trigger{min-width:140px;height:28px;padding:5px 10px;font-size:12px}.version-selector{width:100%}.version-selector-trigger{min-width:unset;width:100%;height:26px;padding:4px 8px;font-size:11px}.version-selector-trigger .version-name{text-align:right}.version-edit-button{width:26px;height:26px;padding:3px}.version-edit-input{width:100%;height:26px;padding:4px 8px;font-size:11px}}
.modal-overlay{background:var(--keep-docs-modal-backdrop);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--keep-docs-radius-lg);padding:var(--keep-docs-spacing-xxl);background:#fff;min-width:400px;max-width:500px}.modal-content h3{margin:0 0 var(--keep-docs-spacing-lg) 0;font-size:18px;font-weight:600}.form-group{margin-bottom:var(--keep-docs-spacing-lg)}.form-group label{margin-bottom:var(--keep-docs-spacing-xs);color:var(--keep-docs-text-color);font-weight:500;display:block}.form-group input[type=text]{width:100%;padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-md);border:1px solid var(--keep-docs-gray-400);border-radius:var(--keep-docs-radius-sm);font-size:14px}.checkbox-label{cursor:pointer;align-items:center;display:flex!important}.checkbox-label input[type=checkbox]{margin-right:var(--keep-docs-spacing-sm)}.modal-actions{gap:var(--keep-docs-spacing-md);margin-top:var(--keep-docs-spacing-xxl);justify-content:flex-end;display:flex}.cancel-button,.submit-button{padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-lg);border:1px solid var(--keep-docs-gray-400);border-radius:var(--keep-docs-radius-sm);cursor:pointer;transition:all var(--keep-docs-transition-fast);font-size:14px}.cancel-button{color:var(--keep-docs-text-color);background:#fff}.cancel-button:hover{background:var(--keep-docs-gray-100)}.submit-button{background:var(--keep-docs-blue);color:#fff;border-color:var(--keep-docs-blue)}.submit-button:hover{background:var(--keep-docs-primary-color);border-color:var(--keep-docs-primary-color)}
.image-modal-overlay{background:var(--keep-docs-modal-bg);z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal-content{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.image-modal-controls{top:var(--keep-docs-spacing-xl);background:var(--keep-docs-overlay);border-radius:var(--keep-docs-radius-lg);padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-xl);align-items:center;gap:var(--keep-docs-spacing-lg);z-index:2001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--keep-docs-white-alpha-10);display:flex;position:fixed;left:50%;transform:translate(-50%)}.image-total{color:var(--keep-docs-muted-color)}.image-modal-navigation{align-items:center;gap:var(--keep-docs-spacing-xs);display:flex}.image-modal-buttons{align-items:center;gap:var(--keep-docs-spacing-sm);display:flex}.control-button{background:var(--keep-docs-white-alpha-10);border:1px solid var(--keep-docs-white-alpha-20);color:#fff;padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-md);border-radius:var(--keep-docs-radius-md);cursor:pointer;transition:all var(--keep-docs-transition-fast);justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;font-weight:500;display:flex}.control-button:hover:not(:disabled){background:var(--keep-docs-white-alpha-20);border-color:var(--keep-docs-white-alpha-30);transform:translateY(-1px)}.control-button:disabled{opacity:.4;cursor:not-allowed}.control-button.zoom-out,.control-button.zoom-in{font-size:18px;font-weight:700}.control-button.rotate,.control-button.reset{font-size:16px}.control-button.close{background:var(--keep-docs-danger-alpha);border-color:var(--keep-docs-danger-alpha);font-size:16px}.control-button.close:hover{background:var(--keep-docs-danger-color);border-color:var(--keep-docs-danger-color)}.zoom-level{color:#fff;text-align:center;background:var(--keep-docs-white-alpha-10);min-width:48px;padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-sm);border-radius:var(--keep-docs-radius-sm);border:1px solid var(--keep-docs-white-alpha-20);font-size:12px;font-weight:500}.image-modal-viewport{padding:80px var(--keep-docs-spacing-xl) var(--keep-docs-spacing-xl);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-modal-image{object-fit:contain;width:auto;max-width:80vw;height:auto;max-height:80vh;transition:transform var(--keep-docs-transition-normal);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-modal-image.dragging{transition:none;cursor:grabbing!important}@media (max-width:1200px){.image-modal-controls{justify-content:center;align-items:center;gap:var(--keep-docs-spacing-md);flex-wrap:wrap}.image-modal-navigation{flex-shrink:0;order:2}.image-modal-buttons{width:100%;margin-top:var(--keep-docs-spacing-sm);flex-wrap:wrap;order:3;justify-content:center}}@container (max-width:768px){.image-modal-controls{gap:8px;padding:8px 12px;top:10px}.control-button{min-width:32px;height:32px;padding:6px 8px;font-size:12px}.zoom-level{min-width:40px;padding:4px 6px;font-size:10px}.image-modal-viewport{padding:60px 10px 10px}}@media (max-width:480px){.image-modal-controls{align-items:stretch;gap:var(--keep-docs-spacing-sm);flex-direction:column}.image-modal-navigation{order:2;justify-content:center;width:100%}.image-modal-buttons{order:3;justify-content:center;width:100%;margin-top:0}}
.page-viewer-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-viewer-container{background:#fff;border-radius:8px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;box-shadow:0 10px 25px #0000004d}.page-viewer-header{background:#f9f9f9;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.page-viewer-counter{color:#333;font-weight:500}.page-viewer-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:18px;transition:background-color .2s}.page-viewer-close:hover{color:#333;background-color:#e5e5e5}.page-viewer-content{align-items:center;max-height:calc(90vh - 60px);display:flex;position:relative}.page-viewer-image-container{flex:1;justify-content:center;padding:1rem;display:flex;overflow:hidden}.page-viewer-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0000001a}.page-viewer-nav{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:none;border-radius:4px;padding:1rem .75rem;font-size:24px;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.page-viewer-nav:hover{background:#000000e6}.page-viewer-prev{left:1rem}.page-viewer-next{right:1rem}@media (max-width:768px){.page-viewer-overlay{padding:.5rem}.page-viewer-container{max-width:95vw;max-height:95vh}.page-viewer-nav{padding:.75rem;font-size:20px}}
.inline-page-viewer{box-sizing:border-box;width:100%;max-width:100vw;overflow:hidden}.inline-page-viewer-header{padding:var(--keep-docs-spacing-sm);border-bottom:1px solid var(--keep-docs-border-color);background:#fff}.inline-page-viewer-header .image-modal-controls{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;justify-content:center;width:100%;margin:0;padding:0;position:static;transform:none}.inline-page-viewer-header .image-total{color:var(--keep-docs-muted-color)}.inline-page-viewer-header .control-button{background:var(--keep-docs-gray-200);border:1px solid var(--keep-docs-border-color);color:var(--keep-docs-text-color)}.inline-page-viewer-header .control-button:hover:not(:disabled){background:var(--keep-docs-gray-300);border-color:var(--keep-docs-border-color);transform:none}.inline-page-viewer-header .control-button.close{background:var(--keep-docs-danger-color);border-color:var(--keep-docs-danger-color);color:#fff}.inline-page-viewer-header .control-button.close:hover{background:var(--keep-docs-red-dark);border-color:var(--keep-docs-red-dark)}.inline-page-viewer-header .zoom-level{color:var(--keep-docs-text-color);background:var(--keep-docs-gray-200);border:1px solid var(--keep-docs-border-color)}.inline-page-viewer-counter{color:var(--keep-docs-text-color);font-size:14px;font-weight:500}.inline-page-viewer-close{cursor:pointer;padding:var(--keep-docs-spacing-xs);color:var(--keep-docs-muted-color);border-radius:var(--keep-docs-radius-sm);background:0 0;border:none;font-size:16px;line-height:1;transition:background-color .2s}.inline-page-viewer-close:hover{background-color:var(--keep-docs-gray-200);color:var(--keep-docs-text-color)}.inline-page-viewer-content{background:#fff;flex-direction:column;max-height:90vh;padding:10px;display:flex;overflow:auto}.inline-page-viewer-image-container{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;width:100%;min-width:0;padding:4px;display:flex;overflow:visible}.inline-page-viewer-image{object-fit:contain;border-radius:var(--keep-docs-radius-sm);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;flex-shrink:0;max-width:none;height:auto;margin:0;display:block;box-shadow:0 2px 8px #0000001a}.inline-page-viewer-image.dragging{transition:none;cursor:grabbing!important}.inline-page-viewer-image-container{position:relative}.inline-page-viewer-image-container.current-page .inline-page-viewer-image{box-shadow:0 4px 16px #3b82f64d, 0 0 0 2px var(--keep-docs-primary-color)}.page-number-indicator{color:#fff;border-radius:var(--keep-docs-radius-sm);pointer-events:none;z-index:10;background:#000000b3;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:-8px;left:20px;box-shadow:0 2px 8px #00000026}.inline-page-viewer-image-container.current-page .page-number-indicator{background:var(--keep-docs-primary-color)}.inline-page-viewer-nav{color:#fff;padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-sm);cursor:pointer;border-radius:var(--keep-docs-radius-sm);z-index:10;background:#000000b3;border:none;font-size:24px;line-height:1;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.inline-page-viewer-nav:hover{background:#000000e6}.inline-page-viewer-nav:disabled{opacity:.5;cursor:not-allowed}.inline-page-viewer-prev{left:var(--keep-docs-spacing-xs)}.inline-page-viewer-next{right:var(--keep-docs-spacing-xs)}@media (max-width:768px){.inline-page-viewer-content{height:70vh}.inline-page-viewer-nav{padding:var(--keep-docs-spacing-sm);font-size:20px}}
.modal-backdrop{background:var(--keep-docs-modal-backdrop);z-index:1000;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.confirmation-modal{border-radius:var(--keep-docs-radius-lg);border:1px solid var(--keep-docs-border-color);background:#fff;width:90%;max-width:400px;max-height:90vh;animation:.2s ease-out slideIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.modal-backdrop-closing{animation:.2s ease-out fadeOut}.confirmation-modal-closing{animation:.2s ease-out slideOut}.confirmation-modal-header{padding:var(--keep-docs-spacing-lg) var(--keep-docs-spacing-xl);border-bottom:1px solid var(--keep-docs-border-color);justify-content:space-between;align-items:center;display:flex}.confirmation-modal-title{color:var(--keep-docs-text-color);margin:0;font-size:18px;font-weight:600}.confirmation-modal-close{color:var(--keep-docs-muted-color);cursor:pointer;width:24px;height:24px;transition:color var(--keep-docs-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.confirmation-modal-close:hover{color:var(--keep-docs-text-color)}.confirmation-modal-body{padding:var(--keep-docs-spacing-xl)}.confirmation-modal-message{color:var(--keep-docs-text-color);margin:0;line-height:1.5}.confirmation-modal-footer{gap:var(--keep-docs-spacing-md);padding:var(--keep-docs-spacing-lg) var(--keep-docs-spacing-xl);border-top:1px solid var(--keep-docs-border-color);justify-content:flex-end;display:flex}.confirmation-modal-button{padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-lg);border-radius:var(--keep-docs-radius-sm);cursor:pointer;transition:all var(--keep-docs-transition-fast);justify-content:center;align-items:center;min-width:80px;height:36px;font-size:14px;font-weight:500;display:flex}.confirmation-modal-cancel{background:var(--keep-docs-gray-100);border:1px solid var(--keep-docs-gray-300);color:var(--keep-docs-text-color)}.confirmation-modal-cancel:hover{background:var(--keep-docs-gray-200);border-color:var(--keep-docs-gray-400)}.confirmation-modal-confirm{color:#fff;border:none}.confirmation-modal-confirm-danger{background:var(--keep-docs-danger-color)}.confirmation-modal-confirm-danger:hover{background:var(--keep-docs-red-dark)}.confirmation-modal-confirm-warning{background:var(--keep-docs-warning-color);color:var(--keep-docs-text-color)}.confirmation-modal-confirm-warning:hover{background:#e0a800}.confirmation-modal-confirm-info{background:var(--keep-docs-primary-color)}.confirmation-modal-confirm-info:hover{background:var(--keep-docs-primary-dark)}.confirmation-modal-danger .confirmation-modal-title{color:var(--keep-docs-danger-color)}.confirmation-modal-warning .confirmation-modal-title{color:var(--keep-docs-warning-color)}.confirmation-modal-info .confirmation-modal-title{color:var(--keep-docs-primary-color)}@media (max-width:480px){.confirmation-modal{width:95%;margin:var(--keep-docs-spacing-md)}.confirmation-modal-header{padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-lg)}.confirmation-modal-body{padding:var(--keep-docs-spacing-lg)}.confirmation-modal-footer{padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-lg);flex-direction:column}.confirmation-modal-button{width:100%}}
.modal-backdrop{background:var(--keep-docs-modal-backdrop);z-index:1000;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop-closing{animation:.2s ease-out fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{border-radius:var(--keep-docs-radius-lg);border:1px solid var(--keep-docs-border-color);background:#fff;flex-direction:column;width:90%;max-height:90vh;animation:.2s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-closing{animation:.2s ease-out slideOut}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.modal-sm{max-width:300px}.modal-md{max-width:400px}.modal-lg{max-width:600px}.modal-xl{max-width:800px}.modal-header{padding:var(--keep-docs-spacing-lg) var(--keep-docs-spacing-xl);border-bottom:1px solid var(--keep-docs-border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--keep-docs-text-color);margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--keep-docs-muted-color);cursor:pointer;width:24px;height:24px;transition:color var(--keep-docs-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.modal-close:hover{color:var(--keep-docs-text-color)}.modal-body{padding:var(--keep-docs-spacing-xl);flex:1;overflow-y:auto}.modal-footer{padding:var(--keep-docs-spacing-lg) var(--keep-docs-spacing-xl);border-top:1px solid var(--keep-docs-border-color);flex-shrink:0}.modal-danger .modal-title{color:var(--keep-docs-danger-color)}.modal-warning .modal-title{color:var(--keep-docs-warning-color)}.modal-info .modal-title{color:var(--keep-docs-primary-color)}@media (max-width:768px){.modal{width:95%;margin:var(--keep-docs-spacing-md)}.modal-header{padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-lg)}.modal-body{padding:var(--keep-docs-spacing-lg)}.modal-footer{padding:var(--keep-docs-spacing-md) var(--keep-docs-spacing-lg)}}@media (max-width:480px){.modal-lg,.modal-xl{width:95%;max-width:none}.modal-title{font-size:16px}}
.modal-button{padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-lg);border-radius:var(--keep-docs-radius-sm);cursor:pointer;transition:all var(--keep-docs-transition-fast);border:none;justify-content:center;align-items:center;min-width:80px;height:36px;font-size:14px;font-weight:500;display:inline-flex}.modal-button-primary{background:var(--keep-docs-primary-color);color:#fff}.modal-button-primary:hover{background:var(--keep-docs-primary-dark)}.modal-button-secondary{background:var(--keep-docs-gray-100);border:1px solid var(--keep-docs-gray-300);color:var(--keep-docs-text-color)}.modal-button-secondary:hover{background:var(--keep-docs-gray-200);border-color:var(--keep-docs-gray-400)}.modal-button-danger{background:var(--keep-docs-danger-color);color:#fff}.modal-button-danger:hover{background:var(--keep-docs-red-dark)}.modal-button-warning{background:var(--keep-docs-warning-color);color:var(--keep-docs-text-color)}.modal-button-warning:hover{background:#e0a800}.form-group{margin-bottom:0}.form-group:has(+.form-group){margin-bottom:var(--keep-docs-spacing-lg)}.form-label{margin-bottom:var(--keep-docs-spacing-xs);color:var(--keep-docs-text-color);font-weight:500;display:block}.form-input{width:100%;padding:var(--keep-docs-spacing-sm) var(--keep-docs-spacing-md);border:1px solid var(--keep-docs-gray-300);border-radius:var(--keep-docs-radius-sm);transition:border-color var(--keep-docs-transition-fast);font-size:14px}.form-input:focus{border-color:var(--keep-docs-primary-color);box-shadow:0 0 0 2px var(--keep-docs-primary-shadow);outline:none}.form-input::placeholder{color:var(--keep-docs-muted-color)}.form-checkbox{align-items:flex-start;gap:var(--keep-docs-spacing-md);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;vertical-align:middle;flex-shrink:0;width:16px;height:16px;margin:0}.form-checkbox-label{color:var(--keep-docs-text-color);cursor:pointer;margin-left:var(--keep-docs-spacing-sm);vertical-align:bottom;line-height:1.4}.button-group{gap:var(--keep-docs-spacing-md);justify-content:flex-end;display:flex}@media (max-width:480px){.button-group{flex-direction:column}.modal-button{width:100%}}
.loading-spinner-container{padding:var(--keep-docs-spacing-xl);justify-content:center;align-items:center;gap:var(--keep-docs-spacing-md);flex-direction:column;display:flex}.loading-spinner-container.small{padding:var(--keep-docs-spacing-md);gap:var(--keep-docs-spacing-sm)}.loading-spinner-container.large{padding:var(--keep-docs-spacing-xxl);gap:var(--keep-docs-spacing-lg);min-height:300px}.loading-spinner{justify-content:center;align-items:center;display:flex}.spinner{border:2px solid var(--keep-docs-gray-200);border-top:2px solid var(--keep-docs-blue);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.loading-spinner-container.small .spinner{width:16px;height:16px}.loading-spinner-container.large .spinner{border-width:3px;width:32px;height:32px}.loading-message{color:var(--keep-docs-muted-color);text-align:center;margin:0;font-size:13px}.loading-spinner-container.small .loading-message{font-size:12px}.loading-spinner-container.large .loading-message{font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.loading-overlay{z-index:1000;pointer-events:all;position:absolute}.loading-overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;justify-content:center;align-items:flex-start;padding-top:180px;display:flex;position:absolute;inset:-5px}.loading-overlay .loading-spinner-container{background:var(--keep-docs-white);border-radius:var(--keep-docs-radius-md);padding:var(--keep-docs-spacing-xl);border:1px solid var(--keep-docs-gray-200);box-shadow:0 4px 12px #00000026}
.keep-docs-content-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.schema-loader-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.schema-loader-container{justify-content:center;align-items:center;gap:var(--keep-docs-spacing-lg);text-align:center;flex-direction:column;display:flex}.schema-loader-spinner{justify-content:center;align-items:center;display:flex}.spinner-circle{border:3px solid var(--keep-docs-gray-200);border-top:3px solid var(--keep-docs-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.schema-loader-text{color:var(--keep-docs-muted-color);font-size:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.keep-docs-mini-wrapper{container-type:inline-size}.keep-docs-mini{gap:var(--keep-docs-spacing-md);grid-template-columns:1fr;padding:0;display:grid}@container (min-width:700px){.keep-docs-mini:not(.keep-docs-single){grid-template-columns:1fr 1fr}}.keep-docs-mini-item{border-radius:var(--keep-docs-radius-lg);padding:var(--keep-docs-spacing-sm);background-color:var(--keep-docs-white);transition:all var(--keep-docs-transition-normal);flex-direction:column;min-width:0;overflow:hidden}.keep-docs-mini-item:hover{border-color:var(--keep-docs-gray-300);box-shadow:0 1px 4px var(--keep-docs-shadow-light)}.document-title{color:var(--keep-docs-text-color);margin-bottom:var(--keep-docs-spacing-sm);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.file-indicator{color:var(--keep-docs-success-color);align-items:center;gap:var(--keep-docs-spacing-xs);font-size:12px;font-weight:500;display:flex}.document-dropzone{margin-top:var(--keep-docs-spacing-sm);flex-direction:column;flex:1;display:flex;position:relative}.keep-docs-mini .upload-area{min-height:40px;padding:var(--keep-docs-spacing-md);color:var(--keep-docs-muted-color);box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;margin-bottom:0;font-size:12px;display:flex;border:2px dashed var(--keep-docs-gray-400)!important;border-radius:var(--keep-docs-radius-lg)!important;background-color:#0000!important}.keep-docs-mini .upload-area.upload-success{padding:9px var(--keep-docs-spacing-md);border-color:var(--keep-docs-success-color)!important;background-color:#22c55e0d!important}.keep-docs-mini .upload-title{text-align:center;margin:0 0 2px;font-size:12px}.keep-docs-mini .upload-subtitle{white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;overflow:hidden}.keep-docs-mini .upload-content{justify-content:space-between;align-items:center;width:100%;overflow:hidden}.keep-docs-mini .upload-text{text-align:left;flex:1;min-width:0;overflow:hidden}.keep-docs-mini .upload-icon{margin-left:var(--keep-docs-spacing-xs);flex-shrink:0;font-size:18px;font-weight:700;line-height:1;color:var(--keep-docs-success-color)!important;background-color:#0000!important;border-radius:0!important;width:auto!important;height:auto!important}.keep-docs-mini .upload-area:not(.upload-success) .upload-icon{display:none}.keep-docs-mini .uploaded-file-name{text-align:center;margin-bottom:var(--keep-docs-spacing-xs);font-size:12px}.keep-docs-mini .upload-area:hover{border-color:var(--keep-docs-blue)!important;background-color:var(--keep-docs-upload-hover)!important}.keep-docs-mini .upload-area.drag-active{border-color:var(--keep-docs-blue)!important;background-color:var(--keep-docs-blue-light)!important}.document-dropzone.uploading .upload-area{border-color:var(--keep-docs-primary-color);background-color:var(--keep-docs-primary-shadow)}.upload-progress{justify-content:center;align-items:center;gap:var(--keep-docs-spacing-md);color:var(--keep-docs-primary-color);flex:1;padding:10px;font-weight:500;display:flex}.upload-spinner{border:2px solid var(--keep-docs-gray-300);border-top:2px solid var(--keep-docs-primary-color);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{text-align:center;color:var(--keep-docs-muted-color);padding:var(--keep-docs-spacing-xl);font-size:16px}@media (max-width:768px){.keep-docs-mini{padding:var(--keep-docs-spacing-md);gap:var(--keep-docs-spacing-lg);grid-template-columns:1fr}.keep-docs-mini-item{padding:var(--keep-docs-spacing-md)}.document-title{align-items:flex-start;gap:var(--keep-docs-spacing-xs);flex-direction:column}.file-indicator{font-size:12px}}.uploaded-files{gap:var(--keep-docs-spacing-xs);flex-wrap:wrap;display:flex}.file-item{align-items:center;gap:var(--keep-docs-spacing-xs);padding:var(--keep-docs-spacing-xs) var(--keep-docs-spacing-sm);border:1px solid var(--keep-docs-gray-300);border-radius:var(--keep-docs-radius-md);background-color:var(--keep-docs-white);white-space:nowrap;max-width:49.5%;font-size:12px;display:flex}.file-item:hover{background-color:var(--keep-docs-gray-50);border-color:var(--keep-docs-gray-400)}.file-name{color:var(--keep-docs-text-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.delete-file-btn{color:var(--keep-docs-muted-color);cursor:pointer;border-radius:var(--keep-docs-radius-sm);transition:all var(--keep-docs-transition-normal);margin-left:var(--keep-docs-spacing-xs);background:0 0;border:none;padding:2px 6px;font-size:12px;line-height:1}.delete-file-btn:hover{background-color:var(--keep-docs-error-light);color:var(--keep-docs-error-color)}.delete-file-btn:active{background-color:var(--keep-docs-error-color);color:var(--keep-docs-white)}.file-lest-container{display:contents}