@charset "UTF-8";:root{--accent: #ffcb3a;--muted: #999;--border: #eee;--success: #5bb75b}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:14px;line-height:1.5;color:#333}a{color:#08c;text-decoration:none}a:hover{text-decoration:underline}h1{padding:15px;margin:0;text-align:center}h1 img{max-width:100%;height:auto}.layout{display:flex;gap:20px;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 15px}.sidebar{flex:0 0 240px;width:240px;max-width:240px;min-width:0;overflow:hidden;position:sticky;top:10px;align-self:flex-start}.main{flex:1 1 0;min-width:0}@media(max-width:760px){.layout{flex-direction:column}.sidebar{position:static;flex-basis:auto;width:100%}}.sidebar h2{font-size:20px;line-height:20px;margin:10px 0;color:var(--accent)}.sidebar ul{list-style:none;margin:0 0 16px;padding:0}.sidebar li a{display:block;padding:4px 8px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.sidebar li a:hover{background:#f7f7f7;text-decoration:none}.sidebar a .data{margin:0 1ex;color:var(--muted)}.sidebar a:hover .data{color:#666}.input-data-form{margin:10px 0 20px}.input-data{width:100%;height:5em;margin:10px 0;padding:8px;font:inherit;border:1px solid #ccc;border-radius:4px;resize:vertical}.submit-btn{padding:8px 16px;font:inherit;color:#fff;background:var(--success);border:0;border-radius:4px;cursor:pointer}.submit-btn:hover{background:#4a9f4a}.label-charset{margin-left:15px}.input-charset{font-size:14px;padding:4px;border:1px solid #ccc;border-radius:4px}.main h2{font-size:24px;color:var(--accent)}.main h3{font-size:18px;line-height:1.3}.main h3 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:.6em}.encode-results{margin-top:30px}.result{padding:6px 0;border-bottom:1px solid var(--border)}.result pre{white-space:pre-wrap;word-break:break-all;background:#f7f7f7;padding:8px;border-radius:4px;margin:6px 0 0}.result img{background:#fff}.copy-btn{visibility:hidden;margin-left:.6em;padding:2px 4px;border:1px solid #ccc;border-radius:3px;background:#fff;cursor:pointer;vertical-align:middle}.result:hover .copy-btn{visibility:visible}.copy-btn img{width:16px;height:16px;display:block}.copy-btn.copied{position:relative}.copy-btn.copied:after{content:" コピーしました";position:absolute;left:100%;white-space:nowrap;color:var(--success);font-size:12px;margin-left:4px}footer{margin:30px 15px 0;padding:15px;border-top:1px solid #eec;text-align:center;color:var(--muted)}