:root{color:#17201b;background:#f5f7f4;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}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:#0d5c63;overflow-wrap:anywhere}button,textarea{font:inherit}button{min-height:44px;border:0;border-radius:6px;cursor:pointer;font-weight:700}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #f0b84e;outline-offset:2px}#app{min-height:100vh;padding:32px 16px;display:grid;place-items:center}.tool-shell{width:min(100%,880px);display:grid;gap:24px}.tool-header{display:grid;gap:8px}.eyebrow{margin:0;color:#52615a;font-size:.9rem;font-weight:700}h1{margin:0;color:#111815;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:0}.converter-form{display:grid;gap:12px}label,.result-row span{color:#334038;font-size:.95rem;font-weight:700}textarea{width:100%;min-height:180px;padding:18px;border:1px solid #c7d2cb;border-radius:8px;color:#17201b;background:#fff;resize:vertical;box-shadow:0 10px 32px #17201b14}.form-actions,.result-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,#copy-button{color:#fff;background:#0d5c63;padding:0 18px}.ghost-button,#open-button{color:#17201b;background:#dfe6e1;padding:0 18px}.message{padding:14px 16px;border-radius:8px;font-weight:700}.message[data-type=error]{color:#7c1d1d;background:#fde8e8}.message[data-type=success]{color:#174b2c;background:#dff2e5}.result-panel{display:grid;gap:18px;padding:18px;border:1px solid #d2ddd6;border-radius:8px;background:#fff;box-shadow:0 10px 32px #17201b14}.result-row{display:grid;gap:6px}@media(max-width:560px){#app{padding:22px 14px;place-items:start center}.form-actions button,.result-actions button{width:100%}}