.html-tools .html-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.html-tools .html-tools-card{border-radius:16px;box-shadow:0 4px 20px #00000014}.html-tools .html-tools-card .ant-card-head{border-bottom:2px solid var(--ant-color-border)}.html-tools .html-tools-card .ant-card-head .ant-card-head-title{font-size:24px;font-weight:600;color:var(--ant-color-primary);text-align:center}.html-tools .html-tools-card .ant-tabs .ant-tabs-tab{font-size:16px;font-weight:500;padding:12px 24px}.html-tools .html-tools-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--teb-primary)}.html-tools .html-tools-card .ant-tabs .ant-tabs-ink-bar{background:var(--teb-primary)}.html-tools .html-tools-card .ant-tabs .ant-tabs-content-holder{padding:24px 0}.html-tools .actions{margin-bottom:24px}.html-tools .actions .ant-btn{border-radius:8px;font-weight:500;height:40px;padding:0 24px}.html-tools .actions .ant-btn.ant-btn-primary{background:var(--ant-color-primary);border:none}.html-tools .actions .ant-btn.ant-btn-primary:hover{background:var(--ant-color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 16px var(--ant-color-primary-bg-hover)}.html-tools .actions .ant-btn:not(.ant-btn-primary){border-color:var(--ant-color-border)}.html-tools .actions .ant-btn:not(.ant-btn-primary):hover{border-color:var(--ant-color-primary);color:var(--ant-color-primary);transform:translateY(-2px)}.html-tools .html-input,.html-tools .markdown-input,.html-tools .html-output,.html-tools .minified-output{font-family:var(--teb-font-mono);font-size:14px;line-height:1.6;border-radius:8px;border:2px solid var(--ant-color-border);background:var(--ant-color-bg-container);color:var(--ant-color-text)}.html-tools .html-input:focus,.html-tools .markdown-input:focus,.html-tools .html-output:focus,.html-tools .minified-output:focus{border-color:var(--ant-color-primary);box-shadow:0 0 0 2px var(--ant-color-primary-bg)}.html-tools .html-input:hover,.html-tools .markdown-input:hover,.html-tools .html-output:hover,.html-tools .minified-output:hover{border-color:var(--ant-color-border-secondary)}.html-tools .output-actions{margin-bottom:16px}.html-tools .output-actions .ant-btn{border-radius:6px;font-weight:500}.html-tools .instructions{background:var(--ant-color-bg-layout);border-radius:12px;padding:20px;border-left:4px solid var(--ant-color-primary)}.html-tools .instructions h4{color:var(--ant-color-primary);margin-bottom:16px;font-weight:600}.html-tools .instructions ul{margin:0;padding-left:20px}.html-tools .instructions ul li{margin-bottom:8px;color:var(--ant-color-text-secondary);line-height:1.6}.html-tools .instructions ul li:last-child{margin-bottom:0}.html-tools .validation-results{background:var(--ant-color-bg-layout);border-radius:12px;padding:20px;max-height:400px;overflow-y:auto}.html-tools .validation-results .validation-item{padding:12px;margin-bottom:8px;border-radius:8px;border-left:4px solid}.html-tools .validation-results .validation-item.error{background:var(--ant-color-error-bg);border-left-color:var(--ant-color-error)}.html-tools .validation-results .validation-item.error .ant-typography{color:var(--ant-color-error)}.html-tools .validation-results .validation-item.warning{background:var(--ant-color-warning-bg);border-left-color:var(--ant-color-warning)}.html-tools .validation-results .validation-item.warning .ant-typography{color:var(--ant-color-warning)}.html-tools .validation-results .validation-item.success{background:var(--ant-color-success-bg);border-left-color:var(--ant-color-success)}.html-tools .validation-results .validation-item.success .ant-typography{color:var(--ant-color-success)}.html-tools .validation-results .validation-item:last-child{margin-bottom:0}.html-tools .ant-typography.ant-typography-h4{color:var(--ant-color-text);font-weight:600;margin-bottom:16px}.html-tools .ant-typography strong{color:var(--ant-color-text);font-weight:600}.html-tools .ant-upload .ant-btn{border-radius:6px;font-weight:500}.html-tools .ant-upload .ant-btn:hover{border-color:var(--ant-color-primary);color:var(--ant-color-primary)}.html-tools .ant-select .ant-select-selector{border-radius:6px;border:2px solid var(--ant-color-border-secondary)}.html-tools .ant-select .ant-select-selector:hover{border-color:var(--ant-color-border)}.html-tools .ant-select.ant-select-focused .ant-select-selector{border-color:var(--ant-color-primary);box-shadow:0 0 0 2px var(--ant-color-primary-bg)}.html-tools .ant-input{border-radius:6px;border:2px solid var(--ant-color-border-secondary)}.html-tools .ant-input:hover{border-color:var(--ant-color-border)}.html-tools .ant-input:focus{border-color:var(--ant-color-primary);box-shadow:0 0 0 2px var(--ant-color-primary-bg)}.html-tools .ant-divider{border-color:var(--ant-color-border-secondary);margin:24px 0}@media (max-width: 768px){.html-tools{padding:10px}.html-tools .html-tools-card{border-radius:12px}.html-tools .html-tools-card .ant-card-head-title{font-size:20px}.html-tools .html-tools-card .ant-tabs-tab{font-size:14px;padding:8px 16px}.html-tools .actions .ant-btn{height:36px;padding:0 16px;font-size:14px}.html-tools .instructions,.html-tools .validation-results{padding:16px}}@media (max-width: 480px){.html-tools .html-tools-card .ant-card-head-title{font-size:18px}.html-tools .html-tools-card .ant-tabs-tab{font-size:12px;padding:6px 12px}.html-tools .actions .ant-btn{height:32px;padding:0 12px;font-size:12px}}.validation-results::-webkit-scrollbar{width:6px}.validation-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.validation-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.validation-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-btn,.ant-btn:hover,.ant-input,.ant-select-selector,.ant-textarea{transition:all .3s ease}.ant-upload.ant-upload-drag{border-radius:8px;border:2px dashed var(--ant-color-border)}.ant-upload.ant-upload-drag:hover{border-color:var(--ant-color-primary)}.ant-upload.ant-upload-drag .ant-upload-text{color:var(--ant-color-text-secondary)}.ant-upload.ant-upload-drag .ant-upload-hint{color:var(--ant-color-text-tertiary)}