.tool-page .utility-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.tool-page .control-group { margin-bottom: .8rem; }
.tool-page .utility-panel h2 { margin-bottom: 1rem; }
.tool-page :is(p, li, summary, h1, h2, h3, strong) { overflow-wrap: anywhere; }
.tool-page textarea { min-height: 180px; }
.tool-page :is(input, select, textarea, pre) { max-width: 100%; }
.tool-page :is(input, textarea)::placeholder { color: #a5b8ce; opacity: 1; }
.tool-page .utility-output { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 450px; min-height: 120px; }
.tool-page .file-row { padding: .8rem; border: 1px solid var(--tool-border); border-radius: 8px; margin-top: .8rem; overflow-wrap: anywhere; }
.tool-page .file-row img { width: 100%; height: 120px; object-fit: contain; background: repeating-conic-gradient(#ddd 0% 25%, #fff 0% 50%) 50% / 20px 20px; border-radius: 5px; margin-bottom: .5rem; }
.tool-page .file-row .utility-actions { margin-top: .6rem; }
.tool-page .utility-button.small { padding: .5rem .7rem; font-size: .85rem; }
.tool-page .check-row { display: flex; align-items: center; gap: .6rem; margin: .7rem 0; }
.tool-page .check-row input { width: 20px; height: 20px; accent-color: var(--tool-cyan); }
.tool-page .stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.tool-page .stats div { border: 1px solid var(--tool-border); border-radius: 8px; padding: .8rem; }
.tool-page .stats strong { display: block; font-size: 1.4rem; overflow-wrap: anywhere; }
.tool-page .preview-image { display: block; max-width: 100%; height: auto; margin: 1rem auto; }
.tool-page .hash-value { overflow-wrap: anywhere; font-family: Consolas, monospace; }
.tool-page .invoice-item { border-bottom: 1px solid var(--tool-border); padding: .8rem 0; }
.tool-page .invoice-preview { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.tool-page .timer-display { font: 2.6rem Consolas, monospace; color: var(--tool-cyan); margin: 1rem 0; }
.tool-page .palette-grid { display: grid; gap: .8rem; }
.tool-page .swatch { height: 70px; border-radius: 6px; border: 1px solid var(--tool-border); }
.tool-page [hidden] { display: none !important; }
.tool-page .encoding-table { min-width: 0; }
.tool-page table td { overflow-wrap: anywhere; }
.tool-page .faq-list { display: block; }
.tool-page #toolStatus { margin-top: 1rem; }
@media (max-width: 900px) { .tool-page .utility-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .tool-page .utility-button { min-height: 44px; } .tool-page .utility-actions { gap: .5rem; } .tool-page .utility-form-grid { grid-template-columns: minmax(0, 1fr); } }
@media print { body[data-tool="QuickMarkMaker"] * { visibility: hidden; } body[data-tool="QuickMarkMaker"] #qrPreview, body[data-tool="QuickMarkMaker"] #qrPreview * { visibility: visible; } body[data-tool="QuickMarkMaker"] #qrPreview { position: absolute; top: 0; left: 0; width: 100%; } }