*,:before,:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--ep-fs-xs:clamp(12px, 2.8vw, 13px);--ep-fs-sm:clamp(13px, 3vw, 14px);--ep-fs-md:clamp(14px, 3.4vw, 16px);--ep-fs-lg:clamp(16px, 4vw, 18px);--ep-fs-xl:clamp(22px, 5vw, 34px)}.ep-page{max-width:1040px;padding:clamp(16px,4vw,24px);padding-bottom:env(safe-area-inset-bottom);color:var(--text);width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.ep-seo-block{text-align:center;margin-bottom:36px}.ep-page-title{font-size:var(--ep-fs-xl);letter-spacing:-.02em;margin-bottom:6px;font-weight:800}.ep-page-desc{max-width:680px;font-size:var(--ep-fs-md);color:var(--muted);margin:0 auto;line-height:1.6}.ep-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;width:100%;display:flex}.ep-settings{background:var(--card);width:100%;max-width:min(100%,520px);box-shadow:var(--shadow-md);border-radius:clamp(18px,4vw,32px);flex-direction:column;gap:22px;min-width:0;padding:clamp(20px,4vw,30px);display:flex}.ep-upload-box{border:2px dashed var(--border);text-align:center;background:var(--surface);cursor:pointer;border-radius:clamp(22px,4vw,32px);padding:clamp(18px,3vw,26px);transition:background .2s,border-color .2s,box-shadow .2s}.ep-upload-box:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent)}.ep-upload-box input{display:none}.ep-upload-label{font-size:var(--ep-fs-sm);font-weight:700}.ep-mode{font-size:var(--ep-fs-sm);flex-wrap:wrap;gap:14px;font-weight:700;display:flex}.ep-mode label{cursor:pointer;align-items:center;gap:6px;display:flex}.ep-page-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(40px,10vw,52px),1fr));align-content:start;gap:4px;width:100%;max-height:min(40vh,360px);margin-top:.5rem;margin-bottom:.5rem;margin-left:.1rem;display:grid;overflow-y:auto}.ep-page-cell{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;font-size:var(--ep-fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:14px;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex;overflow:hidden}.ep-page-cell input{display:none}.ep-page-cell:hover{border-color:var(--accent);color:var(--accent)}.ep-page-cell.active{background:linear-gradient(135deg, var(--accent), var(--accent-2,#6366f1));color:#fff;border-color:#0000}.ep-primary-btn{min-height:48px;font-weight:800;font-size:var(--ep-fs-md);color:#fff;cursor:pointer;background:linear-gradient(90deg, var(--accent), var(--accent-2,#6366f1));touch-action:manipulation;border:none;border-radius:14px;width:100%;margin-top:6px;padding:14px 16px}.ep-primary-btn:disabled{opacity:.6;cursor:not-allowed}.ep-result{flex-direction:column;gap:10px;display:flex}.ep-download-btn{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text);border-radius:14px;padding:12px 14px;font-weight:700;text-decoration:none}.ep-preview{background:var(--card);width:100%;max-width:min(100%,520px);box-shadow:var(--shadow-md);border-radius:clamp(18px,4vw,32px);min-width:0;padding:clamp(20px,4vw,30px);overflow:hidden}@media (min-width:1025px){.ep-preview{position:sticky;top:24px}}.ep-change-file{font-size:var(--ep-fs-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:8px 0;font-weight:700}.ep-change-file:hover{color:var(--accent)}.ep-file-meta{font-size:var(--ep-fs-sm);color:var(--muted);justify-content:center;gap:8px;font-weight:600;display:flex}.ep-layout.ep-empty{justify-content:center}.ep-layout.ep-empty .ep-settings{gap:18px;max-width:520px;padding:32px}.ep-upload-primary{padding:36px}.ep-upload-sub{font-size:var(--ep-fs-xs);color:var(--muted);margin-top:8px;font-weight:600;display:block}.ep-fade-in{animation:.35s ease-out both epFadeUp}@keyframes epFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ep-drag-active{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 4px #6366f126}@media (max-width:768px){.ep-layout{flex-direction:column;gap:24px}.ep-primary-btn{bottom:env(safe-area-inset-bottom,12px);z-index:5;position:sticky;box-shadow:0 -6px 16px #00000014}.ep-page-cell{height:48px}}@media (max-width:480px){.ep-page-grid{grid-template-columns:repeat(5,minmax(44px,1fr))}}@media (max-width:420px){.ep-page{padding:14px}.ep-file-meta{flex-direction:column;gap:4px}}@media (min-width:1400px){.ep-page{max-width:1200px}}