:root{color:#17201b;background:#f6f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(180deg,#f6f2eaf5,#f0f6f1f5),#f6f2ea}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main{min-height:100vh}.workspace{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(22px,4vw,52px);align-items:start;width:min(1520px,100%);margin:0 auto;padding:clamp(22px,4vw,56px)}.intro-panel{position:sticky;top:28px;display:grid;gap:20px;padding-top:12px}.brand,.eyebrow{margin:0;color:#0e7c66;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{max-width:760px;margin-bottom:0;color:#17201b;font-size:clamp(2.35rem,5vw,5.4rem);line-height:.98;letter-spacing:0}.lede{max-width:620px;margin-bottom:0;color:#4d5b53;font-size:1.08rem;line-height:1.7}.promise-row{display:flex;flex-wrap:wrap;gap:10px}.promise-row span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #cfddce;border-radius:8px;color:#284035;background:#fff;font-size:.9rem;font-weight:800}.tool-shell{overflow:hidden;border:1px solid #cbd8cd;border-radius:8px;background:#fffdf8;box-shadow:0 22px 70px #2b332a1f}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #dce5dc;background:#eef5ee}.tabs button{display:grid;gap:4px;min-height:78px;padding:16px 18px;border-right:1px solid #dce5dc;color:#53645b;background:transparent;text-align:left}.tabs button:last-child{border-right:0}.tabs button.active{color:#16231c;background:#fffdf8;box-shadow:inset 0 4px #c65d3a}.tabs span{overflow-wrap:anywhere;font-weight:900}.tabs small{color:inherit;font-size:.78rem;line-height:1.35}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);min-height:690px}.input-panel,.result-panel{display:flex;flex-direction:column;min-width:0;padding:22px}.input-panel{gap:18px;border-right:1px solid #dce5dc;background:#fffdf8}.result-panel{gap:18px;background:#f7faf5}.field-group{display:grid;gap:10px}.field-group.grow{flex:1;min-height:0}.label-row,.panel-title,.button-row{display:flex;align-items:center;gap:10px}.label-row,.panel-title{justify-content:space-between}label{color:#26362e;font-size:.9rem;font-weight:900}.url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}input,textarea{width:100%;min-width:0;border:1px solid #cbd8cd;border-radius:8px;color:#17201b;background:#fff;outline:none}input:focus,textarea:focus{border-color:#0e7c66;box-shadow:0 0 0 3px #0e7c6626}input{height:46px;padding:0 13px}textarea{flex:1;min-height:360px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.55;resize:vertical}.output-area{min-height:260px;background:#fffefb}.url-row button,.ghost-button{min-height:42px;padding:0 14px;border-radius:8px;font-weight:900;white-space:nowrap}.url-row button{color:#fffdf8;background:#0e7c66}.ghost-button{border:1px solid #cbd8cd;color:#26362e;background:#fff}.field-note,.muted{margin:0;color:#68766e;font-size:.88rem;line-height:1.45}.panel-title h2{margin:4px 0 0;color:#17201b;font-size:1.45rem;letter-spacing:0}.button-row{flex-wrap:wrap;justify-content:flex-end}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{min-width:0;padding:13px;border:1px solid #dce5dc;border-radius:8px;background:#fff}.stat span{display:block;margin-bottom:5px;color:#6a776f;font-size:.76rem;font-weight:850;text-transform:uppercase}.stat strong{display:block;overflow:hidden;color:#17201b;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.check-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.check{position:relative;padding:13px 13px 13px 43px;border:1px solid #dce5dc;border-radius:8px;background:#fff}.check:before{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:900}.check.pass:before{content:"✓";background:#0e7c66}.check.warn:before{content:"!";background:#c65d3a}.check.fail:before{content:"x";background:#9e2433}.check span{display:block;color:#17201b;font-weight:900}.check p{margin:5px 0 0;color:#53645b;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.preview-list,.invalid-list{display:grid;gap:9px}.preview-list h3,.invalid-list h3{margin:0;color:#26362e;font-size:1rem;letter-spacing:0}.preview-list article{min-width:0;padding:13px;border:1px solid #dce5dc;border-radius:8px;background:#fff}.preview-list h4{margin:0;color:#17201b;font-size:.96rem;letter-spacing:0}.preview-list p,.preview-list span,.invalid-list p{margin:6px 0 0;color:#68766e;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;background:#d6ded6;border-top:1px solid #d6ded6;border-bottom:1px solid #d6ded6}.use-cases article{min-height:190px;padding:clamp(24px,3vw,36px);background:#fffdf8}.use-cases h2{margin-bottom:12px;color:#17201b;font-size:1.28rem;line-height:1.2;letter-spacing:0}.use-cases p{margin:0;color:#53645b;line-height:1.65}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.intro-panel{position:static}}@media(max-width:900px){.workspace{padding:18px}.tabs,.tool-grid,.use-cases{grid-template-columns:1fr}.tabs button,.input-panel{border-right:0;border-bottom:1px solid #dce5dc}.tool-grid{min-height:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){h1{font-size:2.28rem}.url-row,.panel-title{grid-template-columns:1fr}.url-row,.panel-title,.label-row{align-items:stretch}.label-row,.panel-title{display:grid}.button-row{justify-content:stretch}.button-row button,.url-row button,.ghost-button{width:100%}.stats-grid{grid-template-columns:1fr}.input-panel,.result-panel{padding:16px}textarea{min-height:280px}}