:root{font-family:system-ui,sans-serif;color:#222;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:64px auto;padding:0 28px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ddd}.title{font-size:18px;font-weight:600}nav{display:flex;align-items:center;gap:24px;color:#666}.columns{display:grid;grid-template-columns:1fr 1fr;margin:40px 0}.columns section{min-width:0;padding-right:40px}.columns section+section{border-left:1px solid #ddd;padding-left:40px;padding-right:0}h1{font-size:18px;font-weight:500;margin:0 0 28px}.field-label{display:block;margin:0 0 8px;color:#666}input,button{font:inherit;border:1px solid #ccc;border-radius:0;background:white;color:inherit}input{width:100%;padding:10px;min-width:0}button{cursor:pointer;padding:10px 16px}button:hover{background:#f4f4f4}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #555;outline-offset:3px}.code-row{display:flex;gap:8px}.code-row input{flex:1}.file-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed #bbb;margin:20px 0;color:#666;padding:16px;overflow-wrap:anywhere;text-align:center;cursor:pointer}.file-box:hover{background:#fafafa}.file-box:focus-within{outline:2px solid #555;outline-offset:3px}.file-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}form>button{margin-top:20px}.file-box+button{margin-top:0}progress{display:block;width:100%;height:4px;margin-top:20px;accent-color:#555}progress[hidden]{display:none}[role=status]{font-size:12px;line-height:1.7;overflow-wrap:anywhere}footer{border-top:1px solid #ddd;padding-top:18px;color:#888;font-size:12px}.stats{position:relative}.stats>button{border:0;padding:4px 0;color:#666;background:none}#stats-panel{display:none;position:absolute;right:0;top:100%;min-width:240px;background:white;border:1px solid #ddd;padding:16px;z-index:1;color:#444;white-space:pre-line;box-shadow:0 2px 6px #00000008}.stats:hover #stats-panel,.stats:focus-within #stats-panel,.stats.open #stats-panel{display:block}@media(max-width:620px){main{margin:28px auto;padding:0 20px}.columns{grid-template-columns:1fr;margin:28px 0}.columns section{padding:0 0 28px}.columns section+section{border-left:0;border-top:1px solid #ddd;padding:28px 0 0}}
main>h1{margin-top:36px;margin-bottom:16px}p{color:#555;line-height:1.8;font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:14px 12px 14px 0;border-bottom:1px solid #ddd;line-height:1.7;vertical-align:top}th{font-weight:500;color:#777}td:first-child{white-space:nowrap;padding-right:28px}.table-wrap{overflow-x:auto}pre{padding:18px;border:1px solid #ddd;overflow-x:auto;font-size:12px;line-height:1.8}code{font-size:12px}