:root{color:#17202a;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:7px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:20px;width:min(1180px,calc(100vw - 32px));margin:32px auto}.panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;box-shadow:0 16px 40px #1f304614}.convert-panel{align-self:start;padding:24px}.title-row,.table-head,.actions,.record-top,.record-actions,.result-box{display:flex;align-items:center}.title-row,.table-head{justify-content:space-between;gap:16px}.eyebrow{margin:0 0 6px;color:#516173;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px;line-height:1.2}h2{font-size:18px}.icon-button{width:40px;height:40px;background:#edf2f7;color:#253241;font-size:20px}label{display:block;margin-top:18px}label span{display:block;margin-bottom:8px;color:#415064;font-size:14px;font-weight:700}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;background:#fbfdff;color:#17202a;outline:none}input{height:44px;padding:0 12px}textarea{min-height:96px;padding:12px;line-height:1.45;resize:vertical}input:focus,textarea:focus{border-color:#2268d8;box-shadow:0 0 0 3px #2268d824}.actions{gap:10px;margin-top:18px}.primary,.secondary,.record-actions button,.result-box button{height:40px;padding:0 14px;font-weight:700}.primary{background:#1f65d6;color:#fff}.secondary,.record-actions button,.result-box button{background:#e9eef5;color:#263548}.error{margin:16px 0 0;padding:10px 12px;border-radius:7px;background:#fff1f1;color:#b42318;font-size:14px}.result-box{justify-content:space-between;gap:12px;margin-top:18px;padding:14px;border:1px solid #bfd5fb;border-radius:8px;background:#f4f8ff}.result-box div{min-width:0}.result-box span{display:block;color:#516173;font-size:13px;font-weight:700}.result-box strong,.url,.source{overflow-wrap:anywhere}.result-box strong{display:block;margin-top:4px;font-size:14px}.table-head{padding:20px 22px;border-bottom:1px solid #d9e1ea}.table-head span{color:#66758a;font-size:14px}.records{max-height:calc(100vh - 126px);overflow:auto}.record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 22px;border-bottom:1px solid #edf1f5}.record:last-child{border-bottom:0}.record-top{gap:8px;color:#66758a;font-size:13px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#dff7e8;color:#116329;font-weight:800}.badge.off{background:#f1f3f5;color:#697386}.url{margin:10px 0 6px;color:#1d4f9f;font-size:14px;font-weight:800}.source{margin:0;color:#64748b;font-size:13px}.record-actions{align-self:center;gap:8px}.empty{padding:48px 20px;color:#66758a;text-align:center}@media(max-width:900px){.shell{grid-template-columns:1fr;width:min(100vw - 24px,680px);margin:16px auto}.record{grid-template-columns:1fr}.record-actions{justify-content:flex-start}}@media(max-width:520px){.convert-panel{padding:18px}h1{font-size:23px}.actions,.result-box{align-items:stretch;flex-direction:column}.primary,.secondary,.result-box button{width:100%}}