:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f7f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;color:#182126}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;border-bottom:1px solid #dce3e2;background:#f7f8f8f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-button,.nav-links button{border:0;background:transparent;color:#162126}.brand-button{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:750}.brand-button svg{color:#08756f}.nav-links{display:flex;align-items:center;gap:4px}.nav-links button{min-height:36px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:650;color:#536065}.nav-links button.active,.nav-links button:hover{background:#e5eeee;color:#0c4f4b}main{padding:28px}.public-footer{border-top:1px solid #dce3e2;background:#fff}.public-footer-inner{max-width:1380px;margin:0 auto;padding:18px 28px;color:#657176;font-size:12px;line-height:1.55}.public-footer-inner p{max-width:980px;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:8px;align-items:center}.footer-links span{color:#657176}.footer-links button,.footer-links a{border:0;padding:0;background:transparent;color:#0a5f59;font:inherit;font-weight:700;text-decoration:none}.footer-links button:hover,.footer-links a:hover{color:#063f3b;text-decoration:underline}.home-layout,.record-tool,.page-copy,.records-page{max-width:1380px;margin:0 auto}.home-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}.home-intro h1,.tool-header h1,.page-copy h1{margin:0;color:#10181d;letter-spacing:0}.home-intro h1{max-width:720px;font-size:38px;line-height:1.08}.home-intro p,.tool-header p,.page-copy p{color:#526066;line-height:1.55}.home-intro p{max-width:420px;margin:0;font-size:15px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.records-home-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#0a5f59;font-size:13px;font-weight:750}.tool-card{display:flex;align-items:center;gap:14px;min-height:104px;padding:20px;border:1px solid #d8e1df;border-radius:8px;background:#fff;text-align:left;box-shadow:0 10px 26px #0d20260d}.tool-card:hover{border-color:#7db5ae}.tool-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#e8f2f1;color:#08756f}.tool-card-copy{display:grid;gap:6px}.tool-card-copy strong{font-size:18px}.tool-card-copy span{color:#526066;font-size:14px}.seo-info{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;max-width:1380px;margin:22px auto 0;padding:20px;border:1px solid #dce3e2;border-radius:8px;background:#fbfdfd}.seo-kicker{margin:0 0 7px;color:#0a5f59;font-size:12px;font-weight:750;text-transform:uppercase}.seo-info h2,.seo-info h3,.seo-info p{margin:0}.seo-info h2{color:#10181d;font-size:20px;line-height:1.25}.seo-info h3{color:#172126;font-size:15px;line-height:1.35}.seo-info p{margin-top:8px;color:#526066;font-size:14px;line-height:1.55}.seo-term-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.seo-term-list span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #d6e0de;border-radius:7px;background:#fff;color:#3a474c;font-size:12px;font-weight:700}.seo-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-answer-grid article{padding:14px;border:1px solid #dce3e2;border-radius:8px;background:#fff}.record-tool{padding:22px;border:1px solid #dce3e2;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0d20260f}.record-tool.embedded{margin-top:12px}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.tool-header h1{font-size:26px}.tool-header p{max-width:760px;margin:8px 0 0;font-size:14px}.privacy-chip,.watermark-pill,.locked-note{display:inline-flex;align-items:center;gap:8px;border-radius:7px;background:#e9f5f3;color:#0a5f59;font-size:13px;font-weight:700}.privacy-chip{min-height:36px;padding:0 12px;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:20px;align-items:start;min-width:0}.record-form,.preview-panel{display:grid;gap:14px;min-width:0}.form-section-title,.panel-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.form-section-title{padding-bottom:10px;border-bottom:1px solid #e1e7e6;color:#536066;font-size:13px;font-weight:700}.field-label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#374247}.field-label input,.field-label textarea{width:100%;min-width:0;border:1px solid #ced9d7;border-radius:7px;background:#fbfdfd;color:#111827;font-size:14px;outline:none}.field-label input{min-height:40px;padding:0 12px}.field-label textarea{min-height:86px;resize:vertical;padding:11px 12px;line-height:1.45}.field-label input:focus,.field-label textarea:focus{border-color:#0c8179;box-shadow:0 0 0 3px #0c81791f}.checklist{display:grid;gap:9px;margin:0;padding:14px;border:1px solid #d8e1df;border-radius:8px}.checklist legend{padding:0 6px;color:#374247;font-size:13px;font-weight:750}.checklist label{display:flex;align-items:center;gap:9px;color:#263238;font-size:14px}.attachment-box{display:grid;gap:8px;padding:14px;border:1px dashed #aab9b6;border-radius:8px;background:#f8fbfb}.attachment-box label{display:inline-flex;align-items:center;gap:8px;color:#0a5f59;font-weight:750}.attachment-box input{color:#526066}.attachment-box p,.status-text,.small-warning{margin:0;color:#5f6d72;font-size:13px;line-height:1.45}.preview-panel{position:sticky;top:82px;padding:16px;border:1px solid #d8e1df;border-radius:8px;background:#fbfdfd}.panel-topline h2{margin:0;font-size:18px}.panel-topline p{margin:5px 0 0;color:#5f6d72;font-size:13px}.watermark-pill{padding:8px 10px;background:#eef2f1;color:#526066}.watermark-pill.paid{background:#e9f5f3;color:#0a5f59}.attachment-list{display:grid;gap:10px;padding:12px;border:1px solid #e1e7e6;border-radius:8px;background:#fff}.attachment-list strong{font-size:13px}.attachment-list p{margin:0;color:#69777c;font-size:13px}.attachment-row{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center}.attachment-row>span{display:inline-flex;justify-content:center;padding:5px 6px;border-radius:6px;background:#edf4f3;color:#0a5f59;font-size:11px;font-weight:750}.attachment-row b,.attachment-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-row b{font-size:13px}.attachment-row small{color:#69777c;font-size:12px}.attachment-row button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #dde5e3;border-radius:7px;background:#fff;color:#6a777b}.pdf-frame{min-height:420px;overflow:hidden;border:1px solid #d8e1df;border-radius:8px;background:#eef2f1}.pdf-frame iframe{width:100%;height:520px;border:0;background:#fff}.empty-preview{display:grid;min-height:420px;place-items:center;color:#6b777b;font-size:14px}.action-row{display:flex;flex-wrap:wrap;gap:8px}.action-row button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#263238;font-size:13px;font-weight:750}.action-row .primary-button{border-color:#08756f;background:#08756f;color:#fff}.danger-button{border-color:#dbb5b5;color:#8b2f2f}.page-copy{max-width:920px;padding:28px;border:1px solid #dce3e2;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0d20260f}.records-page{display:grid;gap:16px;padding:28px;border:1px solid #dce3e2;border-radius:8px;background:#fff;box-shadow:0 16px 40px #0d20260f}.records-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.records-header h1{margin:0;font-size:32px}.records-header p{margin:8px 0 0;color:#526066;line-height:1.5}.records-limit{display:grid;min-width:132px;gap:2px;padding:12px;border:1px solid #d8e1df;border-radius:8px;background:#f8fbfb;text-align:right}.records-limit strong{color:#0a5f59;font-size:18px}.records-limit span{color:#657277;font-size:12px;font-weight:700}.records-note{justify-content:flex-start;background:#f0f5f4;color:#334147}.empty-records{display:grid;min-height:220px;place-items:center;gap:8px;border:1px dashed #b9c8c5;border-radius:8px;color:#667379;text-align:center}.empty-records strong{color:#1f2a30}.records-list{display:grid;gap:12px}.record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid #dce3e2;border-radius:8px;background:#fbfdfd}.record-row h2{margin:0 0 5px;font-size:17px}.record-row p,.record-row small{display:block;margin:0;color:#5f6d72;line-height:1.45}.record-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.record-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#263238;font-size:13px;font-weight:750}.page-copy h1{font-size:32px}.page-copy h2{margin:0 0 12px;font-size:18px}.page-copy li{margin:8px 0;color:#374247}.pricing-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.pricing-columns article{padding:18px;border:1px solid #dce3e2;border-radius:8px;background:#fbfdfd}.pricing-columns article.paid-active-card{border-color:#7db5ae;background:#f3faf8}.locked-note{padding:12px}.unlock-panel{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid #dce3e2;border-radius:8px;background:#fbfdfd}.unlock-status{display:flex;align-items:center;gap:8px;color:#0a5f59;font-size:14px;font-weight:750}.purchase-note{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #e1e7e6;border-radius:8px;background:#fff;color:#4f5d62;font-size:13px;line-height:1.45}.purchase-note svg{flex:0 0 auto;color:#0a5f59}.pricing-actions{display:flex;flex-wrap:wrap;gap:8px}.pricing-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#263238;font-size:13px;font-weight:750}.pricing-actions .primary-button{border-color:#08756f;background:#08756f;color:#fff}.paypal-buttons{display:none}.paypal-buttons.active{display:block;max-width:460px}.transaction-restore{display:grid;gap:10px;padding:12px;border:1px solid #e1e7e6;border-radius:8px;background:#fff}.transaction-restore label{display:grid;gap:7px;color:#374247;font-size:13px;font-weight:750}.transaction-restore input{width:100%;min-height:40px;min-width:0;padding:0 12px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#172126;font:inherit}.transaction-restore button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:38px;padding:0 12px;border:1px solid #cfdad8;border-radius:7px;background:#fff;color:#263238;font-size:13px;font-weight:750}.transaction-restore p{margin:0;color:#5f6d72;font-size:12px}@media(max-width:980px){.topbar,.home-intro,.tool-header{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap}main{padding:18px}.home-intro h1{font-size:30px}.tool-grid,.workspace-grid,.pricing-columns,.seo-info,.record-row,.seo-answer-grid{grid-template-columns:1fr}.preview-panel{position:static}.records-header{flex-direction:column}.records-limit{text-align:left}.record-row-actions{justify-content:flex-start}}@media(max-width:620px){.topbar{padding:12px 16px}main{padding:10px}.record-tool,.page-copy{padding:16px}.tool-card,.attachment-row{grid-template-columns:1fr}.form-section-title,.panel-topline{flex-direction:column}.privacy-chip{white-space:normal}}