.format-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.format-row label,.custom-width-wrap label{display:block;margin-bottom:7px;color:var(--text-muted);font-size:13px;font-weight:bold}.format-row select,.custom-width-wrap input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:15px}.custom-width-wrap{margin-top:10px}.custom-width-wrap[hidden]{display:none}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.result-card{min-width:0;padding:14px;border:1px solid var(--border-color);border-radius:7px;background:var(--panel-bg)}.result-card.wide{grid-column:1/-1}.result-label{display:block;color:var(--text-muted);font-size:12px;font-weight:bold}.result-value{display:block;margin:5px 0 10px;overflow-wrap:anywhere;color:var(--text-color);font-family:Menlo,Consolas,Monaco,"Courier New",monospace;font-size:15px;line-height:1.6}.status-line{min-height:22px;margin:10px 0 0;color:var(--text-muted);font-size:13px}.status-line.is-error{color:var(--error-color);font-weight:bold}.calculation-box{margin:18px 0 0;padding:14px 16px;border-left:4px solid var(--primary-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:14px;line-height:1.8}.calculation-box code{overflow-wrap:anywhere}.range-note{margin:10px 0 0;color:var(--text-muted);font-size:12px}.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-link{display:block;padding:15px;border:1px solid var(--border-color);border-radius:6px;background:var(--tool-bg);font-weight:bold}@media(max-width:600px){.format-row,.result-grid,.related-list{grid-template-columns:1fr}.result-card.wide{grid-column:auto}}

.container{margin-top:20px}.compact-tool{padding:20px}.tool-options{margin-bottom:16px}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px}.input-panel,.result-panel{min-width:0;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--panel-bg)}.tool-panel-title{margin:0 0 12px;font-size:15px;color:var(--text-color)}.field-label{display:block;margin-bottom:7px;color:var(--text-muted);font-size:13px;font-weight:bold}.input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.input-action-row textarea{box-sizing:border-box;width:100%;min-height:116px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font:15px/1.55 Menlo,Consolas,Monaco,"Courier New",monospace;resize:vertical}.compact-clear{min-width:68px;padding:10px 12px}.grouping-control{display:grid;grid-template-columns:auto minmax(125px,1fr);align-items:center;gap:10px;margin-top:10px}.grouping-control label{color:var(--text-muted);font-size:12px;font-weight:bold}.grouping-control select{box-sizing:border-box;width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color)}.result-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.result-panel-header .tool-panel-title{margin:0}.copy-all-btn,.mini-copy{border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color);font-weight:bold;cursor:pointer}.copy-all-btn{padding:7px 10px;font-size:11px}.mini-copy{padding:5px 8px;font-size:10px}.copy-all-btn:hover,.mini-copy:hover{border-color:var(--primary-color);color:var(--primary-color)}.result-list{border-top:1px solid var(--border-color)}.result-row{display:grid;grid-template-columns:115px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid var(--border-color)}.result-row .result-label{font-size:11px}.result-row .result-value{margin:0;font-size:14px;line-height:1.4}.calculation-details{margin-top:14px;border-top:1px solid var(--border-color);padding-top:12px}.calculation-details summary{cursor:pointer;color:var(--primary-color);font-size:13px;font-weight:bold}.calculation-details .calculation-box{margin-top:10px}.range-note{min-height:18px;margin:7px 0 0}.status-line{min-height:20px;margin:2px 0 0}.mini-copy.copied,.copy-all-btn.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}
.faq-title+.faq-section{margin-top:16px}

@media(max-width:700px){.tool-workspace{grid-template-columns:1fr}.compact-tool{padding:15px}.input-panel,.result-panel{padding:14px}.input-action-row{grid-template-columns:minmax(0,1fr) auto}.result-row{grid-template-columns:105px minmax(0,1fr) auto}.tool-options{grid-template-columns:1fr 1fr}.format-row select{font-size:13px}}
@media(max-width:430px){.tool-options{grid-template-columns:1fr}.input-action-row{grid-template-columns:1fr auto}.compact-clear{min-width:64px}.result-row{grid-template-columns:1fr auto}.result-row .result-label{grid-column:1/-1;padding-top:8px}.result-row .result-value{padding-bottom:8px}}