.hub-notice{padding:18px 22px;border:1px solid #cfdcc2;border-radius:12px;background:#edf3e6;font-size:14px;line-height:1.7}.tool-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.tool-nav a{padding:12px 16px;border:1px solid #cbd6c5;border-radius:8px;text-decoration:none;color:#142a26;font-size:13px}.tool-nav a[aria-current]{background:#142a26;color:white}.hub-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.hub-consent input{width:auto;margin:3px 0 0}.hub-controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.hub-controls input{flex:1;min-width:220px;padding:13px;border:1px solid #b7c6ad;border-radius:8px;font:inherit}.hub-controls button{padding:12px 20px;background:white;border:1px solid #b7c6ad;border-radius:8px;cursor:pointer}.hub-controls button[aria-pressed=true]{background:#142a26;color:white}.hub-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hub-tool{background:white;border:1px solid #dbe2d5;border-radius:16px;padding:28px;display:flex;flex-direction:column}.hub-tool h2{font-size:25px;line-height:1.2;margin:18px 0 12px}.hub-tool p{font-size:15px;line-height:1.7}.hub-tool .text-link{margin-top:auto;padding-top:15px}.hub-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#416228}.hub-icon{font-size:24px;font-weight:700;color:#446f29}.hub-count{font-size:14px;color:#566653}.hub-demo{padding:24px;background:#edf3e6;border-radius:12px;white-space:pre-wrap;line-height:1.8}.hub-tool[hidden]{display:none}.hub-intro{padding-bottom:30px}.hub-intro h1{max-width:850px}.hub-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hub-workflow article{border-top:2px solid #a4bf83;padding-top:20px}@media(max-width:900px){.hub-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hub-tools,.hub-workflow{grid-template-columns:1fr}.hub-tool{padding:23px}.hub-controls{gap:8px}.hub-controls input{width:100%}.tool-nav a{padding:10px}.hub-intro h1{font-size:40px}}
.hub-tool-button{display:flex;align-items:center;gap:10px;min-height:50px;margin-top:auto;padding:14px 16px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.35;box-sizing:border-box;transition:background .15s,box-shadow .15s,transform .15s}.hub-tool-button-ai{background:#142a26;color:#fff;box-shadow:0 3px 0 #0a1b17}.hub-tool-button-ai:hover{background:#25493a;box-shadow:0 5px 12px #142a2624;transform:translateY(-1px)}.hub-tool-button-free{background:#edf4e4;color:#142a26;border-color:#c5d7b1}.hub-tool-button-free:hover{background:#dfedcf}.hub-button-symbol{font-size:20px;line-height:1;color:#b8e77d}.hub-tool-button-free .hub-button-symbol{color:#416228}.hub-button-arrow{margin-left:auto;font-size:20px}.hub-tool-button:focus-visible,.hub-generate-button:focus-visible{outline:3px solid #517f26;outline-offset:4px}.hub-tool>p:not(.hub-label){margin-bottom:24px}.hub-generate-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;border-radius:10px;font-size:16px;box-shadow:0 3px 0 #0a1b17}.hub-generate-button span:first-child{color:#b8e77d;font-size:23px}.hub-generate-button:hover:not(:disabled){background:#25493a;filter:none}.hub-generate-button:disabled{box-shadow:none;opacity:.65;cursor:wait}.tool-nav a:hover:not([aria-current]){background:#edf4e4}.hub-controls button{min-height:48px;font-size:14px;font-weight:600}.hub-controls button:hover:not([aria-pressed=true]){background:#edf4e4}@media(prefers-reduced-motion:reduce){.hub-tool-button{transition:none}.hub-tool-button-ai:hover{transform:none}}
.hub-task-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;min-width:230px}.hub-task-label select{padding:13px;border:1px solid #b7c6ad;border-radius:8px;background:white;color:#142a26;font:inherit;min-height:48px}.hub-controls{align-items:end}.hub-controls input:focus-visible,.hub-task-label select:focus-visible,.hub-controls button:focus-visible{outline:3px solid #517f26;outline-offset:3px}.hub-start{background:#edf3e6;border-radius:18px}.hub-start .hub-workflow a{font-size:14px}.hub-start .hub-workflow p{line-height:1.7}@media(max-width:650px){.hub-task-label{width:100%}.hub-controls input{min-width:0;box-sizing:border-box}}
.hub-save-button{align-self:flex-start;margin:0 0 12px;padding:8px 12px;min-height:40px;border:1px solid #c6d4bd;border-radius:8px;background:#fff;color:#345826;font:inherit;font-size:13px;cursor:pointer}.hub-save-button[aria-pressed=true]{background:#edf4e4}.hub-save-button:focus-visible{outline:3px solid #517f26;outline-offset:3px}.hub-save-note,#hub-save-status{font-size:13px;line-height:1.6;color:#4c6047}#hub-save-status{min-height:21px}#hub-saved-only[aria-pressed=true]{background:#142a26;color:#fff}
