.t-url-encoder{--cream:#eee9dc;--paper:#f7f3e8;--ink:#18233a;--red:#bd4c3f;--blue:#6689aa;--line:#b9b8ae;--muted:#66717d}.t-url-encoder,.t-url-encoder *{box-sizing:border-box}.t-url-encoder{background:var(--cream);background:var(--cream);color:var(--ink);margin:0;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}.t-url-encoder button,.t-url-encoder textarea{font:inherit}.t-url-encoder button{cursor:pointer}.t-url-encoder button:focus-visible,.t-url-encoder textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}.t-url-encoder .telegram-room{min-height:100vh;padding:28px clamp(20px,6vw,90px) 34px}.t-url-encoder .telegram-bar,.t-url-encoder .telegram-footer{border-bottom:1px solid var(--line);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:18px;padding-bottom:14px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.t-url-encoder .telegram-mark{border:1px solid var(--red);width:45px;height:38px;color:var(--red);letter-spacing:-.06em;place-items:center;font-weight:700;display:grid}.t-url-encoder .telegram-name{gap:3px;display:grid}.t-url-encoder .telegram-name span{color:var(--muted);font-size:9px}.t-url-encoder .telegram-state{color:var(--muted);margin-left:auto}.t-url-encoder .telegram-state i{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.t-url-encoder .telegram-hero{justify-content:space-between;align-items:end;gap:40px;padding:clamp(76px,12vw,150px) 0 92px;display:flex}.t-url-encoder .telegram-kicker{color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .telegram-hero h1,.t-url-encoder .message-desk h2{letter-spacing:-.055em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:400}.t-url-encoder .telegram-hero h1{font-size:clamp(60px,9.5vw,145px);line-height:.82}.t-url-encoder .telegram-hero h1 em{color:var(--red);font-style:italic}.t-url-encoder .hero-copy{max-width:390px;color:var(--muted);margin:30px 0 0;font-size:15px;line-height:1.55}.t-url-encoder .red-stamp{border:2px solid var(--red);width:150px;height:150px;color:var(--red);align-content:center;justify-items:center;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;transform:rotate(-7deg)}.t-url-encoder .red-stamp strong{margin:10px 0 4px;font-size:44px;font-weight:400;line-height:.8}.t-url-encoder .red-stamp b{letter-spacing:.14em;font-size:8px;font-weight:400}.t-url-encoder .message-desk{background:var(--ink);color:var(--paper);padding:44px clamp(22px,5vw,70px) 48px}.t-url-encoder .mode-strip{grid-template-columns:.45fr 1.55fr;align-items:start;gap:30px;display:grid}.t-url-encoder .mode-strip>span,.t-url-encoder .message-slip>span,.t-url-encoder .desk-rule,.t-url-encoder .desk-note,.t-url-encoder .error-line{letter-spacing:.13em;text-transform:uppercase;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .mode-strip>span{color:#caa977}.t-url-encoder .mode-strip>div{border-bottom:1px solid #596577;grid-template-columns:repeat(4,1fr);gap:0;display:grid}.t-url-encoder .mode-strip button{color:#aeb7c1;text-align:left;background:0 0;border:0;border-top:2px solid #0000;min-width:0;padding:10px 11px 13px}.t-url-encoder .mode-strip button+button{border-left:1px solid #39485a}.t-url-encoder .mode-strip button.active{border-top-color:var(--red);color:var(--paper);background:#23314a}.t-url-encoder .mode-strip strong,.t-url-encoder .mode-strip small{display:block}.t-url-encoder .mode-strip strong{overflow-wrap:anywhere;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .mode-strip small{color:#8794a4;letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .desk-rule{color:#9ba8b5;border-top:1px solid #596577;justify-content:space-between;margin-top:40px;padding-top:12px;display:flex}.t-url-encoder .message-grid{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:22px;margin-top:21px;display:grid}.t-url-encoder .message-slip{gap:12px;display:grid}.t-url-encoder .message-slip>span{color:#caa977}.t-url-encoder .message-slip textarea{resize:vertical;width:100%;min-height:230px;color:var(--paper);background:#202e43;border:1px solid #596577;padding:20px;font:15px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .output-slip textarea{border-color:var(--blue);background:var(--paper);color:var(--ink)}.t-url-encoder .output-slip textarea::placeholder{color:#8993a0}.t-url-encoder .wire-column{color:var(--red);justify-items:center;gap:14px;display:grid}.t-url-encoder .wire-column i{background:var(--red);width:1px;height:47px;display:block}.t-url-encoder .wire-column b{font-size:26px;font-weight:400}.t-url-encoder .desk-actions{gap:12px;margin-top:26px;display:flex}.t-url-encoder .convert-button,.t-url-encoder .copy-button{border:0;padding:14px 18px}.t-url-encoder .convert-button{color:var(--ink);background:#d4b16f}.t-url-encoder .convert-button b{margin-left:30px}.t-url-encoder .copy-button{color:var(--paper);background:#293b54}.t-url-encoder .copy-button:disabled{cursor:not-allowed;opacity:.45}.t-url-encoder .error-line{color:#f08b78;letter-spacing:.02em;text-transform:none;align-items:center;gap:9px;margin:18px 0 0;display:flex}.t-url-encoder .error-line i{background:var(--red);border-radius:50%;width:7px;height:7px}.t-url-encoder .desk-note{color:#93a0ad;letter-spacing:.02em;text-transform:none;margin:27px 0 0;line-height:1.6}.t-url-encoder .telegram-footer{border-top:1px solid var(--line);color:var(--muted);border-bottom:0;justify-content:space-between;padding-top:18px}.t-url-encoder .telegram-footer span:last-child{color:var(--red)}@media (max-width:800px){.t-url-encoder .telegram-room{padding:18px 18px 25px}.t-url-encoder .telegram-state{display:none}.t-url-encoder .telegram-hero{padding:74px 0 58px;display:block}.t-url-encoder .red-stamp{margin:48px 0 0 auto}.t-url-encoder .message-desk{padding:32px 20px 42px}.t-url-encoder .mode-strip{grid-template-columns:1fr;gap:23px}.t-url-encoder .mode-strip>div{grid-template-columns:1fr 1fr}.t-url-encoder .mode-strip button{border-top:1px solid #596577}.t-url-encoder .mode-strip button+button{border-left:1px solid #39485a}.t-url-encoder .message-grid{grid-template-columns:1fr;gap:16px}.t-url-encoder .wire-column{justify-content:center;width:100%;display:flex}.t-url-encoder .wire-column i{width:44px;height:1px}.t-url-encoder .wire-column b{transform:rotate(90deg)}.t-url-encoder .desk-actions{flex-wrap:wrap}.t-url-encoder .telegram-footer{flex-direction:column;align-items:start;gap:8px}}.t-url-encoder .plus-toggle{color:#caa977;letter-spacing:.06em;align-items:center;gap:8px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.t-url-encoder .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-url-encoder .desk-actions{flex-wrap:wrap}.t-url-encoder .query-table{border-collapse:collapse;width:100%;margin-top:22px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.t-url-encoder .query-table caption{color:#caa977;letter-spacing:.13em;text-align:left;text-transform:uppercase;padding-bottom:8px;font-size:9px}.t-url-encoder .query-table th,.t-url-encoder .query-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #39485a;padding:8px 12px 8px 0}.t-url-encoder .query-table th{color:#caa977;width:32%;font-weight:400}.t-url-encoder .query-table em{color:#8794a4}