.pdf-page .breadcrumbs{margin-bottom:28px}
.pdf-page .tools-hero{padding-bottom:28px}
.pdf-workspace{display:grid;gap:20px}
.pdf-panel{padding:26px;border:1px solid #2a3d5b;border-radius:22px;background:linear-gradient(145deg,#0e1a30,#0a101d);min-width:0}
.pdf-upload{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
.pdf-upload .tools-panel-heading{margin:0}.pdf-upload p{color:#a9b7ce;font-size:14px;line-height:1.8;margin-bottom:0}
.pdf-drop{min-height:160px;padding:22px}.pdf-drop .tools-icon{width:44px;height:44px;border-radius:12px}
.pdf-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.pdf-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:20px 0;border-block:1px solid var(--line);margin:20px 0}
.pdf-toolbar .tools-btn{min-height:42px;padding:9px 12px;font-size:12px}.pdf-toolbar input{width:170px}
.pdf-toolbar .pdf-range{display:flex;gap:8px;align-items:center;margin-left:auto}
.pdf-page input[type=text]{color:#e3edff;background:#091322;border:1px solid #385273;border-radius:10px;min-height:44px;padding:11px 13px;font:500 14px var(--body);min-width:0}
.pdf-page input::placeholder{color:#8098b9}.pdf-page input[type=checkbox]{accent-color:#3b82f6;width:19px;height:19px;cursor:pointer;flex:none}
.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:18px;list-style:none;padding:0;margin:0}
.pdf-card{min-width:0;border:1px solid #314969;border-radius:15px;background:#0a1425;padding:12px;transition:border-color .18s,background .18s}
.pdf-card.is-selected{border-color:#548fed;background:#102342}.pdf-card.is-over{outline:2px dashed #55d8ff;outline-offset:3px}.pdf-card.is-dragging{opacity:.45}
.pdf-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.pdf-check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;cursor:pointer}.pdf-origin{font-size:10px;color:#91adcf}
.pdf-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.2;border-radius:8px;background:#070e1a;overflow:hidden;color:#7892b6;text-align:center;font-size:12px;line-height:1.6;position:relative}
.pdf-thumb img{width:100%;height:100%;object-fit:contain}.pdf-thumb>span{padding:12px}
.pdf-card-name{font-size:12px;color:#b3c7e4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:11px 0}
.pdf-card-actions{display:flex;gap:6px;align-items:center}.pdf-icon-btn{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #334c6d;border-radius:9px;background:#101d31;color:#a9cfff;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.pdf-icon-btn svg{width:17px;height:17px;pointer-events:none}.pdf-icon-btn:disabled{opacity:.3;cursor:default}.pdf-card-actions .pdf-delete{margin-left:auto}
.pdf-download-bar{display:flex;align-items:flex-end;gap:22px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.pdf-export-name{display:grid;gap:10px;flex:1;max-width:400px}.pdf-export-name label{font-size:12px;color:#b7c8e1;font-weight:600}.pdf-export-name input{width:100%}
.pdf-download-bar .tools-btn{min-height:48px}.pdf-status{font-size:13px;line-height:1.7;color:#9fb6d4;min-height:24px;margin:18px 0 0;overflow-wrap:anywhere}.pdf-status.is-error{color:#ffb0b8}
.pdf-status.is-busy::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #3b82f640;border-top-color:#8fc2ff;border-radius:50%;margin-right:9px;animation:pdf-spin .8s linear infinite}
.pdf-help{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.pdf-help article{border-top:1px solid #2a3d5b;padding:22px 4px}.pdf-help .tools-icon{width:42px;height:42px;border-radius:12px}.pdf-help h2{font:700 18px/1.5 var(--display);margin:16px 0 10px}.pdf-help p{color:#9fb0ca;font-size:13px;line-height:1.85;margin:0}
.pdf-empty{padding:36px 20px;border:1px dashed #3b82f640;border-radius:14px;text-align:center;color:#8fa8cb;font-size:14px;line-height:1.8}
.pdf-page [hidden]{display:none!important}
@keyframes pdf-spin{to{transform:rotate(360deg)}}
@media(hover:hover){.pdf-icon-btn:not(:disabled):hover{background:#193864;border-color:#78acff;color:white}.pdf-delete:not(:disabled):hover,.pdf-clear:not(:disabled):hover{background:#48212d;border-color:#f8798b;color:#ffb2bc}}
@media(min-width:901px){.pdf-page .tools-hero{display:grid;max-width:none;grid-template-columns:1.2fr .8fr;gap:14px 40px;align-items:center}.pdf-page .tools-hero>.section-label{grid-column:1/-1;margin:0}.pdf-page .tools-hero h1{grid-row:2/4;margin:0;font-size:clamp(34px,3.3vw,50px)}.pdf-page .tools-hero>p:not(.section-label),.pdf-page .tools-hero>.tools-pills{grid-column:2;margin:0}.pdf-page .tools-hero>p:not(.section-label){font-size:16px}.pdf-page .tools-pills span{font-size:11px}}
@media(max-width:900px){.pdf-upload{grid-template-columns:1fr;gap:20px}.pdf-help{grid-template-columns:1fr;gap:0}.pdf-toolbar .pdf-range{margin-left:0}.pdf-download-bar{align-items:stretch;flex-direction:column}.pdf-export-name{max-width:none}}
@media(max-width:500px){.pdf-panel{padding:18px;border-radius:18px}.pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pdf-card{padding:9px}.pdf-origin{display:none}.pdf-check{font-size:12px}.pdf-icon-btn{min-width:34px;height:38px}.pdf-card-actions{gap:4px}.pdf-toolbar .pdf-range{width:100%}.pdf-toolbar input{flex:1;width:100px}.pdf-drop{padding:20px 12px}.pdf-page .tools-panel-heading{align-items:flex-start;flex-wrap:wrap}.pdf-card-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pdf-status.is-busy::before{animation:none}.pdf-card,.pdf-icon-btn{transition:none}}
@media(max-width:360px){.pdf-grid{grid-template-columns:minmax(0,1fr)}.pdf-thumb{height:220px;aspect-ratio:auto}.pdf-icon-btn{min-width:44px;height:44px}.pdf-origin{display:block}}