:root{--bg-block:#c2dfe3;--border:#aaa;--text-muted:#666;--tooltip-bg:#333;--red:red}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}main{flex:1;width:100%;max-width:1300px;display:flex;flex-direction:column;align-items:center}h1,.block h2{margin:0 0 8px}.row{width:100%;margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.block{position:relative;min-width:300px;flex:0 0 600px;padding:14px;border-radius:12px;box-sizing:border-box;background-color:var(--bg-block)}label{display:block;margin-bottom:4px;font-weight:bold;white-space:nowrap}input[type="text"],input[type="number"]{width:100%;margin-bottom:4px;padding:6px 10px;font-size:14px;border-radius:6px;border:1px solid var(--border);box-sizing:border-box}input.invalid{border-color:var(--red)}small{font-size:12px;color:#333}.copy-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;position:relative}.copy-icon{font-size:16px;font-weight:bold;cursor:pointer}#copiedTooltip{position:absolute;top:-24px;right:0;padding:4px 8px;font-size:12px;color:#fff;background:var(--tooltip-bg);border-radius:6px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease}#copiedTooltip.show{opacity:1;transform:translateY(0)}table{width:100%}td:first-child{width:45%;padding-right:8px}#error{min-height:18px;margin-bottom:8px;font-size:13px;color:var(--red)}footer{width:100%;margin:auto 0 10px;padding:15px;text-align:center;font-size:14px;color:var(--text-muted);border-top:1px solid #ddd;box-sizing:border-box}@media(max-width:1200px){.block{flex:0 0 45%}}@media(max-width:800px){.row{flex-direction:column;align-items:center}.block{flex:0 0 90%}footer{margin-top:30px;font-size:12px}}