.url-encoder-module__Yn9Eaq__ツールUI{gap:var(--スペース-xl);display:grid}@media (min-width:768px){.url-encoder-module__Yn9Eaq__ツールUI{grid-template-columns:1fr 1fr}}.url-encoder-module__Yn9Eaq__モード切替{border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-md);background:#ffffff0a;gap:4px;padding:4px;display:flex}.url-encoder-module__Yn9Eaq__モードボタン{border-radius:var(--角丸-sm);color:var(--カラー-テキスト薄);cursor:pointer;transition:all var(--遷移-標準);font-size:13px;font-weight:600;font-family:var(--フォント-本文);background:0 0;border:none;flex:1;padding:8px 12px}.url-encoder-module__Yn9Eaq__モードボタンアクティブ{background:var(--グラデ-プライマリ);color:#fff;box-shadow:var(--影-プライマリ)}.url-encoder-module__Yn9Eaq__ボタン群{gap:var(--スペース-sm);flex-wrap:wrap;display:flex}.url-encoder-module__Yn9Eaq__変換ボタン{background:var(--グラデ-プライマリ);border-radius:var(--角丸-md);color:#fff;cursor:pointer;transition:all var(--遷移-標準);box-shadow:var(--影-プライマリ);font-size:15px;font-weight:700;font-family:var(--フォント-本文);border:none;flex:1;padding:12px 20px}.url-encoder-module__Yn9Eaq__変換ボタン:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.url-encoder-module__Yn9Eaq__変換ボタン:disabled{opacity:.45;cursor:not-allowed}.url-encoder-module__Yn9Eaq__リセットボタン{border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-md);color:var(--カラー-テキスト薄);cursor:pointer;transition:all var(--遷移-標準);font-size:14px;font-weight:500;font-family:var(--フォント-本文);background:0 0;padding:12px 20px}.url-encoder-module__Yn9Eaq__リセットボタン:hover{border-color:var(--カラー-ボーダー強);color:var(--カラー-テキスト)}.url-encoder-module__Yn9Eaq__コピーボタン{border:1px solid var(--カラー-ボーダー強);border-radius:var(--角丸-md);width:100%;color:var(--カラー-プライマリ輝き);cursor:pointer;transition:all var(--遷移-標準);font-size:13px;font-weight:600;font-family:var(--フォント-本文);background:#6366f11a;padding:10px}.url-encoder-module__Yn9Eaq__コピーボタン:hover{background:#6366f12e}.url-encoder-module__Yn9Eaq__比較情報{justify-content:center;align-items:center;gap:var(--スペース-md);padding:var(--スペース-sm);border-radius:var(--角丸-sm);border:1px solid var(--カラー-ボーダー);background:#ffffff08;display:flex}.url-encoder-module__Yn9Eaq__比較アイテム{flex-direction:column;align-items:center;gap:2px;display:flex}.url-encoder-module__Yn9Eaq__比較ラベル{color:var(--カラー-テキスト極薄);font-size:11px}.url-encoder-module__Yn9Eaq__比較値{color:var(--カラー-プライマリ輝き);font-size:15px;font-weight:700}.url-encoder-module__Yn9Eaq__比較区切り{color:var(--カラー-テキスト極薄);font-size:18px;font-weight:300}