:root{--primary:#06c;--primary-focus:#0071e3;--primary-on-dark:#2997ff;--ink:#1d1d1f;--ink-muted-80:#333;--ink-muted-48:#7a7a7a;--divider-soft:#f0f0f0;--hairline:#e0e0e0;--canvas:#fff;--canvas-parchment:#f5f5f7;--surface-pearl:#fafafc;--surface-tile-1:#272729;--surface-tile-2:#2a2a2c;--surface-tile-3:#252527;--surface-black:#000;--on-primary:#fff;--on-dark:#fff;--body-muted:#ccc;--product-shadow:#00000038 3px 5px 30px 0}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);letter-spacing:-.374px;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:400;line-height:1.47}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}h1,h2,h3{margin:0;font-family:SF Pro Display,system-ui,-apple-system,sans-serif;font-weight:600}h1{letter-spacing:-.28px;font-size:56px;line-height:1.07}h2{font-size:40px;line-height:1.1}h3{letter-spacing:.196px;font-size:28px;font-weight:400;line-height:1.14}p{margin:0}.nav-global{background:var(--surface-black);color:var(--on-dark);z-index:100;letter-spacing:-.12px;justify-content:center;align-items:center;height:44px;font-size:12px;display:flex;position:sticky;top:0}.nav-global-inner{justify-content:space-between;align-items:center;width:100%;max-width:1024px;padding:0 22px;display:flex}.nav-global a{color:var(--on-dark);opacity:.8}.nav-global a:hover{opacity:1;text-decoration:none}.nav-logo{font-size:14px;font-weight:600}.btn-primary{background:var(--primary);color:var(--on-primary);letter-spacing:-.374px;text-align:center;border-radius:9999px;padding:11px 22px;font-size:17px;font-weight:400;display:inline-block}.btn-primary:hover{background:var(--primary-focus);color:var(--on-primary);text-decoration:none}.btn-secondary{color:var(--primary);border:1px solid var(--primary);letter-spacing:-.374px;background:0 0;border-radius:9999px;padding:10px 21px;font-size:17px}.btn-secondary:hover{background:var(--primary);color:var(--on-primary)}.btn-store{background:var(--primary);color:var(--on-primary);border-radius:9999px;padding:14px 28px;font-size:18px;font-weight:300}.tile{text-align:center;padding:80px 24px}.tile-light{background:var(--canvas);color:var(--ink)}.tile-parchment{background:var(--canvas-parchment);color:var(--ink)}.tile-dark{background:var(--surface-tile-1);color:var(--on-dark)}.tile-dark h1,.tile-dark h2,.tile-dark h3,.tile-dark p{color:var(--on-dark)}.tile-inner{max-width:980px;margin:0 auto}.tool-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}@media (max-width:1068px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:834px){.tool-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:40px}h2{font-size:34px}.tile{padding:48px 20px}}@media (max-width:480px){.tool-grid{grid-template-columns:1fr}h1{font-size:32px}}.tool-card{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);text-align:left;border-radius:18px;flex-direction:column;gap:8px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.tool-card:hover{box-shadow:var(--product-shadow);color:var(--ink);text-decoration:none;transform:translateY(-2px)}.tool-card-icon{background:var(--canvas-parchment);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;display:flex}.tool-card-title{letter-spacing:-.374px;color:var(--ink);font-size:17px;font-weight:600}.tool-card-desc{color:var(--ink-muted-48);letter-spacing:-.224px;font-size:14px}.dropzone{border:2px dashed var(--hairline);text-align:center;background:var(--canvas-parchment);cursor:pointer;border-radius:18px;padding:64px 24px;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragging{border-color:var(--primary);background:var(--surface-pearl)}.dropzone-icon{margin-bottom:12px;font-size:48px}.dropzone-title{letter-spacing:.231px;margin-bottom:4px;font-size:21px;font-weight:600}.dropzone-hint{color:var(--ink-muted-48);font-size:14px}.tool-page{max-width:800px;margin:0 auto;padding:64px 24px}.tool-page h1{text-align:center;margin-bottom:12px;font-size:48px}.tool-page .lead{text-align:center;color:var(--ink-muted-48);margin-bottom:48px;font-size:21px}.tool-section{margin-bottom:32px}.file-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.file-item{background:var(--canvas-parchment);border-radius:11px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.file-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;overflow:hidden}.file-item-remove{color:var(--ink-muted-48);padding:4px 8px;font-size:18px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.config{background:var(--canvas-parchment);border-radius:18px;flex-direction:column;gap:16px;margin:24px 0;padding:24px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:-.224px;font-size:14px;font-weight:600}.field input[type=text],.field input[type=password],.field input[type=number],.field textarea,.field select{letter-spacing:-.374px;border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);border-radius:11px;outline:none;padding:10px 14px;font-family:inherit;font-size:17px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary-focus)}.field textarea{min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.field-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spinner{border:3px solid var(--divider-soft);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{text-align:center;color:var(--ink-muted-48);margin:24px 0;font-size:14px}.status-error{color:#d70015}.status-success{color:#248a3d}.progress{background:var(--divider-soft);border-radius:9999px;max-width:320px;height:4px;margin:12px auto;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .2s}.page-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px;display:grid}.page-thumb{background:var(--canvas);border:1px solid var(--hairline);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:11px;padding:8px;position:relative}.page-thumb.selected{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:-1px}.page-thumb canvas,.page-thumb img{border-radius:6px;width:100%;height:auto;display:block}.page-thumb-label{color:var(--ink-muted-48);margin-top:6px;font-size:12px}.footer{background:var(--canvas-parchment);color:var(--ink-muted-80);text-align:center;letter-spacing:-.12px;padding:48px 24px;font-size:12px}.footer a{color:var(--ink-muted-80)}.back-link{color:var(--primary);margin-bottom:24px;font-size:14px;display:inline-block}.note{background:var(--canvas-parchment);color:var(--ink-muted-80);letter-spacing:-.224px;border-radius:11px;padding:12px 16px;font-size:14px}