:root{--primary-start: #667eea;--primary-end: #764ba2;--shadow-color: rgba(102, 126, 234, .3);--text-color: #333;--text-muted: #666;--bg-light: #f9fafb;--border-color: #e5e7eb;--panel-width: 400px;--toggler-width: 24px;--border-radius-large: 25px;--border-radius-medium: 12px;--border-radius-small: 8px;--dm-primary-start: #232946;--dm-primary-end: #1a1a2e;--dm-shadow-color: rgba(35, 41, 70, .5);--dm-text-color: #eaeaea;--dm-text-muted: #b0b0b0;--dm-bg-light: #232946;--dm-border-color: #393e46;--dm-panel-bg: #181a24;--dm-btn-bg: linear-gradient(135deg, #232946, #1a1a2e);--dm-btn-hover: #393e46;--dm-input-bg: #232946;--dm-input-border: #393e46;--dm-title-gradient-start: #b3cfff;--dm-title-gradient-end: #e0c3fc;--active-light-bg: #e0f2fe;--active-light-border: #38bdf8;--active-light-text: #0c4a6e;--active-dark-gradient: linear-gradient(135deg, var(--dm-title-gradient-start), var(--dm-title-gradient-end));--active-dark-text: #232946;--active-dark-border: var(--dm-title-gradient-start)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100vh;margin:0;background:linear-gradient(135deg,var(--primary-start),var(--primary-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;justify-content:center;padding:.5rem;overflow:hidden}.container{height:100%;width:100%;max-width:2560px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex}.main-layout{position:relative;width:100%;height:100%;padding-left:var(--panel-width);transition:padding-left .4s cubic-bezier(.4,0,.2,1)}.main-layout[data-layout-state=collapsed]{padding-left:0}.control-panel{width:var(--panel-width);background:#fff;border-right:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;position:absolute;top:0;left:0;height:100%;z-index:20;transition:opacity .3s ease-out,transform .3s ease-out}.main-layout[data-layout-state=collapsed] .control-panel{transform:translate(-100%)!important}.sidebar-toggler{position:absolute;left:var(--panel-width);top:50%;transform:translateY(-50%);z-index:30;width:var(--toggler-width);height:50px;background:var(--primary-start);color:#fff;border:none;border-radius:0 var(--border-radius-small) var(--border-radius-small) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:2px 0 5px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-toggler:hover{background:var(--primary-end)}.main-layout[data-layout-state=collapsed] .sidebar-toggler{left:0}.sidebar-toggler .icon{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.main-layout[data-layout-state=collapsed] .sidebar-toggler .icon{transform:rotate(180deg)}.preview-area-wrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.preview-area{display:flex;flex-grow:1;min-height:0;gap:1rem;background:#eef1f5;padding:1rem;border-radius:15px}.control-panel,#thumbnail-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#ccc #f0f0f0}.panel-header{margin-bottom:2rem;text-align:left}.panel-header h1{font-size:1.8rem;background:linear-gradient(45deg,var(--primary-start),var(--primary-end));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.panel-header p{color:var(--text-muted);font-size:.9rem}.panel-section{margin-bottom:25px}.panel-section:last-child{margin-bottom:0}.panel-section h3{color:var(--text-color);margin-bottom:15px;font-size:1.1rem;font-weight:600;padding-bottom:8px;border-bottom:2px solid var(--primary-start);display:flex;align-items:center}.panel-section h3:before{content:"📁";margin-right:8px}.view-control-section h3:before{content:"🔎"}.panel-section:nth-of-type(2) h3:before{content:"🔧"}.panel-section:nth-of-type(3) h3:before{content:"⚡"}.panel-section:nth-of-type(4) h3:before{content:"🔄"}.control-group{margin-bottom:1rem}.control-group label{display:block;font-weight:500;color:#555;margin-bottom:.5rem;font-size:.9rem}.control-row{display:flex;align-items:center;gap:.5rem}.control-row input{width:70px;text-align:center;padding:8px;height:38px;border:1px solid #ddd;border-radius:var(--border-radius-small);font-size:.9rem}.btn-icon{min-width:38px;font-size:1.2rem;padding:8px 12px}.page-nav-panel{display:flex;align-items:center;justify-content:space-between;background:var(--bg-light);border-radius:var(--border-radius-large);padding:5px;border:1px solid var(--border-color)}.page-nav-panel .page-info{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}#currentPageInput{width:50px;text-align:center;border:1px solid var(--border-color);border-radius:6px;padding:5px;-moz-appearance:textfield}#currentPageInput::-webkit-outer-spin-button,#currentPageInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-nav-panel .btn-icon{background:#fff;color:var(--primary-start);box-shadow:0 2px 5px #0000001a}.page-nav-panel .btn-icon:disabled{background:#eee;color:#ccc;cursor:not-allowed}.segmented-control{display:flex;border:1px solid var(--primary-start);border-radius:var(--border-radius-large);overflow:hidden;width:100%}.segmented-control input[type=radio]{display:none}.segmented-control label{flex:1;padding:8px;text-align:center;cursor:pointer;color:var(--primary-start);background:#fff;transition:all .2s ease-in-out}.segmented-control input[type=radio]:checked+label{background:var(--primary-start);color:#fff;font-weight:600;box-shadow:inset 0 1px 3px #0000001a}.segmented-control label:not(:last-of-type){border-right:1px solid var(--primary-start)}#thumbnail-panel{width:150px;background:#fff;padding:10px;border-radius:var(--border-radius-medium);flex-shrink:0;border:1px solid var(--border-color);opacity:0;transition:opacity .3s ease-out}#thumbnail-panel.loaded{opacity:1}.thumbnail-item{border:2px solid transparent;transition:all .2s ease-in-out;background-color:#f8f9fa;border-radius:6px;margin-bottom:10px;cursor:pointer}.thumbnail-item:hover{background-color:#e9eaf1}.thumbnail-item.active{border-color:var(--active-light-border);background-color:var(--active-light-bg)}.thumbnail-item canvas{width:100%;height:auto;border-radius:4px;display:block;box-shadow:0 2px 4px #0000000d}.thumbnail-item p{font-size:.8rem;color:var(--text-muted);padding:5px 0;text-align:center}.thumbnail-placeholder{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;border-radius:4px}.thumbnail-loader{width:24px;height:24px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--primary-start);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-canvas-wrapper{position:relative;flex:1;min-width:0}.pdf-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px;box-sizing:border-box}.pdf-canvas{max-width:none;max-height:none;flex-shrink:0;box-shadow:0 10px 25px #0000001a;background:#fff}.pdf-canvas-container.is-image-editing{cursor:pointer}.pdf-canvas-container.is-image-editing .pdf-canvas{opacity:.7;transition:opacity .3s ease-in-out}.pdf-canvas-container.loaded{opacity:1}.pdf-canvas-container.is-busy{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#888;background:#fff;border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);cursor:pointer;transition:all .3s ease}.placeholder.is-parsing .placeholder-icon{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}.placeholder:hover{background:var(--bg-light)}.placeholder-icon{font-size:5rem;color:#ccc;margin-bottom:20px}.btn{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-large);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;margin:5px;box-shadow:0 4px 15px -5px var(--shadow-color);text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px -5px #667eea66}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn.active{background:var(--active-light-bg);color:var(--active-light-text);border:1px solid var(--active-light-border);box-shadow:inset 0 2px 4px #0000000d,0 2px 8px -3px var(--shadow-color);transform:translateY(-1px)}.btn-group{display:flex;flex-wrap:wrap;gap:10px}.btn-full{flex-basis:100%}.btn-small{padding:8px 12px;font-size:.85rem;flex-grow:1}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.input-group input,.input-group select{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius-medium);font-size:.9rem}.file-upload{border:2px dashed var(--primary-start);border-radius:15px;padding:30px;text-align:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.file-upload:hover{border-color:var(--primary-end);background-color:#667eea14}.file-upload-content .file-upload-icon{font-size:3rem;color:var(--primary-start);margin-bottom:15px}.file-upload-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}.file-list{margin-top:15px;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);margin-bottom:10px;box-shadow:0 1px 3px #00000008;gap:10px;cursor:pointer}.file-item:hover{border-color:var(--primary-start);background-color:#f5f6ff}.file-item.loading-item .file-info:after{content:"加载中...";font-size:.8rem;color:var(--primary-start);animation:blink 1s infinite}.file-item.active{border-color:var(--active-light-border);background-color:var(--active-light-bg)}@keyframes blink{50%{opacity:.5}}.file-info{flex-grow:1;min-width:0}.file-name{font-weight:500;color:var(--text-color);white-space:normal;word-break:break-all}.file-size{font-size:.8rem;color:var(--text-muted);margin-top:4px}.file-actions{display:flex;gap:5px;flex-shrink:0}.hidden-panel{display:none}.feature-panel{padding:15px;margin-top:15px;background:var(--bg-light);border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.status-bar{position:fixed;bottom:20px;right:20px;background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:var(--border-radius-medium);box-shadow:0 5px 15px #0000001a;z-index:1000;transform:translateY(calc(100% + 30px));transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;gap:15px}.status-bar.show{transform:translateY(0)}.progress-bar{width:100px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill{width:0%;height:100%;background:var(--primary-start);transition:width .3s ease}.custom-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s}.custom-dialog.show{opacity:1;pointer-events:all}.dialog-content{background:#fff;border-radius:15px;padding:25px;min-width:400px;max-width:90%;box-shadow:0 10px 30px #0003;transform:translateY(20px);transition:transform .3s}#dialogInputContainer{display:flex;gap:8px;align-items:center}#dialogInput{flex-grow:1;min-width:200px;padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius-small);font-size:.9rem}.custom-dialog .dialog-content{padding:20px;text-align:center}.custom-dialog .dialog-input{margin:15px 0 25px;padding:10px;width:100%;box-sizing:border-box}.custom-dialog .dialog-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.custom-dialog.show .dialog-content{transform:translateY(0)}.dialog-title{font-size:1.3rem;margin-bottom:15px;color:#333}.dialog-message{margin-bottom:20px;color:#555;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-btn{padding:8px 20px;border-radius:var(--border-radius-large);cursor:pointer;border:none}.dialog-cancel{background:#eee;color:#333}.dialog-confirm{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff}.upload-loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:15px}.upload-loader-spinner{width:60px;height:60px;border:5px solid var(--bg-light);border-top-color:var(--primary-start);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.placeholder.is-dragging-over{background:#e8eaf6!important;transform:scale(1.02)}.feature-unlock-hint{font-size:.8rem;color:var(--text-muted);background-color:var(--bg-light);padding:8px 12px;border-radius:var(--border-radius-small);margin-bottom:15px;text-align:center;border:1px dashed var(--border-color);transition:all .3s ease}.control-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.control-group label{margin-bottom:0;font-weight:500;color:#555}.panel-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}.panel-section-header>span{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600}.icon-toggle-arrow{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M4.4,11.6L8,8l3.6,3.6c0.4,0.4,1,0.4,1.4,0s0.4-1,0-1.4l-4.3-4.3c-0.4-0.4-1-0.4-1.4,0L3,10.2c-0.4,0.4-0.4,1,0,1.4C3.4,12,4,12,4.4,11.6z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transform:rotate(180deg);transition:transform .3s ease}.panel-section.is-collapsed .icon-toggle-arrow{transform:rotate(0)}.panel-section.is-collapsed>*:not(.panel-section-header){display:none}.panel-section{opacity:0;transition:opacity .2s ease-out}.panel-section.initialized{opacity:1}html.dark-mode body,body.dark-mode{background:linear-gradient(135deg,var(--dm-primary-start),var(--dm-primary-end) 100%)!important;color:var(--dm-text-color)!important}html.dark-mode .container,body.dark-mode .container{background:var(--dm-panel-bg)!important;box-shadow:0 25px 50px -12px var(--dm-shadow-color)!important}html.dark-mode .control-panel,body.dark-mode .control-panel{background:var(--dm-panel-bg)!important;border-right:1px solid var(--dm-border-color)!important}html.dark-mode .panel-header h1,body.dark-mode .panel-header h1{background:linear-gradient(45deg,var(--dm-title-gradient-start),var(--dm-title-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}html.dark-mode .panel-header p,html.dark-mode .panel-section h3,html.dark-mode .file-name,body.dark-mode .panel-header p,body.dark-mode .panel-section h3,body.dark-mode .file-name{color:var(--dm-text-color)!important}html.dark-mode .panel-section h3,body.dark-mode .panel-section h3{border-bottom:2px solid var(--dm-primary-start)!important}html.dark-mode .panel-section,html.dark-mode .feature-panel,body.dark-mode .panel-section,body.dark-mode .feature-panel{background:var(--dm-panel-bg)!important;border-color:var(--dm-border-color)!important}html.dark-mode .btn,html.dark-mode .btn-icon,html.dark-mode .btn-small,body.dark-mode .btn,body.dark-mode .btn-icon,body.dark-mode .btn-small{background:var(--dm-btn-bg)!important;color:var(--dm-text-color)!important;box-shadow:0 4px 15px -5px var(--dm-shadow-color)!important;border:none!important}html.dark-mode .btn:hover,body.dark-mode .btn:hover{background:var(--dm-btn-hover)!important}html.dark-mode .btn:disabled,body.dark-mode .btn:disabled{background:#2a2f4a!important;color:#6c757d!important;box-shadow:none!important;transform:none!important;cursor:not-allowed!important}html.dark-mode .btn.active{background:var(--active-dark-gradient)!important;color:var(--active-dark-text)!important;border:none!important;box-shadow:inset 0 2px 4px #0006!important}html.dark-mode .input-group input,html.dark-mode .input-group select,html.dark-mode input,html.dark-mode select,body.dark-mode .input-group input,body.dark-mode .input-group select,body.dark-mode input,body.dark-mode select{background:var(--dm-input-bg)!important;color:var(--dm-text-color)!important;border:1px solid var(--dm-input-border)!important}html.dark-mode .file-item,body.dark-mode .file-item{background:var(--dm-panel-bg)!important;border-color:var(--dm-border-color)!important}html.dark-mode .file-item:hover,body.dark-mode .file-item:hover{background-color:#232946!important;border-color:var(--dm-primary-start)!important}html.dark-mode .file-item.active{background:var(--active-dark-gradient)!important;border-color:var(--active-dark-border)!important;border-width:1px;border-style:solid}html.dark-mode .file-item.loading-item .file-info:after,body.dark-mode .file-item.loading-item .file-info:after{color:var(--dm-primary-start)!important}html.dark-mode .file-size,html.dark-mode .panel-header p,html.dark-mode .dialog-message,html.dark-mode .file-upload-hint,body.dark-mode .file-size,body.dark-mode .panel-header p,body.dark-mode .dialog-message,body.dark-mode .file-upload-hint{color:var(--dm-text-muted)!important}html.dark-mode .feature-unlock-hint,body.dark-mode .feature-unlock-hint{color:var(--dm-text-muted)!important;background-color:#181a24!important;border-color:var(--dm-border-color)!important}html.dark-mode .preview-area,body.dark-mode .preview-area{background:#181a24!important}html.dark-mode .pdf-canvas-container,body.dark-mode .pdf-canvas-container{background:transparent!important}html.dark-mode .pdf-canvas,body.dark-mode .pdf-canvas{background:#232946!important;border:1px solid var(--dm-border-color)!important}html.dark-mode .placeholder,body.dark-mode .placeholder{background:#181a24!important;color:var(--dm-text-muted)!important;border:2px dashed var(--dm-border-color)!important}html.dark-mode .placeholder-icon,body.dark-mode .placeholder-icon{color:#393e46!important}html.dark-mode .custom-dialog .dialog-content,body.dark-mode .custom-dialog .dialog-content{background:#232946!important;color:var(--dm-text-color)!important;box-shadow:0 10px 30px var(--dm-shadow-color)!important}html.dark-mode .dialog-title,body.dark-mode .dialog-title{color:var(--dm-text-color)!important}html.dark-mode .dialog-cancel,body.dark-mode .dialog-cancel{background:#393e46!important;color:var(--dm-text-color)!important}html.dark-mode .dialog-confirm,body.dark-mode .dialog-confirm{background:var(--dm-btn-bg)!important;color:var(--dm-text-color)!important}html.dark-mode .status-bar,body.dark-mode .status-bar{background:#1e1e1ef2!important;color:var(--dm-text-color)!important}html.dark-mode .progress-bar,body.dark-mode .progress-bar{background:#ffffff14!important}html.dark-mode .progress-fill,body.dark-mode .progress-fill{background:var(--dm-primary-start)!important}html.dark-mode .upload-loader-overlay,body.dark-mode .upload-loader-overlay{background-color:#232946cc!important}html.dark-mode .upload-loader-spinner,body.dark-mode .upload-loader-spinner{border:5px solid rgba(255,255,255,.15)!important;border-top-color:#7fbcff!important;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 8px 2px #7fbcff4d}html.dark-mode .segmented-control label,body.dark-mode .segmented-control label{background:#232946!important;color:var(--dm-text-muted)!important}html.dark-mode .segmented-control input[type=radio]:checked+label,body.dark-mode .segmented-control input[type=radio]:checked+label{background:var(--dm-primary-start)!important;color:#fff!important}html.dark-mode .page-nav-panel,body.dark-mode .page-nav-panel{background:#232946!important;border-color:var(--dm-border-color)!important}html.dark-mode .page-nav-panel .btn-icon,body.dark-mode .page-nav-panel .btn-icon{background:#181a24!important;color:var(--dm-title-gradient-start)!important}html.dark-mode .page-nav-panel .btn-icon:disabled,body.dark-mode .page-nav-panel .btn-icon:disabled{background:#232946!important;color:#555c77!important}html.dark-mode #thumbnail-panel,body.dark-mode #thumbnail-panel{background:var(--dm-panel-bg)!important;border-color:var(--dm-border-color)!important}html.dark-mode .thumbnail-item,body.dark-mode .thumbnail-item{background-color:#232946!important;border-color:transparent!important}html.dark-mode .thumbnail-item:hover,body.dark-mode .thumbnail-item:hover{background-color:#393e46!important}html.dark-mode .thumbnail-item.active{background:var(--active-dark-gradient)!important;border-color:var(--active-dark-border)!important;border-width:2px;border-style:solid}html.dark-mode .thumbnail-item p,body.dark-mode .thumbnail-item p{color:var(--dm-text-muted)!important}html.dark-mode .thumbnail-placeholder,body.dark-mode .thumbnail-placeholder{background-color:#181a24!important}html.dark-mode .control-panel::-webkit-scrollbar,html.dark-mode #thumbnail-panel::-webkit-scrollbar,html.dark-mode .pdf-canvas-container::-webkit-scrollbar,html.dark-mode .page-selector-container::-webkit-scrollbar{width:10px;height:10px}html.dark-mode .control-panel::-webkit-scrollbar-track,html.dark-mode #thumbnail-panel::-webkit-scrollbar-track,html.dark-mode .pdf-canvas-container::-webkit-scrollbar-track,html.dark-mode .page-selector-container::-webkit-scrollbar-track{background:#0003}html.dark-mode .control-panel::-webkit-scrollbar-thumb,html.dark-mode #thumbnail-panel::-webkit-scrollbar-thumb,html.dark-mode .pdf-canvas-container::-webkit-scrollbar-thumb,html.dark-mode .page-selector-container::-webkit-scrollbar-thumb{background-color:#393e46;border-radius:5px;border:2px solid transparent;background-clip:content-box}html.dark-mode .control-panel::-webkit-scrollbar-thumb:hover,html.dark-mode #thumbnail-panel::-webkit-scrollbar-thumb:hover,html.dark-mode .pdf-canvas-container::-webkit-scrollbar-thumb:hover,html.dark-mode .page-selector-container::-webkit-scrollbar-thumb:hover{background-color:#495057}html.dark-mode{scrollbar-color:#393e46 var(--dm-panel-bg);scrollbar-width:thin}html.dark-mode .view-control-section .control-group label,html.dark-mode .view-control-section .page-info span{color:var(--dm-text-muted)!important}html.dark-mode .view-control-section .control-group label{font-weight:600}.page-selector-container{display:flex;flex-direction:column;gap:12px;padding:8px;max-height:250px;overflow-y:auto;background-color:#00000005;border:1px solid var(--border-color);border-radius:var(--border-radius-medium)}.file-group-header{font-size:.9rem;font-weight:600;line-height:1.4;white-space:normal;word-break:break-all;margin-top:8px;padding:10px 8px;border-radius:var(--border-radius-small);position:sticky;top:-8px;z-index:10;background-color:#f0f3ff;border-bottom:1px solid var(--border-color)}.file-group-header.is-sticky{background-color:#e3e8ff;box-shadow:0 2px 5px #0000001a}.file-group-header:first-child{margin-top:0}.page-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.page-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;font-size:1rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background-color:#fff;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out}.page-tile:hover{border-color:var(--primary-end);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.page-tile.selected{background:var(--active-light-bg);color:var(--active-light-text)!important;border-color:var(--active-light-border)!important;transform:scale(1.05);box-shadow:0 6px 12px #38bdf866;font-weight:700}.selection-summary-area{margin-top:15px;padding:10px;font-size:.85rem;color:var(--text-muted);background-color:var(--bg-light);border-radius:var(--border-radius-small);min-height:40px;max-height:100px;overflow-y:auto;word-break:break-all;border:1px solid var(--border-color)}.selection-summary-area:empty:before{content:"尚未选择任何页面。";color:var(--text-muted);opacity:.7}.file-selection-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:8px;background-color:#00000005;border:1px solid var(--border-color);border-radius:var(--border-radius-medium)}.split-file-item{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background-color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:normal;word-break:break-all}.split-file-item:hover{border-color:var(--primary-start);background-color:#f5f6ff}.split-file-item.selected{border-color:var(--active-light-border);background-color:var(--active-light-bg);font-weight:600;color:var(--active-light-text)}html.dark-mode .page-selector-container{background-color:#ffffff0d;border-color:var(--dm-border-color)}html.dark-mode .file-group-header{color:var(--dm-text-color);background-color:var(--dm-panel-bg);border-bottom:1px solid var(--dm-border-color)}html.dark-mode .file-group-header.is-sticky{background-color:#181a24d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}html.dark-mode .page-tile{background-color:var(--dm-input-bg);color:var(--dm-text-color);border-color:var(--dm-border-color)}html.dark-mode .page-tile:hover{border-color:var(--dm-primary-end)}html.dark-mode .page-tile.selected{background:var(--active-dark-gradient)!important;color:var(--active-dark-text)!important;font-weight:700;border:2px solid var(--active-dark-border)!important;box-shadow:0 0 12px -2px #b3cfff99!important}html.dark-mode .selection-summary-area{color:var(--dm-text-muted);background-color:var(--dm-panel-bg);border-color:var(--dm-border-color)}html.dark-mode .selection-summary-area:empty:before{color:var(--dm-text-muted)}html.dark-mode .file-selection-list{background-color:#ffffff0d;border-color:var(--dm-border-color)}html.dark-mode .split-file-item{background-color:var(--dm-input-bg);border-color:var(--dm-border-color);color:var(--dm-text-color)}html.dark-mode .split-file-item:hover{border-color:var(--dm-primary-start);background-color:#232946}html.dark-mode .split-file-item.selected{background:var(--active-dark-gradient)!important;border-color:var(--active-dark-border)!important;font-weight:600;color:var(--dm-text-color)!important}.custom-select{position:relative;width:100%;font-size:.9rem;color:var(--text-color);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-large);box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease-in-out;padding:10px 40px 10px 15px;-webkit-user-select:none;user-select:none}.custom-select:hover{border-color:var(--primary-start);box-shadow:0 4px 8px #667eea1a}.custom-select.open{border-color:var(--primary-end);box-shadow:0 4px 12px #667eea33}.custom-select .custom-select-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(0);pointer-events:none;transition:transform .2s;font-size:1.2em;color:var(--primary-start)}.custom-select.open .custom-select-arrow{transform:translateY(-50%) rotate(180deg)}.custom-select .custom-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:100;background:#fff;border-radius:var(--border-radius-medium);box-shadow:0 8px 32px -8px var(--shadow-color);border:1px solid var(--border-color);padding:6px;margin:0;list-style:none;max-height:220px;overflow-y:auto;opacity:0;transform:translateY(10px);visibility:hidden;transition:all .2s ease-in-out}.custom-select.open .custom-select-dropdown{opacity:1;transform:translateY(0);visibility:visible}.custom-select-option{padding:10px 15px;cursor:pointer;color:var(--text-color);background:transparent;transition:all .18s;font-size:.9rem;border-radius:var(--border-radius-small)}.custom-select-option:hover{background:var(--bg-light)}.custom-select-option.selected{font-weight:600;color:var(--primary-end);background-color:#e8eaf6}html.dark-mode .custom-select{background:var(--dm-input-bg);color:var(--dm-text-color);border:1px solid var(--dm-input-border)}html.dark-mode .custom-select:hover{border-color:var(--dm-primary-start)}html.dark-mode .custom-select.open{border-color:var(--dm-primary-end)}html.dark-mode .custom-select-dropdown{background:#2f3452;border-color:var(--dm-border-color);box-shadow:0 8px 32px -8px var(--dm-shadow-color)}html.dark-mode .custom-select-option{color:var(--dm-text-color)}html.dark-mode .custom-select-option:hover{background:var(--dm-btn-hover)}html.dark-mode .custom-select-option.selected{color:var(--dm-title-gradient-start);background-color:var(--dm-primary-start)}#watermarkPreviewWrapper{position:relative;width:100%;height:0;background-color:var(--bg-light);border:1px dashed var(--border-color);border-radius:var(--border-radius-medium);margin-bottom:20px;overflow:hidden}#watermarkPreview{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#watermarkPreview canvas{max-width:100%;max-height:100%}html.dark-mode #watermarkPreviewWrapper{background-color:var(--dm-input-bg);border-color:var(--dm-border-color)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--border-color);border-radius:5px;outline:none;transition:background .2s ease-in-out;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid var(--primary-start);border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:0 1px 4px #0003;transition:background .2s,border-color .2s}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#fff;border:2px solid var(--primary-start);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0003;transition:background .2s,border-color .2s}html.dark-mode input[type=range]{background:#1a1a2e}html.dark-mode input[type=range]::-webkit-slider-thumb{background:#b3cfff;border-color:var(--dm-title-gradient-end)}html.dark-mode input[type=range]::-moz-range-thumb{background:#b3cfff;border-color:var(--dm-title-gradient-end)}.input-group .slider-value{color:var(--primary-end);font-weight:600;margin-left:8px}html.dark-mode .input-group .slider-value{color:var(--dm-title-gradient-start)}.results-table-container{max-height:300px;overflow:auto;margin:12px 0;border:1px solid var(--border-color);border-radius:var(--border-radius-small)}.results-table{width:100%;border-collapse:collapse;font-size:.85rem}.results-table th,.results-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.results-table th{background-color:var(--bg-light);font-weight:600;position:sticky;top:0;z-index:1}.results-table tr:last-child td{border-bottom:none}.results-table .file-name-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark-mode .results-table-container{border-color:var(--dm-border-color)}html.dark-mode .results-table th,html.dark-mode .results-table td{border-bottom-color:var(--dm-border-color)}html.dark-mode .results-table th{background-color:var(--dm-input-bg)}.interactive-image-wrapper{position:absolute;border:2px dashed var(--primary-start);box-shadow:0 5px 15px #0003;cursor:move;pointer-events:all;-webkit-user-select:none;user-select:none;transition:opacity .2s}.interactive-image-wrapper:hover{border-style:solid}.interactive-image-wrapper img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--primary-end);border-radius:50%;pointer-events:all;z-index:11}.resize-handle.tl{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.tr{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.bl{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.br{bottom:-6px;right:-6px;cursor:nwse-resize}.rotate-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--primary-end);border-radius:50%;top:-25px;left:50%;transform:translate(-50%);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23764ba2" d="M12 4c2.97 0 5.66 1.43 7.32 3.68l-1.44 1.25C16.48 7.21 14.36 6 12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c1.79 0 3.39-0.79 4.47-2.06l1.39 1.39C16.21 20.24 14.21 21 12 21c-4.97 0-9-4.03-9-9s4.03-9 9-9z"/><path d="M0 0h24v24H0z" fill="none"/><path fill="%23764ba2" d="M16.53 9.47L12 14V8l4.53 1.47z"/></svg>') 16 16,auto;z-index:11}.rotate-handle:before{content:"";position:absolute;width:2px;height:15px;background:var(--primary-end);top:-15px;left:50%;transform:translate(-50%)}#imageEditPanel{background-color:#e8eaf6;border:2px solid var(--primary-start)}html.dark-mode #imageEditPanel{background-color:var(--dm-primary-start);border-color:var(--dm-title-gradient-end)}.static-object-wrapper{position:absolute;cursor:pointer;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.static-object-wrapper img{width:100%;height:100%;pointer-events:none}