.html-input{width:100%;min-height:300px;font-family:'Courier New',monospace;font-size:14px;line-height:1.4;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--card-bg);color:var(--text-color);resize:vertical;transition:border-color .3s}.html-input:focus{outline:0;border-color:var(--primary-color)}.html-input.valid{border-color:var(--success-color);background-color:rgba(76,175,80,.1)}.html-input.invalid{border-color:var(--error-color);background-color:rgba(244,67,54,.1)}.html-input.warning{border-color:#ff9800;background-color:rgba(255,152,0,.1)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.help-text{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.status-display{display:flex;align-items:center;gap:1rem}.status-icon{font-size:2rem}.status-text{font-size:1.25rem;font-weight:600}.status-text.status-valid{color:var(--success-color)}.status-text.status-invalid{color:var(--error-color)}.status-text.status-warning{color:#ff9800}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.info-item span{font-weight:500;color:var(--text-color)}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{padding:1rem;border-radius:6px;border:1px solid}.issue-item.error{background-color:rgba(244,67,54,.1);border-color:var(--error-color)}.issue-item.warning{background-color:rgba(255,152,0,.1);border-color:#ff9800}.issue-item.info{background-color:rgba(33,150,243,.1);border-color:#2196f3}.issue-header{font-weight:600;margin-bottom:.5rem}.issue-header.error{color:var(--error-color)}.issue-header.warning{color:#ff9800}.issue-header.info{color:#2196f3}.issue-message{color:var(--text-color);margin-bottom:.5rem}.issue-suggestion{font-size:.875rem;color:var(--text-secondary);font-style:italic}.issue-element{font-size:.875rem;color:var(--text-secondary);font-family:'Courier New',monospace;margin-top:.5rem;padding:.25rem .5rem;background-color:rgba(0,0,0,.1);border-radius:4px}.instruction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.instruction-item h4{margin-bottom:.5rem;color:var(--primary-color)}.instruction-item p{color:var(--text-secondary);line-height:1.6}.summary-stats{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.stat-item{text-align:center;padding:1rem;background-color:rgba(0,0,0,.05);border-radius:8px;flex:1;min-width:120px}.stat-number{font-size:1.5rem;font-weight:700;display:block}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.stat-number.error{color:var(--error-color)}.stat-number.warning{color:#ff9800}.stat-number.success{color:var(--success-color)}@media (max-width:768px){.action-buttons{flex-direction:column}.btn{width:100%}.status-display{flex-direction:column;text-align:center;gap:.5rem}.info-grid{grid-template-columns:1fr}.instruction-grid{grid-template-columns:1fr;gap:1.5rem}.summary-stats{flex-direction:column;gap:1rem}}@media (prefers-color-scheme:dark){.html-input{background-color:var(--card-bg);border-color:var(--border-color)}.issue-item.error{background-color:rgba(244,67,54,.15)}.issue-item.warning{background-color:rgba(255,152,0,.15)}.issue-item.info{background-color:rgba(33,150,243,.15)}.stat-item{background-color:rgba(255,255,255,.05)}.issue-element{background-color:rgba(255,255,255,.1)}}