.ready{color:#3e5800;background:#e6f9af}.ready i{background:#628400}.open-tool{display:flex;align-items:center;gap:7px;font-weight:650;color:var(--accent)}.open-tool svg{width:13px;height:13px}.available{border-color:#bfd09c}.available h3 a:hover{text-decoration:underline;text-underline-offset:3px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding-top:25px}.breadcrumbs a:hover{text-decoration:underline}.tool-intro{padding:31px 0 28px;max-width:850px}.tool-label{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.tool-label i{height:7px;width:7px;background:var(--accent);border-radius:50%}.tool-intro h1{font-size:clamp(30px,4vw,45px);letter-spacing:-1.6px;margin:15px 0;line-height:1.15}.tool-intro>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:740px}.tool-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:35px;align-items:start}.tool-workspace{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}.tool-workspace label{font-size:13px;font-weight:650;display:block}.url-field{display:flex;gap:10px;margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--bg)}.url-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.url-field input{min-width:0;width:100%;background:transparent;border:0;color:var(--text);padding:7px;font-size:15px}.url-field button,.quiet-button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:6px;min-height:42px;padding:8px 14px;font-size:12px;font-weight:600}.input-actions{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:10px 0}.tool-workspace .remember-option{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;color:var(--muted)}.remember-option input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.tool-muted{font-size:12px;color:var(--muted);line-height:1.8}.tool-options{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0}.tool-options select,.tool-options input{display:block;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin-top:7px;max-width:100%;min-height:43px}.format-note{color:var(--muted);font-size:13px}.tool-workspace .primary{min-width:170px;font-size:13px}.tool-workspace button:disabled{opacity:.6;cursor:wait}.tool-workspace button:disabled:hover{transform:none}#tool-status{font-size:13px;overflow-wrap:anywhere;margin:17px 0 0}#tool-status.error{color:#b13e2b}html[data-theme=dark] #tool-status.error{color:#ffab98}#job-progress{width:100%;margin-top:15px;accent-color:var(--accent);height:7px}#tool-result{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}#result-title{font-size:20px;line-height:1.45;letter-spacing:-.4px;overflow-wrap:anywhere}.image-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-choice{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px}.image-choice img{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:16/9}.image-choice h3{font-size:12px;color:var(--muted);font-weight:500;margin:9px 0}.image-choice a{display:inline-block;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.tag-results{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tag-results button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:6px;padding:8px 10px;font-size:12px;max-width:100%;overflow-wrap:anywhere;min-height:40px}#text-result{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;width:100%;font:14px/1.75 'Segoe UI',sans-serif;padding:15px;resize:vertical;margin-top:12px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.result-actions .primary{min-width:0}#timestamp-option{margin-top:15px}.tool-guide{padding:25px 0}.guide-number{font-size:11px;letter-spacing:2px;color:var(--accent)}.tool-guide h2{font-size:24px;line-height:1.3;margin:17px 0}.tool-guide ol{padding-left:18px;font-size:13px;line-height:1.9;color:var(--muted)}.tool-guide li{padding:4px 0 9px}.tool-guide p{font-size:12px;color:var(--muted);line-height:1.9}.rights-note{border-top:1px solid var(--line);padding-top:15px}.tool-faq{max-width:830px;margin-top:48px}.tool-faq h2,.related h2{font-size:25px}.tool-faq details{border-bottom:1px solid var(--line);padding:17px 0}.tool-faq summary{cursor:pointer;font-size:14px;font-weight:650;min-height:25px}.tool-faq details p{font-size:13px;color:var(--muted);line-height:1.9}.related{margin:40px 0}.related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-tool{background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:8px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:10px}.related-tool:hover{border-color:var(--accent)}.related-tool span{color:var(--accent)}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}.tool-guide{padding:0}.related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.tool-workspace{padding:19px}.tool-intro{padding:24px 0}.tool-intro h1{font-size:31px}.tool-intro>p{font-size:13px}.url-field{gap:4px}.url-field input{font-size:13px;padding:5px}.url-field button{padding:8px 10px}.input-actions{align-items:flex-start}.remember-option{max-width:190px}.image-results{grid-template-columns:1fr}.related>div{grid-template-columns:1fr}.tool-guide{display:none}}
