body.new-tool-page .workspace { overflow-wrap: anywhere; }
.new-tool-page .workspace label { display: block; font-weight: 600; margin: 16px 0 8px; }
.new-tool-page .workspace input:not([type=checkbox]):not([type=color]), .new-tool-page .workspace select, .new-tool-page .workspace textarea { width: 100%; max-width: 100%; }
.new-tool-page .workspace textarea.editor { min-height: 190px; }
.new-tool-page .workspace .toolbar { margin: 20px 0; }
.new-tool-page .tool-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.new-tool-page .workspace fieldset { border: 1px solid var(--border-color); padding: 16px; border-radius: 8px; margin: 20px 0; }
.new-tool-page .workspace label.check-row, .new-tool-page .workspace label.checkrow { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 400; }
.new-tool-page .check-row input, .new-tool-page .checkrow input { width: 20px; height: 20px; min-height: 20px; flex-shrink: 0; }
.new-tool-page .input-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.new-tool-page .field-note, .new-tool-page .editor-hint { color: var(--text-secondary); font-size: .95rem; }
.new-tool-page #tool-status { min-height: 24px; margin: 16px 0; }
.new-tool-page .is-error { color: #b42318; font-weight: 600; }
html[data-theme=dark] .new-tool-page .is-error { color: #ffb4a8; }
.new-tool-page .csv-table-wrap { overflow-x: auto; max-width: 100%; margin: 20px 0; }
.new-tool-page table { border-collapse: collapse; width: 100%; }
.new-tool-page th, .new-tool-page td { border: 1px solid var(--border-color); padding: 10px; text-align: left; vertical-align: top; }
.new-tool-page .csv-table textarea { min-width: 150px; min-height: 64px; resize: vertical; }
.new-tool-page .csv-table button { min-width: 140px; }
.new-tool-page #result.metrics { display: block; padding: 18px; }
.new-tool-page #result.metrics ul { padding-left: 22px; }
.new-tool-page #result { white-space: pre-wrap; }
.new-tool-page #image-preview { max-width: 100%; max-height: 420px; object-fit: contain; background: repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 20px 20px; }
.new-tool-page #pdf-order { padding-left: 22px; }
.new-tool-page #pdf-order li { margin: 12px 0; }
.new-tool-page #pdf-order button { margin: 6px; }
.new-tool-page #pdf-output a { display: inline-block; padding: 12px; border: 1px solid var(--border-color); border-radius: 8px; }
.new-tool-page .time-display { display: block; text-align: center; font-size: clamp(2rem,8vw,4rem); font-variant-numeric: tabular-nums; margin: 28px 0; font-weight: 700; }
.new-tool-page .table-scroll { max-width: 100%; overflow-x: auto; }
.new-tool-page .guide { margin-top: 36px; }
.new-tool-page .guide ul, .new-tool-page .guide ol { padding-left: 22px; }
.new-tool-page .guide li { margin-bottom: 8px; }
.new-tool-page .guide section { min-width: 0; }
.new-tool-page .guide p { overflow-wrap: anywhere; }
.new-tool-page .related-links { flex-wrap: wrap; }
@media(max-width:600px) { .new-tool-page .input-grid { grid-template-columns: 1fr; gap: 0; } .new-tool-page .toolbar button { flex: 1 1 150px; } }