.url-tool-card{--url-surface:var(--root-bg-primary, #fff);--url-ink:var(--root-text-primary, #1e293b);--url-toolbar:#f6f8fc;--url-border:#d9e2ef;--url-hover:#eef3fa;--url-muted:#52637b;--url-accent:#2455bd;--url-accent-hover:#1d469e;--url-focus:#2b63d4;--url-control-height:36px;border:1px solid var(--url-border);border-radius:14px;background:var(--url-surface);color:var(--url-ink)}.url-panel-footer,.url-panel-heading,.url-panel-toolbar,.url-workspace-header{padding:8px calc(clamp(10px, 1.7vw, 20px))}.url-workspace-header{padding-block:14px}.url-options-modal .modal-footer,.url-panel-toolbar,.url-tool-nav{background:var(--url-toolbar)}.url-tool-nav{padding:8px calc(clamp(10px, 1.7vw, 20px));border-block:1px solid var(--url-border)}.url-mode-group{display:inline-flex;flex-wrap:nowrap;max-inline-size:100%;margin:0;border:1px solid var(--url-border);border-radius:8px;background:var(--url-surface)}.url-mode-group .nav-item{min-inline-size:0}.url-tool-card .url-button,.url-tool-card .url-mode-group .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:var(--url-control-height);min-inline-size:0;padding:5px 9px;margin:0;border:1px solid var(--url-border);border-radius:7px;background:var(--url-surface);color:var(--url-ink);box-shadow:none;font-size:.9rem;font-weight:600;line-height:1.25;text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere}.url-tool-card .url-mode-group .nav-link{inline-size:100%;min-block-size:calc(-2px + var(--url-control-height));border:0;border-radius:7px;padding-inline:calc(clamp(8px, 1.5vw, 16px))}.url-mode-group .nav-item+.nav-item{border-inline-start:1px solid var(--url-border)}.url-tool-card .url-mode-group .nav-link.active{color:var(--url-accent);background:var(--url-hover)}.url-tool-card .url-button:not(.url-primary):hover,.url-tool-card .url-dialog-close:hover,.url-tool-card .url-mode-group .nav-link:hover{background:var(--url-hover)}.url-tool-card .url-primary{border-color:var(--url-accent);background:var(--url-accent);color:#fff}.url-tool-card .url-primary:not(:disabled):is(:hover,:active,:focus-visible){border-color:var(--url-accent-hover);background:var(--url-accent-hover);color:#fff}.url-button>span:last-child{display:inline-flex;align-items:center;gap:6px}.url-choice-control:focus-visible+.url-choice-card,.url-tool-card :is(.url-button,.nav-link,.url-dialog-close,.select-input,.url-format-toggle):focus-visible{outline:2px solid var(--url-focus);outline-offset:2px;z-index:1}.url-panel{min-inline-size:0}.url-result-panel{scroll-margin-block-start:5rem}.url-panel-heading,.url-panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-bottom:1px solid var(--url-border)}.url-panel-index{color:var(--url-accent);font:600 .9rem/1.35 monospace}.url-editor{min-inline-size:0;padding:14px calc(clamp(10px, 1.7vw, 20px))}.url-tool-card .url-workspace-textarea{min-block-size:16rem;padding:.8rem .9rem;font:.9375rem/1.55 SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}.url-tool-card .url-workspace-textarea[readonly]{border:1px solid var(--url-border);background:var(--url-toolbar);color:var(--url-ink)}.url-textarea-field .form-helper{position:absolute;inset-block-start:100%;inset-inline:0}.url-input-panel .url-editor{padding-block-end:calc(14px + 1.4rem)}.url-panel-footer{align-self:start;padding-block-start:0}.url-format-options{padding-block-end:14px}.url-format-toggle{display:none}.url-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.url-result-meta[hidden]{display:none}.url-result-meta>span{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px;padding:5px 8px;border:1px solid var(--url-border);border-radius:6px;color:var(--url-ink);font-size:.9rem;overflow-wrap:anywhere}.url-result-meta strong{color:var(--url-muted);font-weight:600}.url-converter-form>.tool-context-cta{margin:0;padding:8px calc(clamp(10px, 1.7vw, 20px));border-top:1px solid var(--url-border)}.url-options-modal .modal-dialog{max-inline-size:min(38rem,100% - 1.5rem);margin-inline:auto}.url-options-modal .modal-content{border:1px solid var(--url-border);border-radius:16px;background:var(--url-surface);color:var(--url-ink);box-shadow:0 16px 40px rgba(22,37,68,.19)}.url-options-modal .url-dialog-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(clamp(12px, 3vw, 20px));border-bottom:1px solid var(--url-border);background:var(--url-toolbar)}.url-dialog-header .modal-title{font-size:1.125rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.url-dialog-close,.url-dialog-icon{display:inline-grid;place-items:center;inline-size:40px;block-size:40px;border-radius:9px}.url-dialog-icon{color:var(--url-accent);background:var(--url-hover)}.url-dialog-close{inline-size:var(--url-control-height);block-size:var(--url-control-height);padding:0;border:0;color:var(--url-muted);background:transparent}.url-options-modal .modal-body{padding:calc(clamp(14px, 4vw, 24px))}.url-options-modal .select-options-wrapper{max-height:min(152px,var(--url-charset-list-height,152px))!important}.url-options-modal .modal-footer{padding:10px calc(clamp(14px, 4vw, 24px));border-top:1px solid var(--url-border)}.url-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.url-option-group{min-inline-size:0;padding:12px;border:1px solid var(--url-border);border-radius:10px}.url-option-group-title{margin:0 0 .7rem;font-size:.9rem;font-weight:700}.url-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.url-choice{position:relative}.url-choice-control{position:absolute;inline-size:1px;block-size:1px;margin:0;opacity:0}.url-choice-card{display:grid;place-items:center;min-block-size:var(--url-control-height);padding:5px 7px;border:1px solid var(--url-border);border-radius:7px;font-size:.9rem;font-weight:600;text-align:center;cursor:pointer;overflow-wrap:anywhere}.url-choice-card:hover,.url-choice-control:checked+.url-choice-card{border-color:var(--url-accent);background:var(--url-hover);color:var(--url-accent)}.url-option-check,.url-option-switch{display:flex;align-items:start;gap:8px;padding-inline-start:0;margin:0;font-size:.9rem}.url-option-check{margin-block-start:10px}.url-tool-card .form-switch .form-check-input{flex:0 0 auto;float:none;margin-inline-start:0}.url-option-help{margin-block-start:.65rem}@media (min-width:992px){.url-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.url-panel{display:grid;grid-row:span 4;grid-template-rows:subgrid}.url-result-panel{border-inline-start:1px solid var(--url-border)}}@media (max-width:991.98px){.url-result-panel{border-top:1px solid var(--url-border)}}@media (hover:none) and (pointer:coarse),(max-width:991.98px){.url-format-title{display:none}.url-format-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;min-block-size:44px;padding:6px 10px;border:1px solid var(--url-border);border-radius:7px;background:var(--url-surface);color:var(--url-ink);font:inherit;text-align:start}.url-format-toggle:hover,.url-format-toggle[aria-expanded=true]{background:var(--url-hover)}.url-format-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.url-format-options:has(.url-format-toggle[aria-expanded=false]) .url-format-body{display:none}}@media (max-width:767px){html:lang(ja) .url-tool-card .url-mode-group .nav-link{padding-inline:4px;font-size:.9rem!important;white-space:nowrap}}@media (max-width:575.98px){.url-tool-card{--url-control-height:44px}.url-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html:lang(ja) .url-mode-group{grid-template-columns:auto auto}.url-options-grid{grid-template-columns:minmax(0,1fr)}.url-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}