.cpdf-app{font-family:Inter,Arial,sans-serif;background:#f7f9fc;color:#202938;border:1px solid #e6eaf0;border-radius:18px;overflow:hidden;max-width:1250px;margin:20px auto;box-shadow:0 10px 35px rgba(25,40,70,.08)}
.cpdf-header{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e8ebf0}
.cpdf-brand{display:flex;align-items:center;gap:10px;font-size:20px}.cpdf-brand span{display:block;font-size:11px;color:#778196;font-weight:500}.cpdf-logo{width:38px;height:38px;border-radius:10px;background:#635bff;color:#fff;display:grid;place-items:center;font-weight:800}
.cpdf-header-actions{display:flex;gap:9px}.cpdf-btn,.cpdf-upload-btn,.cpdf-toolbar button,.cpdf-sidebar button,.cpdf-success button{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}
.cpdf-primary{background:#635bff;color:#fff}.cpdf-light{background:#f0f2f6;color:#283244}
.cpdf-nav{background:#fff;padding:0 18px;display:flex;gap:4px;border-bottom:1px solid #e8ebf0;overflow:auto}.cpdf-nav button{background:transparent;border:0;padding:15px 14px;color:#647086;font-weight:700;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}.cpdf-nav button.active{color:#635bff;border-bottom-color:#635bff}
.cpdf-main{padding:28px}.cpdf-upload{background:#fff;border:2px dashed #cfd6e2;border-radius:16px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cpdf-upload-icon{width:66px;height:66px;border-radius:18px;background:#eef0ff;color:#635bff;display:grid;place-items:center;font-size:34px;font-weight:800}.cpdf-upload h1{margin:18px 0 7px;font-size:27px}.cpdf-upload p{color:#6b7588;margin:0 0 20px}.cpdf-upload-btn{background:#635bff;color:#fff;display:inline-block}.cpdf-drop{color:#8993a5;font-size:13px;margin-top:12px}.cpdf-status{min-height:22px;margin-top:12px;font-size:13px}
.cpdf-workspace{background:#fff;border-radius:16px;border:1px solid #e2e7ef;overflow:hidden}.cpdf-success{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ecfbf2;border-bottom:1px solid #ccefd9}.cpdf-success>span{width:28px;height:28px;border-radius:50%;background:#22a75a;color:#fff;display:grid;place-items:center;font-weight:800}.cpdf-success strong{display:block;color:#15733d}.cpdf-success small{display:block;color:#5e7568;margin-top:2px}.cpdf-success button{margin-left:auto;background:#fff;color:#465165;border:1px solid #d8dee8}.cpdf-meta{padding:10px 18px;background:#fbfcfe;border-bottom:1px solid #e7ebf1;color:#657086;font-size:13px;display:flex;gap:20px}
.cpdf-layout{display:grid;grid-template-columns:190px 1fr;min-height:550px}.cpdf-sidebar{padding:16px;border-right:1px solid #e6eaf0;background:#fbfcff}.cpdf-sidebar h3{font-size:13px;color:#7b8597;margin:4px 8px 10px;text-transform:uppercase;letter-spacing:.04em}.cpdf-sidebar button{width:100%;text-align:left;background:transparent;color:#4f5b6f;margin:2px 0}.cpdf-sidebar button.side-active,.cpdf-sidebar button:hover{background:#eef0ff;color:#4f46d8}
.cpdf-canvas-area{padding:18px;position:relative}.cpdf-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.cpdf-toolbar button{background:#f1f3f7;color:#3c4658;border:1px solid #e0e5ed}.cpdf-toolbar button:hover{background:#e8ebf2}
.cpdf-pages{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.cpdf-page-card{width:210px;background:#fff;border:2px solid #e1e6ee;border-radius:10px;padding:8px;cursor:pointer;box-shadow:0 4px 15px rgba(30,40,60,.06)}.cpdf-page-card.selected{border-color:#635bff;box-shadow:0 0 0 3px #e9e7ff}.cpdf-page-card canvas{width:100%;height:auto;display:block;background:#fff;border-radius:5px}.cpdf-page-label{font-size:12px;text-align:center;color:#697487;padding-top:8px;font-weight:700}.cpdf-empty{text-align:center;color:#7a8495;padding:60px}
@media(max-width:700px){.cpdf-main{padding:12px}.cpdf-layout{grid-template-columns:1fr}.cpdf-sidebar{border-right:0;border-bottom:1px solid #e6eaf0}.cpdf-header{padding:0 12px}.cpdf-header-actions .cpdf-light{display:none}.cpdf-page-card{width:160px}}