.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}}.pep-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#94a3b8;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pep-reset-btn:hover{background:#ef444414;color:#ef4444;border-color:#ef444440}html[data-theme=dark] .pep-reset-btn{color:#71717a}html[data-theme=dark] .pep-reset-btn:hover{background:#ef44441f;color:#fca5a5;border-color:#ef44444d}.pep-filename-row{display:flex;align-items:center;gap:10px;margin:10px 4px 2px;padding:8px 10px;background:#f8fafc80;border:1px solid #e2e8f0;border-radius:8px}html[data-theme=dark] .pep-filename-row{background:#27272a80;border-color:#3f3f46}.pep-filename-label{flex-shrink:0;font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}html[data-theme=dark] .pep-filename-label{color:#71717a}.pep-filename-input-wrap{display:flex;align-items:baseline;flex:1;min-width:0;gap:2px}.pep-filename-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:13px;font-weight:500;color:#0f172a;padding:2px 0}html[data-theme=dark] .pep-filename-input{color:#e4e4e7}.pep-filename-input::placeholder{color:#94a3b8}.pep-filename-suffix{font-family:var(--font-mono);font-size:13px;font-weight:500;color:#94a3b8;flex-shrink:0}html[data-theme=dark] .pep-filename-suffix{color:#71717a}.neo-card-btn.primary:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}