:root{color:#18201d;font-synthesis:none;background:#f0efea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f0efea;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}main{width:min(1180px,100% - 40px);margin:0 auto}.masthead{border-bottom:1px solid #18201d;grid-template-columns:110px 1fr 360px;align-items:end;min-height:390px;padding:54px 0 44px;display:grid}.brand-mark{border:1px solid #18201d;border-radius:50%;place-content:center;gap:5px;width:68px;height:68px;display:grid}.brand-mark i{transform-origin:0;background:#18201d;height:2px;display:block}.brand-mark i:first-child{width:32px;transform:rotate(-18deg)}.brand-mark i:nth-child(2){width:25px;transform:rotate(5deg)}.brand-mark i:nth-child(3){width:18px;transform:rotate(24deg)}.eyebrow{letter-spacing:.14em;margin:0 0 14px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}h1{letter-spacing:-.075em;margin:0;font-size:clamp(64px,9vw,118px);font-weight:720;line-height:.82}h1 em{color:#ff5f2e;font-style:normal}.intro{margin:0 0 10px;font-size:18px;line-height:1.75}.section-label{align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-label span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font:700 10px ui-monospace,monospace;display:grid}.section-label h2{margin:0;font-size:18px}.input-panel,.result-panel{padding:56px 0}.url-entry{background:#fff;border:2px solid #18201d;grid-template-columns:1fr 190px;display:grid;box-shadow:7px 7px #18201d}.url-entry.invalid{border-color:#c33228;box-shadow:7px 7px #c33228}.url-entry textarea{resize:vertical;color:#18201d;overflow-wrap:anywhere;background:0 0;border:0;outline:none;width:100%;padding:20px;font:15px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.primary{color:#fff;background:#18201d;border:0;border-left:2px solid #18201d;font-weight:750}.primary span{color:#ff6a37;margin-left:8px;font-size:20px}.hint,.error{color:#636b67;margin:15px 0 0 2px;font-size:13px}.error{color:#b72f28;font-weight:650}.workbench{color:#f3f2ed;background:#19211e;margin-inline:calc(50% - 50vw);padding:58px max(20px,50vw - 590px) 66px}.dark span{border-color:#88918d}.fixed-parts{background:#4b524f;border:1px solid #4b524f;grid-template-columns:160px 1fr 150px;gap:1px;margin-bottom:38px;display:grid}.fixed-parts label{background:#222b27;flex-direction:column;gap:10px;padding:16px;display:flex}.fixed-parts .path{grid-column:1/-1}.fixed-parts label>span,.hash-path span{color:#9ea7a3;letter-spacing:.12em;font:700 10px ui-monospace,monospace}.fixed-parts input,.fixed-parts select,.hash-path input{color:#fff;background:0 0;border:0;border-bottom:1px solid #68716d;outline:none;min-width:0;padding:2px 0 8px;font:16px ui-monospace,monospace}.table-block{border:1px solid #4b5450;margin-top:24px}.table-heading{border-bottom:1px solid #4b5450;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.table-heading div{align-items:baseline;gap:15px;display:flex}.table-heading b{color:#ff7040;letter-spacing:.12em;font:800 13px ui-monospace,monospace}.table-heading span{color:#9ea7a3;font-size:12px}.table-heading button,.empty-row,.codec button{color:inherit;background:0 0;border:1px solid #68716d;padding:8px 12px}.table-heading button:hover{color:#19211e;background:#ff7040;border-color:#ff7040}.table-row{border-bottom:1px solid #39423e;grid-template-columns:1fr 1.6fr 46px;display:grid}.table-row:last-child{border-bottom:0}.table-row>*{min-width:0}.table-row input{color:#fff;background:#222b27;border:0;border-right:1px solid #39423e;outline:none;padding:15px 18px;font:14px ui-monospace,monospace}.table-row input:focus{background:#2b3631;box-shadow:inset 0 -2px #ff7040}.table-head{color:#818a86;letter-spacing:.15em;background:#222b27;padding:9px 18px;font:700 9px ui-monospace,monospace}.table-head span:nth-child(2){padding-left:18px}.delete{color:#96a09b;background:#222b27;border:0;font-size:22px}.delete:hover{color:#fff;background:#a13a2c}.empty-row{color:#89928e;border:0;width:100%;padding:24px}.hash-block{grid-template-columns:1fr;display:grid}.hash-path{background:#222b27;border-bottom:1px solid #39423e;grid-template-columns:170px 1fr;align-items:center;padding:16px 18px;display:grid}.compact{border-top:0}.result-box{background:#ff7040;border:2px solid #18201d;grid-template-columns:1fr 220px;display:grid}.result-box code{overflow-wrap:anywhere;padding:26px;font:15px/1.75 ui-monospace,monospace}.result-actions{border-left:2px solid #18201d;display:grid}.result-actions button{color:#18201d;background:0 0;border:0;font-weight:700}.result-actions button+button{border-top:1px solid #18201d}.result-actions .copy{color:#fff;background:#18201d}.result-actions button:disabled{opacity:.5;cursor:not-allowed}.codec{border-top:1px solid #18201d;grid-template-columns:.8fr 1.5fr;gap:80px;padding:65px 0;display:grid}.codec h2{letter-spacing:-.04em;margin:0 0 20px;font-size:42px;line-height:1}.codec p:last-child{color:#646c68;max-width:280px;line-height:1.7}.codec-fields{border:1px solid #9ba19e;grid-template-columns:1fr 110px;display:grid}.codec-fields textarea{resize:vertical;background:#faf9f4;border:0;outline:none;padding:18px;font:14px/1.6 ui-monospace,monospace}.codec-actions{display:grid}.codec button{color:#18201d;border:0;border-left:1px solid #9ba19e}.codec button+button{border-top:1px solid #9ba19e}.codec button:hover{background:#ff7040}.codec output{color:#335547;overflow-wrap:anywhere;background:#dfe7de;border-top:1px solid #9ba19e;grid-column:1/-1;min-height:68px;padding:18px;font:14px/1.6 ui-monospace,monospace}footer{color:#676e6a;letter-spacing:.1em;border-top:1px solid #18201d;justify-content:space-between;padding:22px 0 35px;font:700 10px ui-monospace,monospace;display:flex}@media (width<=760px){main{width:min(100% - 28px,1180px)}.masthead{grid-template-columns:60px 1fr;min-height:350px;padding-top:34px}.brand-mark{width:48px;height:48px}.intro{grid-column:1/-1;margin-top:38px;font-size:15px}h1{font-size:clamp(58px,20vw,88px)}.url-entry{grid-template-columns:1fr}.primary{border-top:2px solid #18201d;border-left:0;min-height:54px}.fixed-parts{grid-template-columns:1fr 1fr}.fixed-parts .domain{grid-area:1/1/auto/-1}.table-heading span{display:none}.table-row{grid-template-columns:1fr 1fr 40px}.table-row input{padding:13px 10px}.hash-path{grid-template-columns:1fr;gap:12px}.result-box{grid-template-columns:1fr}.result-actions{border-top:2px solid #18201d;border-left:0;grid-template-columns:1fr 1fr;min-height:58px}.result-actions button+button{border-top:0;border-left:1px solid #18201d}.codec{grid-template-columns:1fr;gap:25px}.codec-fields{grid-template-columns:1fr}.codec-actions{grid-template-columns:1fr 1fr}.codec button{border-top:1px solid #9ba19e;border-left:0;min-height:48px}.codec button+button{border-left:1px solid #9ba19e}footer{gap:20px}}