:root{--pc-cobalt:#2563eb;--pc-cobalt-dark:#1d4ed8;--pc-emerald:#10b981;--pc-ink:#101828;--pc-slate:#667085;--pc-muted:#f8fafc;--pc-line:#e5e7eb;--pc-danger:#ef4444;--pc-white:#fff}*{box-sizing:border-box}html{color:var(--pc-ink);background:var(--pc-muted);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--pc-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.header-inner,.page-container,.footer-inner{width:min(1180px,100% - 32px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:760;display:inline-flex}.brand img{width:36px;height:36px}.nav-links{color:var(--pc-slate);align-items:center;gap:16px;font-size:14px;display:flex}.nav-links a:hover{color:var(--pc-cobalt)}.privacy-pill{color:#047857;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.main-content{flex:1}.page-container{padding:32px 0 56px}.hero{grid-template-columns:minmax(0,1.15fr) 320px;align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero-copy{padding:8px 0}.eyebrow{color:#047857;align-items:center;gap:8px;font-size:14px;font-weight:680;display:inline-flex}.hero h1,.tool-heading h1{color:var(--pc-ink);letter-spacing:0;margin:12px 0;font-size:clamp(36px,5vw,64px);line-height:1.02}.hero p,.tool-heading p{max-width:760px;color:var(--pc-slate);margin:0;font-size:18px;line-height:1.65}.ad-slot{color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:220px;font-size:13px;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--pc-line);background:var(--pc-white);border-radius:8px;flex-direction:column;min-height:178px;padding:18px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.tool-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 16px 36px #0f172a14}.tool-card-icon{width:42px;height:42px;color:var(--pc-cobalt);background:#eff6ff;border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.tool-card h2{letter-spacing:0;margin:0 0 8px;font-size:18px}.tool-card p{color:var(--pc-slate);flex:1;margin:0;font-size:14px;line-height:1.55}.tool-card span{color:var(--pc-cobalt);margin-top:16px;font-size:14px;font-weight:700}.content-band{border-top:1px solid var(--pc-line);margin-top:32px;padding:28px 0}.content-band h2,.content-band h3{margin:0 0 12px}.content-band p,.content-band li{color:var(--pc-slate);line-height:1.7}.site-footer{border-top:1px solid var(--pc-line);background:#fff}.footer-inner{min-height:96px;color:var(--pc-slate);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.tool-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.tool-heading{margin-bottom:20px}.tool-heading h1{font-size:clamp(32px,4vw,52px)}.privacy-strip,.notice,.warning{border-radius:8px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.privacy-strip{color:#047857;background:#f0fdf4;border:1px solid #bbf7d0}.notice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.workspace{gap:16px;display:grid}.panel{border:1px solid var(--pc-line);background:var(--pc-white);border-radius:8px;padding:18px}.panel h2,.panel h3{margin:0 0 14px;font-size:17px}.dropzone{text-align:center;background:#f8fbff;border:2px dashed #bfdbfe;border-radius:8px;place-items:center;min-height:188px;padding:24px;transition:background .18s,border-color .18s;display:grid}.dropzone.is-active{border-color:var(--pc-cobalt);background:#eff6ff}.dropzone strong{margin-top:12px;font-size:18px;display:block}.dropzone span{color:var(--pc-slate);margin-top:6px;font-size:14px;display:block}.dropzone input{display:none}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{min-height:42px;color:var(--pc-ink);background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:720;display:inline-flex}.btn-primary{background:var(--pc-cobalt);color:#fff}.btn-primary:hover{background:var(--pc-cobalt-dark)}.btn-secondary{border-color:var(--pc-line)}.btn-danger{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.file-list{gap:10px;display:grid}.file-row{border:1px solid var(--pc-line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.file-row[draggable=true]{cursor:grab}.file-meta{min-width:0}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-meta span{color:var(--pc-slate);font-size:13px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:#344054;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:42px;color:var(--pc-ink);background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:9px 10px}.field textarea{resize:vertical;min-height:88px}.result-box{color:#064e3b;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:14px}.progress{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--pc-cobalt), var(--pc-emerald));height:100%;transition:width .2s}.page-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.page-thumb{border:1px solid var(--pc-line);background:#fff;border-radius:8px;gap:8px;padding:8px;display:grid}.page-thumb.selected{border-color:var(--pc-cobalt);box-shadow:0 0 0 2px #2563eb24}.page-thumb img{aspect-ratio:3/4;object-fit:contain;background:#f1f5f9;border-radius:4px;width:100%}.preview-frame{border:1px solid var(--pc-line);background:#fff;border-radius:8px;width:100%;min-height:520px;padding:24px;overflow:auto}.side-stack{gap:16px;display:grid}.faq-list{gap:14px;display:grid}.faq-list details{border:1px solid var(--pc-line);background:#fff;border-radius:8px;padding:14px 16px}.faq-list summary{cursor:pointer;font-weight:720}.faq-list p{color:var(--pc-slate);margin:10px 0 0}.status-text{color:var(--pc-slate);font-size:14px}@media (max-width:900px){.hero,.tool-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width:620px){.header-inner,.page-container,.footer-inner{width:min(100% - 24px,1180px)}.tool-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;padding:22px 0}}