:root{--accent:#1d4ed8;--accent-dark:#1e3a8a;--danger:#b91c1c;--success:#15803d;--text:#111;--text-muted:#555;--border:#d1d5db;--bg:#f3f4f6;--surface:#fff;--radius:3px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}a{color:inherit;text-decoration:none}.btn{height:40px;padding:0 18px;border:2px solid #0000;border-radius:var(--radius);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;letter-spacing:.01em}.btn:active{opacity:.85}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:default}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.btn-ghost:disabled{color:#9ca3af;border-color:#e5e7eb;cursor:default}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background:#166534}.btn-icon{width:40px;height:40px;padding:0;border:2px solid var(--border);border-radius:var(--radius);font-size:17px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-icon:disabled{color:#d1d5db;border-color:#e5e7eb;cursor:default}.upload-label{height:40px;padding:0 18px;border:2px solid var(--accent);border-radius:var(--radius);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--accent);color:#fff;transition:background .12s,border-color .12s;letter-spacing:.01em}.upload-label:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.upload-label.disabled{color:#9ca3af;border-color:var(--border);cursor:default}.editor-select,.upload-label.disabled,.upload-label.disabled:hover{background:var(--surface)}.editor-select{height:40px;padding:0 10px;font-size:.88rem;font-weight:600;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;outline:none;transition:border-color .12s;letter-spacing:.01em}.editor-select:focus{border-color:var(--accent)}.editor-select:hover:not(:disabled){background:#f3f4f6}.editor-select:disabled{color:#9ca3af;background:#f9fafb;cursor:default}.editor-toolbar{gap:8px;padding-bottom:18px;border-bottom:2px solid #e5e7eb}.controls-row,.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}.controls-row{gap:16px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius)}.control-group{display:flex;align-items:center;gap:7px}.control-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:10px 0}.pager-label{font-size:.86rem;color:var(--text-muted);min-width:160px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.canvas-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 480px);min-height:240px;max-height:520px;background:#e5e7eb;padding:10px;overflow:hidden;box-sizing:border-box;flex-shrink:0}.canvas-shadow canvas{display:block;max-width:100%;max-height:calc(100vh - 448px)}.canvas-shadow{max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 2px 12px #00000026;background:#fff;border:1px solid #d1d5db;flex-shrink:0}.pdf-chips{display:flex;flex-wrap:wrap;gap:8px}.pdf-chip{width:148px;padding:10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;font-size:.78rem;color:var(--text-muted);line-height:1.6;word-break:break-word;transition:border-color .12s,background .12s}.pdf-chip.active,.pdf-chip:hover{border-color:var(--accent)}.pdf-chip.active{background:#eff6ff;color:var(--accent-dark)}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:16px;gap:16px;align-items:start}.editor-canvas-col{min-width:0;overflow:hidden}.editor-controls-col{display:flex;flex-direction:column;gap:0;min-width:0;position:-webkit-sticky;position:sticky;top:72px}@media (max-width:700px){.editor-body{grid-template-columns:1fr}.editor-controls-col{position:static;overflow:visible}.editor-controls-col .controls-row{overflow:visible!important}.control-group{flex-wrap:wrap}.control-group .btn{padding:0 10px;font-size:.82rem}.btn{height:38px;font-size:.82rem}.pdf-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px}.pdf-chip{flex:0 0 auto;width:100px;padding:6px 8px;font-size:.7rem;line-height:1.4}.pdf-chip>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem!important}}.upload-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:52px 20px;border:2px dashed var(--border);border-radius:var(--radius);color:#9ca3af;font-size:.9rem;text-align:center;margin-bottom:20px}@media (max-width:900px){.ad-rail{display:none!important}.page-grid{grid-template-columns:1fr!important;grid-template-areas:"center"!important}}