.page-number-tool{--pn-red:#e5484d;--pn-red-dark:#c92f39;--pn-blue:#2376ae;--pn-text:#10273a;--pn-muted:#677d90;--pn-border:#d2dde7;--pn-panel:#fff;--pn-soft:#f4f7fa;border:1px solid var(--pn-border);border-radius:8px;background:var(--pn-panel);box-shadow:0 12px 28px rgba(20,48,72,.07);overflow:hidden;color:var(--pn-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page-number-tool [hidden]{display:none!important}.page-number-tool button,.page-number-tool input,.page-number-tool select{font:inherit}.page-number-grid{display:grid;grid-template-columns:minmax(350px,43%) minmax(0,57%)}.page-number-controls{min-width:0;border-right:1px solid var(--pn-border)}.page-number-output{min-width:0;background:#eef3f7}.page-number-head{min-height:54px;padding:8px 13px;border-bottom:1px solid var(--pn-border);background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px}.page-number-head>span{display:flex;align-items:center;gap:7px;color:var(--pn-text);font-size:.72rem;font-weight:900}.page-number-head>span i{color:var(--pn-red)}.page-number-head>button,.page-number-head nav button{height:34px;border:1px solid #c8d5e1;border-radius:4px;background:#fff;color:#42657e;padding:0 10px;cursor:pointer;font-size:.64rem;font-weight:850}.page-number-head>button:hover,.page-number-head nav button:hover:not(:disabled){border-color:#7fa8c7;background:#edf6fc}.page-number-control-body{max-height:710px;padding:14px;display:flex;flex-direction:column;gap:14px;overflow:auto}.page-number-drop{min-height:172px;border:1.5px dashed #e05a61;border-radius:6px;background:linear-gradient(145deg,#fff8f8,#fff1f2);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;transition:.16s}.page-number-drop:hover,.page-number-drop.is-dragging{border-color:#c72f3a;background:#ffecee;box-shadow:0 0 0 3px rgba(229,72,77,.08)}.page-number-drop input{position:absolute;opacity:0;pointer-events:none}.page-number-drop-icon{width:42px;height:42px;border:1px solid #efc4c6;border-radius:7px;background:#fff;color:var(--pn-red);display:grid;place-items:center;font-size:1rem}.page-number-drop strong{margin-top:10px;font-size:.75rem}.page-number-drop small{margin-top:4px;color:var(--pn-muted);font-size:.58rem}.page-number-drop b{margin-top:10px;padding:9px 13px;border-radius:4px;background:linear-gradient(135deg,var(--pn-red),var(--pn-red-dark));color:#fff;font-size:.62rem}.page-number-file{min-height:62px;padding:9px;border:1px solid #cbd8e3;border-radius:5px;background:#f9fbfd;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px}.page-number-file>i{width:40px;height:40px;border:1px solid #ecc7c9;border-radius:5px;background:#fff3f3;color:var(--pn-red);display:grid;place-items:center}.page-number-file strong,.page-number-file span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-number-file strong{font-size:.67rem}.page-number-file span{margin-top:3px;color:var(--pn-muted);font-size:.56rem}.page-number-file button{height:32px;border:1px solid #c7d4df;border-radius:4px;background:#fff;color:#456780;padding:0 9px;cursor:pointer;font-size:.59rem;font-weight:850}.page-number-password{padding:11px;border:1px solid #dfc476;border-radius:5px;background:#fff8e6}.page-number-password>div:first-child{display:flex;gap:8px;color:#745412}.page-number-password p{margin:0}.page-number-password p strong,.page-number-password p span{display:block}.page-number-password p strong{font-size:.68rem}.page-number-password p span{margin-top:2px;font-size:.57rem}.page-number-password>label{display:block;margin:10px 0 5px;font-size:.61rem;font-weight:850}.page-number-password>div:last-child{height:39px;border:1px solid #d4b768;border-radius:4px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 36px auto;overflow:hidden}.page-number-password input{min-width:0;border:0;outline:0;padding:0 9px;font-size:.7rem}.page-number-password button{border:0;border-left:1px solid #e0ca8b;background:#fff;color:#6f551b;padding:0 10px;cursor:pointer;font-size:.61rem;font-weight:850}.page-number-password button:last-child{background:#846216;color:#fff}.page-number-settings{display:flex;flex-direction:column;gap:13px;transition:opacity .16s}.page-number-settings[aria-disabled="true"]{opacity:.46;pointer-events:none;user-select:none}.page-number-settings fieldset{min-width:0;margin:0;padding:0;border:0}.page-number-settings legend,.page-number-settings>label,.page-number-two>label,.page-number-background>label{display:block;margin:0 0 6px;color:var(--pn-text);font-size:.64rem;font-weight:850}.page-number-settings input,.page-number-settings select{width:100%;min-width:0;height:38px;border:1px solid #bdccd9;border-radius:4px;background:#fff;color:var(--pn-text);outline:0;padding:0 9px;font-size:.68rem;font-weight:700}.page-number-settings input:focus,.page-number-settings select:focus{border-color:#3d86ba;box-shadow:0 0 0 3px rgba(35,118,174,.1)}.page-number-settings label>small,.page-number-settings fieldset>small{display:block;margin-top:5px;color:var(--pn-muted);font-size:.54rem;line-height:1.4}.page-number-settings small[data-tone="success"]{color:#23805e}.page-number-settings small[data-tone="error"]{color:#c3313d}.page-number-range{display:grid;grid-template-columns:minmax(0,1fr) auto auto;border:1px solid #bdccd9;border-radius:4px;background:#fff;overflow:hidden}.page-number-range input{border:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.page-number-range button{border:0;border-left:1px solid #d5e0e9;background:#eef5fa;color:#416987;padding:0 9px;cursor:pointer;font-size:.57rem;font-weight:850}.page-number-range button:hover{background:#deedf7}.page-number-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-number-unit{height:38px;border:1px solid #bdccd9;border-radius:4px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 34px;overflow:hidden}.page-number-unit input{height:36px;border:0;border-radius:0}.page-number-unit span{border-left:1px solid #d7e0e8;background:#f2f6f9;color:#698095;display:grid;place-items:center;font-size:.54rem}.page-number-colour{display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px}.page-number-colour input[type="color"]{padding:3px;cursor:pointer}.page-number-colour input:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.page-number-position{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.page-number-position label{cursor:pointer}.page-number-position input{position:absolute;opacity:0;pointer-events:none}.page-number-position span{height:44px;padding:6px;border:1px solid #cad6e1;border-radius:4px;background:#fff;display:flex}.page-number-position span i{width:13px;height:5px;border-radius:1px;background:#8296a8}.page-number-position label:nth-child(2) span,.page-number-position label:nth-child(5) span{justify-content:center}.page-number-position label:nth-child(3) span,.page-number-position label:nth-child(6) span{justify-content:flex-end}.page-number-position label:nth-child(-n+3) span{align-items:flex-start}.page-number-position label:nth-child(n+4) span{align-items:flex-end}.page-number-position b{display:block;margin-top:3px;color:var(--pn-muted);text-align:center;font-size:.5rem}.page-number-position input:checked+span{border-color:#2d7db7;background:#eaf5fd;box-shadow:0 0 0 2px rgba(35,118,174,.1)}.page-number-position input:checked+span i{background:#1970aa}.page-number-position input:focus-visible+span{outline:2px solid #2478b2;outline-offset:2px}.page-number-switch{min-height:51px!important;margin:0!important;padding:8px 9px;border:1px solid #d2dde7;border-radius:4px;background:#fff;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.page-number-switch strong,.page-number-switch small{display:block}.page-number-switch strong{font-size:.63rem}.page-number-switch small{margin-top:2px;color:var(--pn-muted);font-size:.53rem;line-height:1.35}.page-number-switch input{position:absolute;opacity:0}.page-number-switch>i{width:34px;height:18px;border-radius:10px;background:#bdc9d3;position:relative}.page-number-switch>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,35,53,.25);transition:transform .16s}.page-number-switch input:checked+i{background:var(--pn-blue)}.page-number-switch input:checked+i:after{transform:translateX(16px)}.page-number-switch input:focus-visible+i{outline:2px solid #2478b2;outline-offset:2px}.page-number-background{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid #d5e0e9;border-radius:4px;background:#f5f8fa}.page-number-privacy{padding:10px;border-left:3px solid #3485ba;background:#ecf6fc;color:#285a78;display:flex;gap:8px}.page-number-privacy p{margin:0}.page-number-privacy strong,.page-number-privacy span{display:block}.page-number-privacy strong{font-size:.61rem}.page-number-privacy span{margin-top:2px;font-size:.54rem;line-height:1.4}.page-number-head nav{display:flex;align-items:center;gap:5px}.page-number-head nav button{width:31px;padding:0}.page-number-head nav button:disabled{opacity:.42;cursor:not-allowed}.page-number-head nav label{height:34px;padding:0 7px;border:1px solid #c8d5e1;border-radius:4px;background:#fff;color:#60768a;display:flex;align-items:center;gap:4px;font-size:.58rem;font-weight:750}.page-number-head nav input{width:38px;border:0;border-bottom:1px solid #aebdcc;outline:0;background:transparent;color:var(--pn-text);text-align:center;font-size:.66rem;font-weight:850}.page-number-head nav b{color:var(--pn-text)}.page-number-empty{min-height:654px;padding:28px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#fbfdff,#eef3f7)}.page-number-empty>div{width:74px;height:74px;border:1px solid #e9bec1;border-radius:10px;background:#fff2f2;color:var(--pn-red);display:grid;place-items:center;font-size:1.7rem;box-shadow:0 12px 24px rgba(79,32,37,.08)}.page-number-empty h2{margin:14px 0 5px;font-size:1rem}.page-number-empty p{max-width:440px;margin:0;color:var(--pn-muted);font-size:.71rem;line-height:1.55}.page-number-empty ul{margin:14px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;list-style:none}.page-number-empty li{padding:5px 8px;border:1px solid #d1dce6;border-radius:3px;background:#fff;color:#607589;font-size:.55rem;font-weight:800}.page-number-preview{background:#111f2e}.page-number-stage{min-height:516px;max-height:620px;padding:18px;position:relative;display:grid;place-items:center;overflow:auto;background-color:#172535;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.page-number-stage img{display:block;max-width:100%;max-height:580px;width:auto;height:auto;object-fit:contain;box-shadow:0 14px 34px rgba(0,0,0,.38);transition:opacity .15s}.page-number-stage[data-loading="true"] img{opacity:.38}.page-number-loading{position:absolute;z-index:2;padding:9px 12px;border-radius:4px;background:rgba(8,18,29,.9);color:#dce9f7;display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:850}.page-number-loading i{color:#ff6c72}.page-number-preview-info{min-height:66px;padding:9px 11px;border-top:1px solid #2d4257;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#132234}.page-number-preview-info>div{min-width:0;padding-right:8px;border-right:1px solid #2b4158}.page-number-preview-info>div:last-child{border-right:0}.page-number-preview-info span,.page-number-preview-info strong{display:block}.page-number-preview-info span{color:#8fa7bf;font-size:.51rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.page-number-preview-info strong{margin-top:4px;color:#edf5fd;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-number-preview-info strong[data-muted="true"]{color:#f3bd73}.page-number-preview>p{margin:0;padding:7px 11px;border-top:1px solid #263b50;background:#101e2e;color:#8ea5bc;font-size:.54rem;line-height:1.4}.page-number-preview>p i{margin-right:5px;color:#58a8df}.page-number-result{min-height:70px;padding:10px 12px;border-top:1px solid #cfdbe5;background:#f7fafc;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.page-number-result>i{width:34px;height:34px;border-radius:50%;background:#e5f7ef;color:#23805e;display:grid;place-items:center}.page-number-result strong,.page-number-result span{display:block}.page-number-result strong{font-size:.69rem}.page-number-result span{margin-top:3px;color:var(--pn-muted);font-size:.55rem}.page-number-result a{min-height:37px;padding:0 12px;border-radius:4px;background:linear-gradient(135deg,var(--pn-red),var(--pn-red-dark));box-shadow:0 8px 18px rgba(201,47,57,.2);color:#fff;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:.62rem;font-weight:850}.page-number-footer{min-height:58px;padding:9px 12px;border-top:1px solid var(--pn-border);background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-number-footer>div:first-child{color:var(--pn-muted);font-size:.63rem;font-weight:750}.page-number-footer>div:first-child[data-tone="success"]{color:#23805e}.page-number-footer>div:first-child[data-tone="error"]{color:#c4313d}.page-number-footer>div:last-child{display:flex;gap:7px}.page-number-footer button{min-height:38px;padding:0 12px;border:1px solid #c7d4df;border-radius:4px;background:#fff;color:#456780;cursor:pointer;font-size:.64rem;font-weight:850}.page-number-footer .page-number-create{min-width:155px;border:0;background:linear-gradient(135deg,var(--pn-red),var(--pn-red-dark));box-shadow:0 8px 18px rgba(201,47,57,.2);color:#fff}.page-number-footer button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.page-number-tool.is-busy .page-number-create i{animation:pn-pulse .8s ease-in-out infinite alternate}@keyframes pn-pulse{to{transform:scale(1.18)}}
body.theme-dark .page-number-tool{--pn-text:#e9f2fb;--pn-muted:#91a5b9;--pn-border:#2d4257;--pn-panel:#101a27;--pn-soft:#152335;background:#101a27;box-shadow:none}body.theme-dark .page-number-head,body.theme-dark .page-number-footer{background:#132133}body.theme-dark .page-number-head>button,body.theme-dark .page-number-head nav button,body.theme-dark .page-number-head nav label,body.theme-dark .page-number-file,body.theme-dark .page-number-file button,body.theme-dark .page-number-settings input,body.theme-dark .page-number-settings select,body.theme-dark .page-number-range,body.theme-dark .page-number-range button,body.theme-dark .page-number-unit,body.theme-dark .page-number-unit span,body.theme-dark .page-number-position span,body.theme-dark .page-number-switch{border-color:#354b61;background:#162537;color:#dceafa}body.theme-dark .page-number-drop{border-color:#5e3b43;background:linear-gradient(145deg,#1b2431,#281b24)}body.theme-dark .page-number-drop-icon,body.theme-dark .page-number-file>i{border-color:#5e3942;background:#2a1b23}body.theme-dark .page-number-password{border-color:#68562b;background:#2c2618}body.theme-dark .page-number-password>div:last-child,body.theme-dark .page-number-password input,body.theme-dark .page-number-password button{border-color:#5d4e2d;background:#162537;color:#ead79e}body.theme-dark .page-number-background{border-color:#354b61;background:#132133}body.theme-dark .page-number-privacy{background:#152d3d;color:#9ed1ef}body.theme-dark .page-number-empty{background:linear-gradient(145deg,#111d2b,#152335)}body.theme-dark .page-number-empty>div{border-color:#5c3740;background:#2a1b23}body.theme-dark .page-number-empty li{border-color:#34495f;background:#172638;color:#acc0d3}body.theme-dark .page-number-result{border-color:#2d4257;background:#142234}body.theme-dark .page-number-head nav input{color:#edf6ff}
@media(max-width:1060px){.page-number-grid{grid-template-columns:minmax(330px,45%) minmax(0,55%)}.page-number-preview-info{grid-template-columns:1fr 1fr}.page-number-preview-info>div:nth-child(2){border-right:0}}
@media(max-width:860px){.page-number-grid{grid-template-columns:1fr}.page-number-controls{border-right:0;border-bottom:1px solid var(--pn-border)}.page-number-control-body{max-height:none}.page-number-empty{min-height:350px}.page-number-stage{min-height:340px;max-height:560px}.page-number-footer{align-items:flex-start;flex-direction:column}.page-number-footer>div:last-child{width:100%}.page-number-footer button{flex:1}.page-number-footer .page-number-create{flex:1.5}}
@media(max-width:540px){.page-number-head{min-height:54px;padding:9px 10px}.page-number-output>.page-number-head{height:auto;align-items:flex-start;flex-direction:column}.page-number-output>.page-number-head nav{width:100%;justify-content:space-between}.page-number-output>.page-number-head nav label{flex:1;justify-content:center}.page-number-control-body{padding:10px}.page-number-drop{min-height:150px}.page-number-range{grid-template-columns:minmax(0,1fr) 72px 76px}.page-number-range button{padding:0 5px}.page-number-two,.page-number-background{grid-template-columns:1fr}.page-number-position b{font-size:.47rem}.page-number-stage{min-height:270px;padding:9px}.page-number-preview-info{padding:8px}.page-number-result{grid-template-columns:32px minmax(0,1fr)}.page-number-result a{grid-column:1/-1;justify-content:center}.page-number-footer>div:last-child{display:grid;grid-template-columns:1fr 1.45fr}.page-number-footer button{padding:0 7px}.page-number-footer .page-number-create{min-width:0}}