.site-footer{margin-top:auto;padding:1rem 1.5rem;border-top:1px solid #e6edf8;background:#f8fbff;font-size:.875rem;text-align:center}.footer-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem}.footer-nav-link{color:#33608f;text-decoration:none;font-weight:600}.footer-nav-link:hover,.footer-nav-link:focus-visible{color:#0f6bb0;text-decoration:underline}.footer-copy{margin:.625rem 0 0;color:#5f7693;font-size:.8125rem;line-height:1.5}.footer-copy a{color:#0f6bb0}.footer-copyright{margin:.375rem 0 0;color:#4b6383;font-size:.8125rem;line-height:1.4}@media(max-width:420px){.site-footer{padding:.875rem 1rem}.footer-nav-list{gap:.375rem .75rem}}:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#13243a;background:radial-gradient(1200px 600px at 5% -10%,rgba(18,119,204,.22),transparent 58%),radial-gradient(900px 500px at 95% 0%,rgba(31,178,123,.18),transparent 50%),#f3f8ff;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell{width:min(980px,100% - 24px);margin:16px auto 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #d9e7f8;box-shadow:0 18px 34px #0a1f431f}.hero{padding:32px 24px 26px;background:linear-gradient(135deg,#0f6bb0,#145e92 45%,#0f8c67);color:#fff}.eyebrow{margin:0;letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-size:.76rem;opacity:.92}.hero h1{margin:8px 0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15}.hero-subtitle{margin:0;max-width:70ch;opacity:.96}.hero-meta{margin:12px 0 0;max-width:75ch;font-size:.92rem;opacity:.9}.home-link{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600}.mode-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px;background:#f4f9ff;border-bottom:1px solid #e2edf9}.tab{min-height:44px;border:1px solid #bdd3ec;border-radius:10px;background:#fff;color:#234166;font-weight:700;cursor:pointer}.tab:hover{border-color:#196fb3}.tab.is-active{background:#196fb3;border-color:#196fb3;color:#fff}.notice{margin:12px 16px 0;border-radius:10px;padding:10px 12px;font-weight:600}.notice.success{background:#edf9f2;border:1px solid #c8ebd5;color:#135738}.notice.error{background:#fff1f1;border:1px solid #f3cdcd;color:#7c2222}.notice.info{background:#eef6ff;border:1px solid #c9def7;color:#1b4f7f}.tool-card{margin:16px;background:#fbfdff;border:1px solid #dce9f8;border-radius:12px;padding:18px}.tool-card h2{margin-top:0;margin-bottom:6px}.tool-card form{display:grid;gap:12px}.tool-card input[type=file],.tool-card input[type=text],.tool-card input[type=number],.tool-card select{width:100%;border:1px solid #bed4ec;border-radius:10px;padding:10px 12px;min-height:44px;background:#fff;color:#1f3858}.tool-card input[type=text]:focus,.tool-card input[type=number]:focus,.tool-card select:focus{outline:2px solid rgba(25,111,179,.22);border-color:#196fb3}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;color:#234166}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:#196fb3}.page-count,.empty-list{margin:0;color:#4a617f}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.file-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #d5e4f7;border-radius:10px;background:#fff;padding:10px 12px}.file-meta{min-width:0;display:grid}.file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f3858}.file-meta span{font-size:.85rem;color:#5b7394}.file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost-btn,.primary-btn{min-height:40px;border-radius:9px;border:1px solid #bfd5ed;padding:0 12px;font-weight:700;cursor:pointer}.ghost-btn{background:#fff;color:#2a4f79}.ghost-btn.danger{color:#842626;border-color:#efcdcd;background:#fff5f5}.primary-btn{background:linear-gradient(135deg,#1568aa,#10885f);color:#fff;border-color:#1568aa}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:820px){.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.mode-tabs{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding:24px 16px 20px}.tool-card{margin:12px;padding:14px}.file-item{flex-direction:column;align-items:stretch}.file-actions{justify-content:flex-start}}