.pep-selector{display:flex;flex-direction:column;gap:10px}.pep-selector-header{display:flex;justify-content:space-between;align-items:center}.pep-selector-title{font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.5px;color:#000}html[data-theme=dark] .pep-selector-title{color:#fff}.pep-selector-actions{display:flex;gap:6px}.pep-action-btn{padding:5px 12px;font-family:var(--font-sans);font-weight:600;font-size:11px;background:#fff;color:#000;border:1px solid #e2e8f0;border-radius:4px;box-shadow:none;cursor:pointer;transition:all .15s}.pep-action-btn:hover{translate:-1px -1px;box-shadow:#0000001a 0 4px 6px;background:var(--tool-color-light, #fdf3e7)}html[data-theme=dark] .pep-action-btn{background:#333;color:#fff;border-color:#3f3f46;box-shadow:0 2px 4px #0003}html[data-theme=dark] .pep-action-btn:hover{background:#3f3f46}.pep-page-grid{display:flex;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:#0000001a 0 4px 6px,#0000000f 0 2px 4px;align-items:center}html[data-theme=dark] .pep-page-grid{background:#1a1a1a;border-color:#3f3f46;box-shadow:#00000059 0 10px 20px,#0006 0 6px 6px}.pep-page{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;font-size:13px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .12s;user-select:none;margin:4px 3px}.pep-page:hover:not(.selected){background:var(--tool-color-light, #fdf3e7);border-color:var(--tool-color, #e07203);color:var(--tool-color, #e07203);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.pep-page.selected{background:var(--tool-color, #e07203);color:#fff;border-color:color-mix(in srgb,var(--tool-color, #e07203) 80%,#000)}.pep-page.selected:hover{background:color-mix(in srgb,var(--tool-color, #e07203) 85%,#000)}.pep-page.group-start{border-radius:8px 0 0 8px;margin-right:0;border-right:1px solid rgba(255,255,255,.3)}.pep-page.group-mid{border-radius:0;margin-left:0;margin-right:0;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}.pep-page.group-end{border-radius:0 8px 8px 0;margin-left:0;border-left:1px solid rgba(255,255,255,.3)}.pep-page.group-single{border-radius:8px;box-shadow:#0000001a 0 4px 6px;translate:-1px -1px}.pep-page.group-start{box-shadow:0 2px 4px #0000001a;translate:-1px -1px}.pep-page.group-end{box-shadow:#0000001a 0 4px 6px}.pep-page.group-mid{box-shadow:#0000000f 0 2px 4px}html[data-theme=dark] .pep-page{background:#333;color:#94a3b8;border-color:#555}html[data-theme=dark] .pep-page:hover:not(.selected){background:#27272a;border-color:var(--tool-color, #e07203);color:var(--tool-color-light, #fdf3e7);box-shadow:0 2px 4px #0003}html[data-theme=dark] .pep-page.selected{border-color:color-mix(in srgb,var(--tool-color, #e07203) 60%,#000)}html[data-theme=dark] .pep-page.group-start,html[data-theme=dark] .pep-page.group-end,html[data-theme=dark] .pep-page.group-mid,html[data-theme=dark] .pep-page.group-single{box-shadow:none}html[data-theme=dark] .pep-page.group-single{box-shadow:0 4px 8px #00000040}html[data-theme=dark] .pep-page.group-start{box-shadow:0 2px 4px #0003}html[data-theme=dark] .pep-page.group-end{box-shadow:0 4px 8px #00000040}html[data-theme=dark] .pep-page.group-mid{box-shadow:0 2px 4px #0003}.pep-range-display{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-sans);min-height:40px}html[data-theme=dark] .pep-range-display{background:#1a1a1a;border-color:#444}.pep-range-label{font-weight:600;font-size:11px;color:#64748b;flex-shrink:0}html[data-theme=dark] .pep-range-label{color:#94a3b8}.pep-range-text{font-weight:700;font-size:13px;color:#000;word-break:break-all}.pep-range-text.empty{color:#94a3b8;font-weight:600;font-style:italic}html[data-theme=dark] .pep-range-text{color:#fff}html[data-theme=dark] .pep-range-text.empty{color:#64748b}@media(max-width:480px){.pep-page{width:38px;height:38px;font-size:12px;border-width:1px;margin:3px 2px}.pep-page-grid{padding:10px}}