*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0f0f0f;color:#ffffff}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.home__title{font-size:2rem;margin-bottom:2.5rem;font-weight:600}.home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;width:100%;max-width:800px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;background-color:#1a1a1a;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #2a2a2a}.tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.tile-wrapper,.tile__image{position:relative}.tile__image{width:100%;aspect-ratio:1/1;background-color:#111}.tile__info{position:absolute;top:12px;right:12px;z-index:20}.tile__info-icon{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:help;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile__tooltip{position:absolute;bottom:calc(100% + 8px);right:0;width:260px;background:rgba(55,55,55,.98);color:#f5f5f5;padding:14px;border-radius:10px;font-size:.95rem;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:translateY(4px);pointer-events:none;border:1px solid #555;box-shadow:0 4px 20px rgba(0,0,0,.35)}.tile__info:hover .tile__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.tile__label{padding:1rem;font-size:1.1rem;font-weight:500;text-align:center}.pageenum{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:600px;margin:0 auto}.pageenum__title{font-size:1.75rem;margin-bottom:1.5rem;font-weight:600}.pageenum__dropzone{width:100%;border:2px dashed #444;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;margin-bottom:1.5rem}.pageenum__dropzone:hover{border-color:#888;background-color:#1a1a1a}.pageenum__file-input{display:none}.pageenum__dropzone-text{font-size:1rem;color:#ccc}.pageenum__pagecount{font-size:.9rem;color:#888;margin-top:.5rem}.pageenum__error{width:100%;background-color:#3a1a1a;color:#ff8888;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.pageenum__form{width:100%;gap:1rem;margin-bottom:1.5rem}.pageenum__field,.pageenum__form{display:flex;flex-direction:column}.pageenum__field{gap:.35rem}.pageenum__field label{font-size:.9rem;color:#bbb}.pageenum__field input,.pageenum__field select{padding:.6rem .75rem;border-radius:8px;border:1px solid #333;background-color:#1a1a1a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease}.pageenum__field input:focus,.pageenum__field select:focus{border-color:#666}.pageenum__progress{width:100%;margin-bottom:1.5rem}.pageenum__progress-bar{width:100%;height:8px;background-color:#2a2a2a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.pageenum__progress-fill{height:100%;background-color:#4caf50;transition:width .2s ease}.pageenum__progress-text{font-size:.9rem;color:#bbb;display:block;text-align:center}.pageenum__actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.pageenum__button{width:100%;padding:.85rem;border-radius:10px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.pageenum__button:disabled{opacity:.5;cursor:not-allowed}.pageenum__button--primary{background-color:#2563eb;color:#fff}.pageenum__button--primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.pageenum__button--secondary{background-color:#16a34a;color:#fff}.pageenum__button--secondary:hover:not(:disabled){background-color:#15803d;transform:translateY(-1px)}.pageoverlay{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:600px;margin:0 auto}.pageoverlay__title{font-size:1.75rem;margin-bottom:1.5rem;font-weight:600}.pageoverlay__dropzone{width:100%;border:2px dashed #444;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;margin-bottom:1.5rem}.pageoverlay__dropzone:hover{border-color:#888;background-color:#1a1a1a}.pageoverlay__dropzone--secondary{border-color:#3a3a3a;background-color:#121212}.pageoverlay__dropzone--secondary:hover{border-color:#666;background-color:#1a1a1a}.pageoverlay__file-input{display:none}.pageoverlay__dropzone-text{font-size:1rem;color:#ccc}.pageoverlay__pagecount{font-size:.9rem;color:#888;margin-top:.5rem}.pageoverlay__error{width:100%;background-color:#3a1a1a;color:#ff8888;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.pageoverlay__form{width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pageoverlay__field{display:flex;flex-direction:column;gap:.35rem}.pageoverlay__field label{font-size:.9rem;color:#bbb}.pageoverlay__field input{padding:.6rem .75rem;border-radius:8px;border:1px solid #333;background-color:#1a1a1a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s ease}.pageoverlay__field input:focus{border-color:#666}.pageoverlay__progress{width:100%;margin-bottom:1.5rem}.pageoverlay__progress-bar{width:100%;height:8px;background-color:#2a2a2a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.pageoverlay__progress-fill{height:100%;background-color:#4caf50;transition:width .2s ease}.pageoverlay__progress-text{font-size:.9rem;color:#bbb;display:block;text-align:center}.pageoverlay__actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.pageoverlay__button{width:100%;padding:.85rem;border-radius:10px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.pageoverlay__button:disabled{opacity:.5;cursor:not-allowed}.pageoverlay__button--primary{background-color:#2563eb;color:#fff}.pageoverlay__button--primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.pageoverlay__button--secondary{background-color:#16a34a;color:#fff}.pageoverlay__button--secondary:hover:not(:disabled){background-color:#15803d;transform:translateY(-1px)}.nav{width:100%;max-width:600px;margin:0 auto;padding:1rem 2rem 0}.nav__link{display:inline-flex;align-items:center;gap:.5rem;color:#aaa;text-decoration:none;font-size:.95rem;transition:color .2s ease}.nav__link:hover{color:#fff}