:root{--canvas: #f6f7f9;--surface: #ffffff;--surface-2: #fbfcfd;--ink: #0c111d;--text: #344054;--muted: #667085;--faint: #98a2b3;--border: #eaecf0;--border-2: #f2f4f7;--accent: #f0531c;--accent-hover: #d8440f;--accent-tint: #fff1eb;--amber: #ffb020;--ok: #12b76a;--ok-tint: #ecfdf3;--danger: #f04438;--danger-tint: #fef3f2;--info: #175cd3;--info-tint: #eff4ff;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .12), 0 4px 8px -4px rgba(16, 24, 40, .06);--shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--wrap: 1160px}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--text);background:var(--canvas);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin:0 0 .4em;font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:40;background:#ffffffd1;backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--wrap);margin:0 auto;padding:12px 24px}.brand{display:inline-flex;align-items:center;gap:9px}.brand:hover{color:inherit}.brand-word{font-family:var(--display);font-weight:800;font-size:1.28rem;color:var(--ink);letter-spacing:-.03em}.brand-pdf{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{color:var(--text);font-weight:500;font-size:.94rem;padding:8px 12px;border-radius:var(--r-sm)}.nav-links a:hover{color:var(--ink);background:var(--border-2)}.hero{text-align:center;padding:48px 0 40px}.hero-mascot{display:flex;justify-content:center;margin-bottom:18px}.hero-mascot img{filter:drop-shadow(0 16px 24px rgba(16,24,40,.14));animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:6px 12px 6px 8px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:22px}.hero .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.hero h1{font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:800;max-width:16ch;margin:0 auto .35em}.hero .accent{color:var(--accent)}.hero p.lede{font-size:1.16rem;color:var(--muted);max-width:600px;margin:0 auto}.hero-actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section-label{font-family:var(--display);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:36px 0 14px}.tools-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:8px 0 24px}.tool-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow-sm);color:var(--muted);flex:1 1 240px;max-width:320px;transition:border-color .14s ease,box-shadow .14s ease}.tool-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f0531c24}.tool-search svg{flex-shrink:0}.tool-search input{border:none;outline:none;background:transparent;font:inherit;font-size:.95rem;color:var(--ink);width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .14s ease,color .14s ease,border-color .14s ease}.chip:hover{border-color:#dce0e6;color:var(--ink)}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-count{font-size:.74rem;font-weight:700;color:var(--faint);background:var(--border-2);border-radius:999px;padding:1px 7px;min-width:20px;text-align:center}.chip.active .chip-count{color:#fff;background:#ffffff38}.no-results{text-align:center;padding:56px 0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;padding-bottom:8px}.tile{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#e2e5ea;color:inherit}.tile-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--accent-tint);color:var(--accent);flex-shrink:0}.tile-name{font-family:var(--display);font-weight:700;font-size:1.04rem;color:var(--ink)}.tile-blurb{color:var(--muted);font-size:.9rem;margin:-4px 0 0;line-height:1.45}.tool-main{max-width:var(--wrap);margin:0 auto;padding:32px 24px 72px}.tool-head{text-align:center;margin-bottom:28px}.tool-head .badge{width:56px;height:56px;border-radius:15px;background:var(--accent-tint);color:var(--accent);display:inline-grid;place-items:center;box-shadow:var(--shadow-sm)}.tool-head h1{font-size:clamp(1.7rem,3.6vw,2.3rem);margin:14px 0 6px}.tool-head p{color:var(--muted);margin:0 auto;max-width:540px}.privacy-line{display:inline-flex;gap:6px;align-items:center;margin-top:14px;font-size:.85rem;color:var(--ok);font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:24px;align-items:start;max-width:980px;margin:0 auto}.workspace-main{min-width:0}.workspace-side{position:sticky;top:88px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.side-header{padding:16px 18px;border-bottom:1px solid var(--border)}.side-header h2{font-size:1.05rem;margin:0}.side-header p{margin:3px 0 0;font-size:.85rem;color:var(--muted)}.side-body{padding:18px}.side-action{padding:16px 18px;border-top:1px solid var(--border);background:var(--surface-2)}.side-action .btn{width:100%}.side-action .hint{text-align:center;font-size:.8rem;color:var(--faint);margin:10px 0 0}.dropzone{border:2px dashed #d0d5dd;border-radius:var(--r-xl);background:var(--surface);padding:56px 28px;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.dropzone:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:var(--shadow-md)}.dropzone.drag{border-color:var(--accent);background:var(--accent-tint)}.dropzone .dz-icon{width:60px;height:60px;border-radius:16px;background:var(--accent-tint);color:var(--accent);display:inline-grid;place-items:center;margin-bottom:16px}.dropzone .dz-title{font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--ink);margin-bottom:4px}.dropzone .dz-sub{color:var(--muted);font-size:.92rem}.dropzone .dz-btn{margin-top:18px;display:inline-flex}.btn{font-family:var(--body);font-weight:600;font-size:.96rem;border:1px solid transparent;border-radius:10px;padding:11px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .14s ease,transform .1s ease,box-shadow .14s ease,border-color .14s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:14px 24px;font-size:1.02rem;border-radius:12px}a.btn,a.btn:hover{text-decoration:none}.btn-primary,.btn-primary:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px #ffffff29}.btn-primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary,.btn-secondary:hover{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:not(:disabled):hover{background:var(--surface-2);border-color:#dce0e6}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--border-2)}.btn:focus-visible{outline:3px solid rgba(240,83,28,.35);outline-offset:2px}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-md);margin:20px auto 0;max-width:640px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{font-weight:600;font-size:.88rem;color:var(--ink)}.field input[type=text],.field input[type=number],.field input[type=password],.field input:not([type]),.field select{font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f0531c26}.field .field-hint{font-size:.8rem;color:var(--faint)}.row{display:flex;gap:14px;flex-wrap:wrap}.row>.field{flex:1 1 150px}.segmented{display:inline-flex;background:var(--border-2);border-radius:10px;padding:3px;gap:3px}.segmented button{border:none;background:transparent;font:inherit;font-size:.88rem;font-weight:600;color:var(--muted);padding:7px 14px;border-radius:7px;cursor:pointer;transition:background .14s ease,color .14s ease}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;box-shadow:var(--shadow-sm);transition:box-shadow .14s ease,border-color .14s ease,opacity .1s ease}.file-item[draggable=true]{cursor:grab}.file-item[draggable=true]:active{cursor:grabbing}.file-item.dragging{opacity:.4}.file-item.drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.file-grip{color:var(--faint);display:grid;place-items:center;flex-shrink:0}.file-thumb{width:40px;height:52px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);object-fit:cover;flex-shrink:0}.file-badge{width:40px;height:40px;border-radius:9px;background:var(--accent-tint);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.file-meta{flex:1;min-width:0}.fi-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:500;color:var(--ink)}.fi-size{color:var(--muted);font-size:.8rem}.icon-btn{border:1px solid transparent;background:transparent;cursor:pointer;color:var(--faint);display:grid;place-items:center;width:32px;height:32px;border-radius:8px;transition:background .14s ease,color .14s ease}.icon-btn:hover:not(:disabled){background:var(--border-2);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.organize{max-width:920px;margin:0 auto}.organize-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;box-shadow:var(--shadow-sm)}.organize-hint{display:flex;align-items:center;gap:7px;justify-content:center;color:var(--muted);font-size:.9rem;margin:16px 0 18px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.page-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 12px 10px;box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow .14s ease,border-color .14s ease,transform .1s ease}.page-card:hover{box-shadow:var(--shadow-md);border-color:#dce0e6}.page-card:active{cursor:grabbing}.page-card.dragging{opacity:.4}.page-card.drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.page-num{position:absolute;top:8px;left:8px;z-index:1;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.page-grip{position:absolute;top:10px;right:8px;color:var(--faint)}.page-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;overflow:hidden;border-radius:6px;border:1px solid var(--border-2);background:#fff;margin-bottom:10px}.page-thumb img{max-width:100%;max-height:100%;transition:transform .2s ease}.page-actions{display:flex;justify-content:center;gap:6px}.page-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.page-btn:hover:not(:disabled){background:var(--border-2);color:var(--ink);border-color:#dce0e6}.page-btn.danger:hover:not(:disabled){background:var(--danger-tint);color:var(--danger);border-color:#fecdca}.page-btn:disabled{opacity:.35;cursor:not-allowed}.organize-action{display:flex;justify-content:center;margin-top:24px}.split-modes{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0 22px}.split-helpers{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.split-hint{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem;margin-right:8px}.split-helpers .btn-ghost{padding:7px 12px;font-size:.9rem}.split-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 30px;padding-right:6px}.split-cell{position:relative}.page-card.pickable{cursor:pointer}.page-card.pickable:hover{border-color:#dce0e6;box-shadow:var(--shadow-md)}.page-card.selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-tint)!important}.page-check{position:absolute;top:8px;right:8px;z-index:1;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:transparent;display:grid;place-items:center;transition:background .12s ease,border-color .12s ease,color .12s ease}.page-check.on{background:var(--accent);border-color:var(--accent);color:#fff}.part-chip{position:absolute;top:8px;right:8px;z-index:1;color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px}.cut-toggle{position:absolute;right:-22px;top:42%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px dashed #cdd3db;background:var(--surface);color:var(--faint);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s ease,color .12s ease,border-color .12s ease}.cut-toggle:hover{color:var(--accent);border-color:var(--accent);border-style:solid}.cut-toggle.on{background:var(--accent);border-color:var(--accent);border-style:solid;color:#fff}.progress{height:8px;border-radius:999px;background:var(--border-2);overflow:hidden;margin:8px 0}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--accent));transition:width .2s ease}.alert{border-radius:var(--r-sm);padding:11px 13px;font-size:.9rem;margin-top:14px;display:flex;gap:8px;align-items:flex-start}.alert-error{background:var(--danger-tint);color:#b42318;border:1px solid #fecdca}.state-center{max-width:520px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:48px 32px;box-shadow:var(--shadow-md)}.spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);margin:0 auto 18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-check{width:64px;height:64px;border-radius:50%;background:var(--ok-tint);color:var(--ok);display:grid;place-items:center;margin:0 auto 20px}.result-title{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--ink);margin:0 0 6px}.result-sub{color:var(--muted);margin:0 0 24px}.result-file{display:inline-flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;margin-bottom:22px;font-size:.9rem}.footer{border-top:1px solid var(--border);margin-top:56px;padding:32px 0;color:var(--muted);font-size:.9rem;background:var(--surface)}.footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer a{color:var(--muted)}.footer a:hover{color:var(--ink)}.prose{max-width:720px;margin:0 auto;padding:40px 24px 72px}.prose h1{font-size:2.1rem}.prose h2{margin-top:1.5em;font-size:1.3rem}.prose p,.prose li{color:var(--text)}.tool-content{max-width:720px;margin:52px auto 0}.tool-content h2{font-size:1.4rem;margin:36px 0 16px}.tc-intro{font-size:1.06rem;color:var(--text);line-height:1.7;margin:0}.tc-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.tc-steps li{display:flex;gap:14px;align-items:flex-start;color:var(--text);line-height:1.6}.tc-step-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent-tint);color:var(--accent);font-family:var(--display);font-weight:700;font-size:.9rem;display:grid;place-items:center;margin-top:1px}.tc-faq{margin:0}.tc-faq-item{border-top:1px solid var(--border);padding:18px 0}.tc-faq-item:last-child{border-bottom:1px solid var(--border)}.tc-faq-item dt{font-family:var(--display);font-weight:700;color:var(--ink);font-size:1.02rem;margin-bottom:6px}.tc-faq-item dd{margin:0;color:var(--text);line-height:1.65}.ad-slot{margin:40px auto 0;max-width:728px;min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;border:1px dashed var(--border);border-radius:var(--r)}@media (max-width: 860px){.workspace{grid-template-columns:1fr}.workspace-side{position:static}}@media (max-width: 560px){.nav-links a{padding:8px;font-size:.9rem}.hero{padding:48px 0 28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition:none!important}}
