:root{color:#1f2937;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #ffffff;--line: #d6deea;--muted: #64748b;--text: #172033;--accent: #0f766e;--accent-strong: #115e59;--danger: #b42318;--danger-bg: #fff1f0;--success: #067647;--success-bg: #ecfdf3}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.7}.page-shell{min-height:100vh;padding:24px 16px}.tool-panel{width:min(100%,760px);margin:0 auto;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 55px #0f172a1a}.title-block{display:flex;gap:14px;align-items:center;margin-bottom:24px}.brand-logo{flex:0 0 auto;width:72px;height:72px;object-fit:contain;border-radius:16px;background:linear-gradient(180deg,#fff,#f3f8ff);border:1px solid rgba(214,222,234,.9);box-shadow:0 8px 24px #0f172a1a}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase}.title-copy{margin:6px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}h1{margin:0;color:var(--text);font-size:clamp(1.55rem,1.35rem + .8vw,2.05rem);line-height:1.2;letter-spacing:0}.url-form{display:grid;gap:10px}.helper-text{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.url-form label{color:var(--text);font-weight:700}.input-row{display:grid;grid-template-columns:1fr auto;gap:10px}input{width:100%;min-height:52px;padding:0 14px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:8px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f766e24}.primary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px}.primary-button{min-height:52px;padding:0 18px;gap:8px;color:#fff;background:var(--accent);font-weight:800}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.icon-button{flex:0 0 44px;width:44px;height:44px;color:var(--accent);background:#e7f8f5}.icon-button:hover{color:#fff;background:var(--accent)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:14px 0 0;padding:12px 14px;border-radius:8px;font-size:.95rem;line-height:1.45}.notice.error{color:var(--danger);background:var(--danger-bg)}.notice.success{color:var(--success);background:var(--success-bg)}.result-grid{display:grid;gap:18px;margin-top:22px}.preview-area{display:grid;min-height:180px;place-items:center;overflow:hidden;background:#eef2f7;border:1px solid var(--line);border-radius:8px}.preview-area img{display:block;width:100%;max-height:420px;object-fit:contain}.result-area{display:grid;gap:10px}.meta-row{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;color:var(--accent-strong);background:#edf7f6;border:1px solid #cce9e5;border-radius:999px;font-size:.88rem;font-weight:700}.markdown-block{display:grid;gap:10px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-weight:800}.hash-output{display:block;width:100%;min-height:54px;padding:14px;overflow-wrap:anywhere;color:#26344d;background:#f8fafc;border:1px solid var(--line);border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}@media (max-width: 560px){.page-shell{padding:14px}.tool-panel{padding:18px}.title-block{align-items:center;margin-bottom:22px}.brand-logo{width:64px;height:64px}h1{font-size:1.32rem;line-height:1.18}.input-row{grid-template-columns:1fr}.primary-button{width:100%}.preview-area{min-height:156px}.preview-area img{max-height:320px}.meta-chip{min-height:28px;font-size:.84rem}.helper-text{font-size:.84rem}.title-copy{font-size:.86rem}}