.tool-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.tool-card:hover{border-color:#92c2be;box-shadow:var(--shadow);transform:translateY(-2px)}.tool-card>span:nth-child(2){min-width:0;flex:1}.tool-card b,.tool-card small{display:block}.tool-card small{color:var(--muted);font-size:13px;margin-top:3px}.tool-card i{font-style:normal;color:var(--brand)}.tool-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--deep);color:#fff;font-weight:800}.tool-page{padding-top:34px;padding-bottom:72px}.tool-head{display:flex;align-items:center;gap:18px;margin:26px 0}.tool-head .tool-icon{width:64px;height:64px;flex-basis:64px;font-size:20px}.tool-head h1{font-size:38px;line-height:1.2;margin:0}.tool-head p{color:var(--muted);margin:5px 0 0}.privacy-note{padding:12px 16px;background:#eaf7f5;color:#125c58;border-radius:10px;margin-bottom:18px}.tool-workspace{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:var(--shadow)}.tool-actions,.form-inline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tool-workspace button{border:0;border-radius:9px;background:var(--deep);color:#fff;padding:9px 15px;cursor:pointer}.tool-workspace label{display:flex;flex-direction:column;gap:7px;font-weight:700}.tool-workspace textarea,.tool-workspace input,.tool-workspace select{width:100%;border:1px solid #cbd6d8;border-radius:10px;padding:11px;background:#fbfdfd;outline:none}.tool-workspace textarea:focus,.tool-workspace input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,123,120,.1)}.dual-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-editor textarea{min-height:360px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tool-message{min-height:26px;color:var(--muted);margin-top:10px}.file-row{margin-top:18px}.timestamp-grid{display:grid;grid-template-columns:2fr auto 2fr;gap:14px;align-items:end;margin-bottom:16px}.timestamp-grid output{min-height:48px;padding:10px 12px;border-radius:10px;background:var(--soft)}.qr-output{min-height:280px;display:grid;place-items:center;margin-top:18px;background:var(--soft);border-radius:14px}.qr-output img{max-width:min(100%,480px);height:auto}.markdown-preview{min-height:360px;padding:18px;border:1px solid #cbd6d8;border-radius:10px;margin-top:7px;overflow-wrap:anywhere}.markdown-preview pre{overflow:auto;background:#102a30;color:#e9f1f2;padding:14px;border-radius:9px}.markdown-preview code{background:#edf2f3;padding:2px 5px;border-radius:5px}.markdown-preview pre code{background:none;padding:0}.prompt-form{display:flex;flex-direction:column;gap:15px}.legal-note{padding:13px;margin-top:16px;background:#fff6dd;border-radius:9px;color:#66501b}.seo-copy{max-width:850px;margin:60px auto 0;font-size:17px}.seo-copy h2{font-size:27px;margin-top:1.8em}.seo-copy p{color:#48585f}.copy-ok{background:#19704c!important}@media(max-width:850px){.tool-card-grid{grid-template-columns:repeat(2,1fr)}.dual-editor,.timestamp-grid{grid-template-columns:1fr}.timestamp-grid button{justify-self:start}.tool-head h1{font-size:32px}}@media(max-width:560px){.tool-card-grid{grid-template-columns:1fr}.tool-workspace{padding:16px}.dual-editor textarea{min-height:260px}.tool-head{align-items:flex-start}.tool-head h1{font-size:28px}}