.inlinecalculator.decoder-tool{--decoder-field-height:320px;--decoder-label-height:32px;align-items:stretch;width:calc(100% - 30px);max-width:1100px;padding:22px 24px 24px}.decoder-workspace{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"source result""controls controls";gap:8px 18px;width:100%;padding:0;display:grid}.decoder-source,.decoder-result,.decoder-controls,.decoder-manual-settings,.decoder-candidates,.decoder-result-summary,.decoder-actions{min-width:0}.decoder-source{grid-area:source}.decoder-result{grid-area:result}.decoder-source,.decoder-result{flex-direction:column;display:flex;position:relative}.decoder-source>.calctextarea{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.decoder-source>.calctextarea>span,.decoder-result-heading{min-height:var(--decoder-label-height);color:#0009;align-items:center;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:flex}.decoder-source>.calctextarea textarea{height:var(--decoder-field-height);min-height:var(--decoder-field-height);max-height:var(--decoder-field-height);resize:none;padding-right:52px}.decoder-result-value,.decoder-result-error,.decoder-result-empty{min-width:100%;max-width:100%;height:var(--decoder-field-height);min-height:var(--decoder-field-height);max-height:var(--decoder-field-height);box-sizing:border-box;background:#fff;border-radius:6px;flex:none;margin:2px 0;padding:14px 52px 14px 15px;overflow:auto}.decoder-result-value{color:#202a3a;font:16px/1.4 var(--font-family-body);overflow-wrap:anywhere;tab-size:4;white-space:pre-wrap}.decoder-result-value code{font:inherit}.decoder-result-error,.decoder-result-empty{color:#666;font-size:15px;line-height:1.5}.decoder-result-error{color:#8d2525;font-weight:600}.decoder-field-footer{align-items:center;min-height:40px;margin-top:4px;display:flex}.decoder-source-footer{top:calc(var(--decoder-label-height) + 8px);z-index:2;min-height:0;margin:0;position:absolute;right:8px}.decoder-result-footer{gap:8px}.decoder-result-summary{flex:auto}.decoder-field-action,.decoder-result-footer #copyresultbuttom{color:#31546e85;width:36px;height:36px;min-height:36px;font:inherit;cursor:pointer;opacity:1;pointer-events:auto;background:0 0;border:0;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;transform:none}.decoder-result-footer #copyresultbuttom{top:calc(var(--decoder-label-height) + 8px);z-index:2;position:absolute;right:8px}.decoder-field-action:hover,.decoder-result-footer #copyresultbuttom:hover{color:#31546e;background:#ffffff6b}.decoder-field-action:focus-visible,.decoder-result-footer #copyresultbuttom:focus-visible{outline-offset:1px;outline:2px solid #0078cf61}.decoder-result-footer #copyresultbuttom.copied{color:#189654}.decoder-field-action .material-symbols-rounded,.decoder-result-footer .copy-result-icon{font-size:18px}.decoder-result-footer .copy-result-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.decoder-field-action[data-tooltip]:after,.decoder-result-footer #copyresultbuttom[data-tooltip]:after{z-index:5;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;background:#263746;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:500;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 6px);bottom:auto;right:0;transform:translateY(3px)}.decoder-field-action[data-tooltip]:hover:after,.decoder-field-action[data-tooltip]:focus-visible:after,.decoder-result-footer #copyresultbuttom[data-tooltip]:hover:after,.decoder-result-footer #copyresultbuttom[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.decoder-candidates{width:min(100%,360px)}.inlinecalculator.decoder-tool .decoder-candidates>label{width:100%;margin:0;padding:0}.decoder-candidates>.select-input-label-hidden>span{display:none}.decoder-candidates .select,.decoder-candidates select{min-height:36px}.decoder-candidates select{padding-block:6px;font-size:13px}.decoder-result-meta,.decoder-result-warning{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.decoder-result-meta{color:#667085;margin:0}.decoder-result-warning{color:#7a4b00;margin:6px 0 0}.inlinecalculator.decoder-tool #resultdown{width:auto;margin:0;scroll-margin-top:20px}.decoder-controls{box-sizing:border-box;grid-area:controls;align-items:flex-end;gap:12px;height:82px;min-height:82px;padding-top:2px;display:flex}.decoder-mode{flex:0 0 280px;padding:0}.decoder-mode>.segmented-control{width:100%;margin:0;padding:0}.decoder-mode .segmented-control__options{margin-bottom:0}.decoder-manual-settings{flex:480px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:500px;display:grid}.inlinecalculator.decoder-tool .decoder-manual-settings>label{width:100%;margin:0;padding:0}.inlinecalculator.decoder-tool .decoder-manual-settings .select{margin-bottom:0}.decoder-actions{flex:0 0 220px;margin-left:auto}.decoder-submit{width:100%;min-height:54px;font:600 18px/1.2 var(--font-family-body);border:0;margin:0}.decoder-actions .decoder-submit{white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding-inline:20px;display:flex}.decoder-actions .decoder-submit span,.decoder-actions .decoder-submit:hover span{margin-left:0;transform:none}.decoder-submit:focus-visible{outline-offset:2px;outline:2px solid #0057a88c}.decoder-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){.inlinecalculator.decoder-tool{--decoder-field-height:clamp(200px, 32vh, 240px);width:calc(100% - 30px);padding:18px}.decoder-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"source""controls""result";gap:12px}.decoder-field-footer{min-height:44px}.decoder-field-action,.decoder-result-footer #copyresultbuttom{flex-basis:44px;width:44px;height:44px;min-height:44px}.decoder-controls{flex-direction:column;align-items:stretch;gap:10px;height:auto;min-height:0;padding-top:0}.decoder-mode,.decoder-manual-settings,.decoder-actions{flex:none;width:100%;max-width:none;margin:0;padding:0}.decoder-submit{width:100%}}@media (width<=600px){.inlinecalculator.decoder-tool{width:auto;padding:16px 15px 18px}}@media (width<=480px){.decoder-manual-settings{grid-template-columns:minmax(0,1fr);gap:8px}}@media (hover:none),(pointer:coarse){.decoder-field-action[data-tooltip]:after,.decoder-result-footer #copyresultbuttom[data-tooltip]:after{display:none}}@media (prefers-reduced-motion:reduce){.decoder-field-action[data-tooltip]:after,.decoder-result-footer #copyresultbuttom[data-tooltip]:after{transition:none}}