.pdf-tool-page{background:var(--background);min-height:100vh}.tool-header{border-bottom:1px solid var(--border);background:var(--surface)}.tool-nav{white-space:nowrap;align-items:center;gap:30px;width:min(100%,1200px);min-height:52px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.tool-brand{min-height:40px;color:var(--text-primary);align-items:center;font-size:18px;font-weight:700;display:inline-flex}.tool-brand:hover{color:var(--primary)}.language-switcher{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.language-switcher-link{min-height:32px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.language-switcher-link:hover{color:var(--text-primary);background:#f1f5f9}.tool-nav-link{min-height:40px;color:var(--text-primary);align-items:center;font-size:14px;font-weight:600;display:inline-flex}.tool-nav-link:hover{color:var(--primary)}.tool-nav-link-icon{gap:6px}.pdf-hero{width:min(100%,1200px);margin:0 auto;padding:32px 24px 24px}.upload-zone{text-align:center;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:center;min-height:calc(100vh - 108px);padding:0 20px;display:flex}.upload-zone.is-dragging{border-color:var(--primary);background:#2563eb0a}.upload-zone h1{color:var(--text-primary);letter-spacing:0;margin:0;font-size:42px;font-weight:700;line-height:1.18}.hero-copy{max-width:760px;color:var(--text-secondary);margin:12px 0 30px;font-size:22px;line-height:1.45}.upload-actions{justify-content:center;align-items:center;gap:12px;display:flex}.primary-upload-button{background:var(--primary);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:330px;height:80px;padding:0 34px;font-size:28px;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #0f172a1f}.primary-upload-button:hover{background:var(--primary-hover)}.primary-upload-button:disabled,.icon-source-button:disabled,.remove-file-button:disabled,.file-convert-button:disabled,.secondary-add-button:disabled,.preview-add-card:disabled,.preview-remove-button:disabled,.quality-button:disabled,.workspace-convert-button:disabled{cursor:not-allowed;opacity:.7}.quick-source-actions{flex-direction:column;gap:10px;display:flex}.icon-source-button,.remove-file-button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex}.icon-source-button{border-radius:999px;width:42px;height:42px;box-shadow:0 8px 18px #0f172a14}.icon-source-button:hover{border-color:var(--primary);color:var(--primary)}.drop-helper{color:var(--text-secondary);margin:14px 0 0;font-size:14px}.upload-error{max-width:min(100%,760px);color:var(--danger);text-align:left;background:#dc26260f;border:1px solid #dc26262e;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin:16px 0 0;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.45;display:flex}.upload-error span{min-width:0}.upload-error button{background:var(--surface);width:28px;height:28px;color:var(--danger);border:1px solid #dc26262e;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.upload-error button:hover{border-color:var(--danger);background:#fff5f5}.selected-file-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto auto 36px;align-items:center;gap:12px;width:min(100%,560px);min-height:72px;margin-top:24px;padding:14px 16px;display:grid;box-shadow:0 8px 22px #0f172a0f}.file-leading-icon{width:44px;height:44px;color:var(--primary);background:#2563eb14;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.selected-file-detail{min-width:0}.selected-file-name,.selected-file-meta{display:block}.selected-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.selected-file-meta{color:var(--text-secondary);margin-top:4px;font-size:12px}.ready-badge{height:28px;color:var(--success);white-space:nowrap;background:#16a34a1a;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.remove-file-button{width:36px;height:36px;color:var(--text-secondary);border-radius:8px}.remove-file-button:hover{border-color:var(--danger);color:var(--danger)}.conversion-panel{flex-direction:column;align-items:stretch;gap:12px;width:min(100%,560px);margin-top:16px;display:flex}.file-convert-button,.download-zip-button{background:var(--primary);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.file-convert-button:hover,.download-zip-button:hover{background:var(--primary-hover)}.file-convert-button{white-space:nowrap;height:36px;padding:0 12px;font-size:14px}.spin-icon{animation:.9s linear infinite spin}.conversion-progress{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;padding:14px 16px}.progress-copy{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.progress-track{background:#eaf0f8;border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--primary);height:100%;transition:width .18s}.result-panel{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;width:min(100%,720px);margin-top:20px;padding:20px;box-shadow:0 8px 22px #0f172a0f}.result-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.result-title-group{align-items:center;gap:12px;min-width:0;display:flex}.result-icon{width:42px;height:42px;color:var(--success);background:#16a34a1a;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.result-panel h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.3}.result-panel p{color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.45}.download-zip-button{flex:none}.converted-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;max-height:300px;margin-top:18px;display:flex;overflow-y:auto}.converted-item{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:grid}.converted-item:last-child{border-bottom:0}.converted-item:hover{background:#f1f5f9}.converted-page-info{min-width:0}.converted-page-number,.converted-page-file{display:block}.converted-page-number{color:var(--text-primary);font-size:14px;font-weight:600}.converted-page-file{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.download-page-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.download-page-button:hover{border-color:var(--primary);color:var(--primary)}.file-input-hidden{display:none}.pdf-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:min(100%,1200px);min-height:calc(100vh - 52px);margin:0 auto;padding:24px;display:grid}.pdf-workspace.is-dragging{outline:1px solid var(--primary);outline-offset:-1px;background:#2563eb0a}.preview-area{min-width:0}.workspace-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.workspace-title-group{min-width:0}.workspace-title-group h1{color:var(--text-primary);letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:1.25}.workspace-title-group p{color:var(--text-secondary);margin:6px 0 0;font-size:14px}.secondary-add-button{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-primary);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.secondary-add-button:hover{border-color:var(--primary);color:var(--primary)}.workspace-error{margin-top:16px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(168px,190px));gap:16px;margin-top:24px;display:grid}.preview-card,.preview-add-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:246px}.preview-card{gap:10px;padding:12px;display:grid;position:relative;box-shadow:0 8px 22px #0f172a0d}.preview-remove-button{z-index:1;border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#fffffff0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.preview-remove-button:hover{border-color:var(--danger);color:var(--danger)}.preview-thumb{height:176px;color:var(--text-secondary);background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.preview-file-copy{min-width:0}.preview-file-copy h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.preview-file-copy p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.preview-file-issue{gap:6px;margin-top:8px;display:grid}.preview-file-issue span{color:var(--warning);font-size:12px;font-weight:600;line-height:1.35}.preview-file-issue button{border:1px solid var(--border);background:var(--surface);width:fit-content;min-height:30px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.preview-file-issue button:hover{border-color:var(--primary);color:var(--primary)}.preview-add-card{color:var(--text-secondary);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:14px;font-weight:600;display:inline-flex}.preview-add-card:hover{border-color:var(--primary);color:var(--primary)}.workspace-progress-panel,.pdf-workspace .result-panel{width:100%}.options-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;align-self:start;min-height:calc(100vh - 100px);padding:20px;display:flex;position:sticky;top:76px;box-shadow:0 12px 28px #0f172a14}.options-panel h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:600;line-height:1.25}.options-section{gap:12px;margin-top:24px;display:grid}.options-section h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.mode-card{border:1px solid var(--border);background:var(--surface);min-height:96px;color:var(--text-primary);text-align:left;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.mode-card.is-active{border-color:var(--primary);background:#2563eb0a}.mode-card.is-disabled{color:var(--text-secondary);background:#f8fafc}.mode-card strong,.mode-card small{display:block}.mode-card strong{color:inherit;font-size:14px;font-weight:600;line-height:1.3}.mode-card small{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.4}.mode-check{color:var(--success)}.mode-card em{color:var(--text-secondary);white-space:nowrap;background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:600}.quality-control{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quality-button{border:1px solid var(--border);min-height:78px;color:var(--text-secondary);text-align:center;background:#f8fafc;border-radius:10px;place-items:center;padding:12px;display:grid}.quality-button.is-active{border-color:var(--primary);background:var(--surface);color:var(--primary);box-shadow:0 0 0 1px #2563eb14}.quality-button span,.quality-button small{display:block}.quality-button span{font-size:14px;font-weight:600}.quality-button small{margin-top:4px;font-size:12px}.workspace-convert-button{background:var(--primary);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;margin-top:auto;padding:0 18px;font-size:18px;font-weight:600;display:inline-flex}.workspace-convert-button:hover{background:var(--primary-hover)}.password-modal-backdrop{z-index:50;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.password-modal{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:16px;width:min(100%,520px);padding:24px;display:grid;position:relative;box-shadow:0 20px 44px #0f172a33}.password-modal-close{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.password-modal-close:hover{border-color:var(--danger);color:var(--danger)}.password-modal-icon{width:44px;height:44px;color:var(--primary);background:#2563eb14;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.password-modal-copy{padding-right:36px}.password-modal-copy h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.35}.password-modal-copy p{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.55}.password-field{gap:8px;display:grid}.password-field span{color:var(--text-primary);font-size:14px;font-weight:600}.password-field input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-primary);border-radius:8px;padding:0 12px;font-size:14px}.password-field input:focus{border-color:var(--primary);outline:3px solid #2563eb24}.password-modal-actions{justify-content:flex-end;gap:10px;display:flex}.password-primary-button,.password-secondary-button{border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.password-primary-button{background:var(--primary);color:#fff;border:0}.password-primary-button:hover{background:var(--primary-hover)}.password-secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.password-secondary-button:hover{border-color:var(--primary);color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.pdf-workspace{grid-template-columns:1fr}.options-panel{min-height:auto;position:static}.workspace-convert-button{margin-top:24px}}@media (max-width:720px){.tool-nav{gap:22px;padding:0 16px}.pdf-hero{padding:28px 16px 16px}.upload-zone{min-height:calc(100vh - 104px);padding:0}.upload-zone h1{font-size:32px}.hero-copy{margin-bottom:24px;font-size:17px}.upload-actions{width:100%}.primary-upload-button{width:min(100%,330px);min-width:0;height:64px;padding:0 20px;font-size:21px}.quick-source-actions{gap:8px}.icon-source-button{width:38px;height:38px}.selected-file-card{grid-template-columns:40px minmax(0,1fr) 36px}.ready-badge{display:none}.file-convert-button{grid-area:2/1/auto/-1;width:100%}.remove-file-button{grid-area:1/3}.result-summary{flex-direction:column;align-items:stretch}.download-zip-button{width:100%}.pdf-workspace{gap:16px;padding:16px}.workspace-toolbar{flex-direction:column;align-items:stretch}.secondary-add-button{width:100%}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-card,.preview-add-card{min-height:224px}.preview-thumb{height:150px}.options-panel{padding:16px}.options-panel h2{font-size:20px}.password-modal-backdrop{padding:16px}.password-modal{padding:20px}.password-modal-actions{flex-direction:column-reverse}.password-primary-button,.password-secondary-button{width:100%}}@media (max-width:420px){.upload-actions{align-items:stretch}.primary-upload-button{font-size:18px}.selected-file-card{grid-template-columns:36px minmax(0,1fr) 34px;gap:10px;padding:12px}.file-leading-icon{width:36px;height:36px}.result-panel{padding:16px}}
