.tool-layout{background:var(--color-surface)}.tool-main{min-height:calc(100vh - var(--header-height) - 56px)}.tool-container{width:min(100% - 40px,1360px);margin-inline:auto}.tool-header{background:var(--color-white);border-bottom:1px solid var(--color-line);padding:32px 0 20px}.tool-header h1{margin:0 0 10px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3}.tool-header p{color:var(--color-muted);max-width:720px;margin:0 0 10px}.tool-back{margin:0 0 12px;font-weight:600}.tool-back a{text-decoration:none}.tool-back a:hover{text-decoration:underline}.tool-privacy{background:var(--color-surface);color:var(--color-primary-dark);border-radius:999px;align-items:center;gap:8px;margin:4px 0 0;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.tool-notes{padding:28px 0 48px}.tool-notes h2{margin:0 0 12px;font-size:1.05rem}.tool-notes ul{color:var(--color-muted);margin:0;padding-left:1.2em}.tool-legal{border-top:1px solid var(--color-line);background:var(--color-white);text-align:center;padding:16px 20px 20px}.tool-legal p{color:var(--color-muted);margin:0;font-size:.85rem}.tool-legal a{margin-left:12px}.tool-layout--working .tool-legal,.tool-layout--working .tool-notes{display:none}.tool-app{padding:28px 0 40px}.tool-app .btn:disabled{opacity:.45;cursor:not-allowed}.tool-app .btn--danger{background:var(--color-white);color:#b42318;border:1px solid #f0cbd0}.tool-app .btn--danger:hover{color:#912018;background:#fff5f5}.tool-app .empty{text-align:center;max-width:720px;margin:4vh auto 0}.tool-app .empty h2{margin:0 0 12px;font-size:clamp(1.4rem,3vw,1.9rem)}.tool-app .empty>p{color:var(--color-muted);margin:0 0 28px}.tool-app .dropzone{background:var(--color-white);border:2px dashed var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 24px;transition:all .2s}.tool-app .dropzone.drag{border-color:var(--color-primary);background:var(--color-surface);transform:translateY(-2px)}.tool-app .drop-icon{background:var(--color-surface);width:64px;height:64px;color:var(--color-primary);border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.tool-app .drop-icon svg{width:32px}.tool-app .dropzone strong{margin-bottom:6px;font-size:1.05rem;display:block}.tool-app .dropzone span{color:var(--color-muted);margin-bottom:20px;font-size:.9rem;display:block}.tool-app .workspace{display:none}.tool-app .workspace.show{padding-bottom:88px;display:block}.tool-app .workspace-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.tool-app .file-info h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:1.25rem}.tool-app .file-info p{color:var(--color-muted);margin:0;font-size:.88rem}.tool-app .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tool-app .summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.tool-app .summary-card{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius);align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-app .summary-card b{font-size:1.25rem;display:block}.tool-app .summary-card span{color:var(--color-muted);font-size:.78rem}.tool-app .dot{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 0 5px var(--color-surface-alt);border-radius:50%}.tool-app .notice{border:1px solid var(--color-line);background:var(--color-white);border-radius:var(--radius);color:var(--color-muted);margin-bottom:20px;padding:12px 16px;font-size:.88rem}.tool-app .pages{scroll-snap-type:x proximity;align-items:stretch;padding:8px 3px 24px;display:flex;overflow-x:auto}.tool-app .page-card{background:var(--color-white);border:1px solid var(--color-line);border-top:5px solid var(--group-color);border-radius:var(--radius);box-shadow:var(--shadow);scroll-snap-align:start;flex:0 0 194px;padding:10px;position:relative}.tool-app .thumb{background:var(--color-surface-alt);cursor:zoom-in;border-radius:7px;place-items:center;height:242px;display:grid;position:relative;overflow:hidden}.tool-app .thumb:after{content:"拡大";color:#fff;opacity:0;background:#243018dd;border-radius:20px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.tool-app .thumb:hover:after{opacity:1;transform:translate(-50%,-50%)}.tool-app .thumb canvas{max-width:100%;max-height:100%;display:block;box-shadow:0 1px 5px #0002}.tool-app .page-meta{justify-content:space-between;align-items:center;padding:10px 2px 2px;font-size:.82rem;display:flex}.tool-app .page-no{font-weight:600}.tool-app .orig-no{color:var(--color-muted);font-size:.74rem}.tool-app .card-tools{opacity:0;gap:5px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.tool-app .page-card:hover .card-tools,.tool-app .page-card:focus-within .card-tools{opacity:1}.tool-app .icon-btn{color:#fff;cursor:pointer;background:#243018e0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.tool-app .icon-btn svg{width:16px}.tool-app .divider{flex-direction:column;flex:0 0 52px;justify-content:center;align-items:center;display:flex;position:relative}.tool-app .divider:before{content:"";background:var(--color-line);width:1px;height:100%;position:absolute}.tool-app .split-btn{z-index:1;border:1px solid var(--color-line);background:var(--color-white);width:34px;height:58px;color:var(--color-muted);box-shadow:var(--shadow);cursor:pointer;border-radius:18px;font-size:1.45rem}.tool-app .divider.active:before{background:var(--color-primary);width:3px}.tool-app .divider.active .split-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tool-app .divider-label{z-index:1;background:var(--color-primary);color:#fff;border-radius:10px;margin-top:8px;padding:3px 7px;font-size:.68rem;display:none}.tool-app .divider.active .divider-label{display:block}.tool-app .groups{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:13px;margin-top:8px;display:grid}.tool-app .group{background:var(--color-white);border:1px solid var(--color-line);border-left:5px solid var(--group-color);border-radius:var(--radius);padding:14px 15px}.tool-app .group-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-app .group-title{font-size:.9rem;font-weight:700}.tool-app .filename{border:1px solid var(--color-line);width:100%;color:var(--color-ink);background:var(--color-white);font:inherit;border-radius:8px;margin-top:10px;padding:8px 10px}.tool-app .filename:focus{border-color:var(--color-primary);outline:3px solid #7ab82e40}.tool-app .group small{color:var(--color-muted)}.tool-app .bottom-bar{backdrop-filter:blur(14px);border-top:1px solid var(--color-line);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;padding:13px clamp(16px,4vw,56px);display:none;position:fixed;bottom:0;left:0;right:0}.tool-app .bottom-bar.show{display:flex}.tool-app .bottom-copy b{font-size:.92rem;display:block}.tool-app .bottom-copy span{color:var(--color-muted);font-size:.78rem}.tool-app .download-actions{gap:8px;display:flex}.tool-app .loading{backdrop-filter:blur(5px);z-index:50;background:#f6f8f4db;place-items:center;display:none;position:fixed;inset:0}.tool-app .loading.show{display:grid}.tool-app .loading-box{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:24px 32px}.tool-app .spinner{border:4px solid var(--color-line);border-top-color:var(--color-primary);border-radius:50%;width:34px;height:34px;margin:0 auto 12px;animation:.8s linear infinite tool-spin}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-app .toast{color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:60;background:#2a3a1c;border-radius:10px;padding:12px 17px;transition:all .25s;position:fixed;top:88px;right:20px;transform:translateY(-20px)}.tool-app .toast.show{opacity:1;transform:none}.tool-app .preview{z-index:80;color:#fff;background:#243018ef;grid-template-rows:auto 1fr auto;display:none;position:fixed;inset:0}.tool-app .preview.show{display:grid}.tool-app .preview-head{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(16px,3vw,34px);display:flex}.tool-app .preview-title{font-weight:600}.tool-app .preview-title small{color:#d8e6c8;margin-left:10px;font-weight:400}.tool-app .preview-actions{align-items:center;gap:9px;display:flex}.tool-app .preview-rotate,.tool-app .preview-close,.tool-app .preview-nav{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff42;border-radius:11px}.tool-app .preview-rotate{height:42px;padding:0 14px;font-weight:600}.tool-app .preview-close{width:42px;height:42px;font-size:1.6rem;line-height:1}.tool-app .preview-stage{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:14px;min-height:0;padding:20px;display:grid}.tool-app .preview-canvas-wrap{place-items:center;min-width:0;height:100%;display:grid;overflow:auto}.tool-app .preview-canvas-wrap canvas{background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 16px 50px #0008}.tool-app .preview-nav{width:52px;height:64px;font-size:2rem}.tool-app .preview-rotate:hover,.tool-app .preview-close:hover,.tool-app .preview-nav:hover{background:#ffffff25}.tool-app .preview-nav:disabled{opacity:.22;cursor:not-allowed}.tool-app .preview-foot{text-align:center;color:#d8e6c8;padding:10px 16px 18px;font-size:.82rem}@media (width<=720px){.tool-app .workspace-head{display:block}.tool-app .actions{justify-content:flex-start;margin-top:15px}.tool-app .summary{grid-template-columns:1fr 1fr}.tool-app .summary-card:last-child{grid-column:1/-1}.tool-app .page-card{flex-basis:156px}.tool-app .thumb{height:194px}.tool-app .divider{flex-basis:42px}.tool-app .bottom-copy{display:none}.tool-app .bottom-bar{justify-content:stretch}.tool-app .download-actions{width:100%}.tool-app .download-actions .btn{flex:1;padding-inline:10px}.tool-app .preview-stage{grid-template-columns:44px minmax(0,1fr) 44px;padding:10px 8px}.tool-app .preview-nav{width:40px;height:54px}.tool-app .preview-title small{display:none}.tool-app .preview-rotate{width:42px;padding:0;font-size:0}.tool-app .preview-rotate:after{content:"↻";font-size:1.35rem}}