.content-tool{padding-bottom:16px}.tool-heading{justify-content:space-between;align-items:center;gap:24px;padding:20px 0 28px;display:flex}.tool-heading h1{letter-spacing:-1.5px;margin:6px 0 10px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.12}.tool-heading p:last-child{color:var(--muted-foreground);max-width:65ch;margin:0}.local-badge{border:1px solid var(--border);white-space:nowrap;border-radius:5px;padding:8px 12px;font-size:14px}.tool-workbench{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:minmax(285px,.8fr) minmax(0,1.25fr);display:grid;overflow:hidden}.hook-workbench{grid-template-columns:minmax(290px,.72fr) minmax(0,1.5fr)}.tool-inputs,.tool-output{min-width:0;padding:26px}.tool-inputs{border-right:1px solid var(--border)}.tool-output{background:#eaf0f4}.tool-inputs input,.tool-inputs textarea,.tool-inputs select{width:100%;min-height:44px}.tool-inputs [data-slot=native-select-wrapper]{width:100%;margin-top:7px}.tool-inputs select{font:inherit;background:#fff;padding:10px 30px 10px 12px;font-size:16px}.tool-inputs label{margin-bottom:18px}.tool-inputs textarea{field-sizing:fixed;min-height:100px}.tool-inputs input[type=file]{white-space:normal;padding:8px;font-size:14px!important}.tool-inputs input[type=file]::file-selector-button{color:var(--primary);background:#e7eef3;border:0;border-radius:3px;margin-right:8px;padding:5px 8px}.tool-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tool-section-heading h2{font-size:22px}.tool-toggle{gap:5px;display:flex}.tool-toggle button{min-height:40px}.variant-input{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.variant-input legend{align-items:center;gap:8px;padding-right:10px;display:flex}.variant-letter{background:var(--primary);color:#fff;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.field-note,.result-note{color:var(--muted-foreground);font-size:14px;line-height:1.5}.field-note{margin-top:-8px;margin-bottom:16px;display:block}.file-label{margin:14px 0}.field-error{color:#8a3019;background:#fff0e9;border-left:3px solid #ab4931;margin:12px 0;padding:12px;font-size:14px;line-height:1.5}.feed-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.feed-comparison.is-narrow{grid-template-columns:1fr}.feed-comparison.is-narrow .hook-feed{width:100%;max-width:350px;margin:auto}.hook-feed{color:#252d32;background:#fff;border:1px solid #d0d9e0;border-radius:7px;overflow:hidden}.feed-version{letter-spacing:.1em;color:#4b687c;background:#f6f8fa;padding:8px 14px;font-size:12px}.feed-author{align-items:center;gap:9px;padding:14px 14px 8px;display:flex}.feed-avatar{width:35px;height:35px;color:var(--primary);background:#d6e3eb;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:750;display:grid}.feed-author strong{overflow-wrap:anywhere;font-size:14px;display:block}.feed-author span:not(.feed-avatar){color:#66727a;font-size:12px;line-height:1.35;display:block}.feed-copy{padding:4px 14px 13px}.feed-copy p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.55}.feed-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-more{color:#526775;cursor:pointer;background:0 0;border:0;min-height:35px;padding:6px 0 0;font-size:14px}.feed-image{object-fit:contain;background:#f3f6f8;width:100%;height:auto;max-height:580px;display:block}.feed-footer{color:#68747c;border-top:1px solid #e3e8ec;flex-wrap:wrap;justify-content:space-around;gap:8px;padding:10px;font-size:12px;display:flex}.review-box{border:1px solid var(--border);background:#fff;border-radius:7px;margin-top:24px;padding:20px}.review-box h3{margin:0 0 10px;font-size:16px;font-weight:700}.review-box ul{margin:10px 0;padding-left:20px;font-size:14px;line-height:1.65}.review-box summary{cursor:pointer;min-height:36px;padding:8px 0;font-size:14px;font-weight:650}.tool-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tool-actions .action{white-space:normal;height:auto}.export-status{color:var(--muted-foreground);min-height:22px;margin:8px 0;font-size:14px}.tool-privacy{color:var(--muted-foreground);max-width:85ch;margin:24px 0;font-size:14px}.metric-tile{background:var(--primary);color:#fff;border-radius:7px;margin:18px 0;padding:24px}.metric-tile .metric-label{color:#c7dce9;font-size:14px;display:block}.metric-number{letter-spacing:-2px;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.12}.metric-caption{color:#e2edf3;font-size:14px}.calc-breakdown{margin:18px 0}.calc-breakdown div{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;font-size:15px;display:flex}.calc-breakdown dt{color:var(--muted-foreground)}.calc-breakdown dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:650}.pair-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.plan-sheet{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:6px;padding:24px}.plan-sheet .plan-block{border-top:1px solid #e5eaee;margin-top:16px;padding-top:16px}.plan-sheet h3{margin:0 0 6px;font-size:15px;font-weight:750}.plan-sheet p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.plan-sheet ol{padding-left:20px;font-size:15px;line-height:1.65}.plan-marker{letter-spacing:.1em;color:#5c778b;font-size:13px}.tool-inputs .field-group{margin:22px 0}.field-group legend{border-top:1px solid var(--border);width:100%;padding-top:18px;font-size:16px;font-weight:750}.tool-empty{color:#4d6373;background:#fff;border:1px dashed #9eb3c3;border-radius:7px;padding:22px;font-size:16px;line-height:1.6}.formula{border:1px solid var(--border);background:#fff;border-radius:5px;padding:16px;font-size:14px;line-height:1.7}.tool-optional{color:var(--muted-foreground);font-size:13px;font-weight:400}@media (max-width:1100px){.hook-workbench{grid-template-columns:minmax(285px,.8fr) minmax(0,1fr)}.feed-comparison{grid-template-columns:1fr}.hook-feed{width:100%;max-width:520px;margin:auto}}@media (max-width:800px){.tool-heading{flex-direction:column;align-items:flex-start;gap:12px}.local-badge{font-size:13px}.tool-workbench,.hook-workbench{grid-template-columns:1fr}.tool-inputs{border-right:0;border-bottom:1px solid var(--border)}.tool-inputs,.tool-output{padding:22px 18px}.tool-section-heading{flex-wrap:wrap}.feed-comparison{grid-template-columns:1fr}.tool-heading h1{font-size:32px}.pair-fields{grid-template-columns:1fr;gap:0}.plan-sheet{padding:18px}.metric-number{font-size:46px}}