.tool-hero{padding:60px 0 32px;max-width:760px}.tool-hero h1{font-size:clamp(2.5rem,6vw,4.2rem);line-height:1.08;letter-spacing:-.055em;margin:12px 0 20px}.tool-hero p{max-width:650px;color:var(--muted);line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:48px}.tool-card,.tool-panel{border:1px solid var(--line);border-radius:24px;background:#fffdf8;padding:28px}.tool-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink);transition:transform .15s,background .15s}.tool-card:hover{transform:translateY(-3px);background:#edf1e8}.tool-card h2{font-size:1.6rem;letter-spacing:-.03em;margin:0}.tool-card p{color:var(--muted);margin:0;line-height:1.6}.tool-card .arrow{margin-top:auto;padding-top:18px;color:var(--green);font-weight:700}.tool-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:22px;margin-bottom:40px;align-items:start}.tool-panel h2{font-size:1.3rem;margin:0 0 20px}.tool-panel p{line-height:1.65}.tool-panel label{display:block;font-size:.86rem;margin:0 0 16px}.tool-panel input:not([type=checkbox]),.tool-panel select,.tool-panel textarea{display:block;width:100%;border:1px solid #cdd3c7;border-radius:12px;padding:12px;background:#fff;color:var(--ink);font:inherit;margin-top:7px;box-sizing:border-box}.tool-panel textarea{resize:vertical;min-height:120px;line-height:1.6}.tool-panel textarea#text-input{min-height:300px;font-size:1rem}.tool-panel input[type=checkbox]{margin-right:7px;accent-color:#395b4b}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions,.modes{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.modes button{border:1px solid #cdd3c7;border-radius:24px;padding:10px 18px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.modes button[aria-pressed=true]{background:#395b4b;color:white;border-color:#395b4b}.tool-note{font-size:.86rem;color:var(--muted)}.tool-error{color:#a02f24;background:#fff0e9;padding:14px;border-radius:12px;margin:16px 0}.tool-result{background:#edf1e8;border-radius:16px;padding:22px;margin-top:20px}.tool-result p:last-child{margin-bottom:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{border:1px solid #d9dfd2;padding:18px;border-radius:16px;background:#f4f5ee}.stat strong{display:block;font-size:2rem;letter-spacing:-.04em}.stat span{font-size:.8rem;color:var(--muted)}.timer-face{font-size:clamp(4rem,10vw,6.5rem);font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-align:center;margin:32px 0 16px}.timer-ring{height:6px;border-radius:10px;background:#e8ebe0;overflow:hidden}.timer-ring span{display:block;width:0;height:100%;background:#395b4b}.timer-state{text-align:center;color:var(--muted);min-height:24px}.weekday-list{display:flex;flex-wrap:wrap;gap:10px}.weekday-list label{margin:0 0 10px;padding:6px 9px;border:1px solid #d9dfd2;border-radius:10px}.preview-image{display:block;max-width:100%;max-height:280px;margin:16px auto;background:repeating-conic-gradient(#eceee8 0% 25%,#fff 0% 50%) 0 / 16px 16px;border-radius:12px}.tool-panel:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f0;border-radius:0}.tool-panel:fullscreen .timer-face{font-size:min(24vw,240px)}.tool-panel:fullscreen .timer-ring{width:70%}.tool-panel:fullscreen .modes{justify-content:center}.tool-panel summary{cursor:pointer;padding:12px 0;font-weight:600}.tool-section{padding-bottom:30px}.tool-section h2{letter-spacing:-.03em}.tool-section p{color:var(--muted);max-width:780px;line-height:1.7}.tool-pills{display:flex;gap:12px;flex-wrap:wrap;color:var(--green);font-size:.8rem;margin:20px 0}button:disabled{opacity:.5;cursor:not-allowed}.tool-panel a.button{text-decoration:none}#image-result[hidden],.tool-result[hidden],.tool-error[hidden]{display:none}
.tool-panel .button:not(.secondary){background:var(--green);color:white}.tool-error:empty{display:none}.tool-panel textarea:focus-visible{outline:3px solid #cf704e;outline-offset:3px}.tool-panel label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:7px}.tool-panel input[type=checkbox]{flex:none;margin:0}.tool-panel hr{width:100%}
@media(max-width:720px){.tool-hero{padding-top:32px}.tool-grid,.tool-layout{grid-template-columns:1fr}.tool-card,.tool-panel{padding:22px}.tool-layout{gap:16px}.field-row{gap:10px}.stat strong{font-size:1.65rem}.tool-panel textarea#text-input{min-height:240px}.tool-hero h1{font-size:2.7rem}.site-header .brand{font-size:18px;gap:0}.site-header nav{font-size:11px;gap:12px}}