body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1200px;margin:0 auto;padding:20px}.header{background:#0052cc;color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.controls{background:#f4f5f7;padding:20px;border-radius:8px;margin-bottom:20px}.textarea{width:100%;min-height:200px;padding:10px;border:2px solid #dfe1e6;border-radius:4px;font-family:monospace;font-size:12px;resize:vertical}.textarea:focus{border-color:#0052cc;outline:none}.button{background:#0052cc;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:10px}.button:hover{background:#0065ff}.button:disabled{background:#dfe1e6;cursor:not-allowed}.preview{background:#fff;border:2px solid #dfe1e6;border-radius:8px;padding:20px;margin-bottom:20px}.preview h2{margin-top:0;color:#172b4d}.error{background:#ffebe6;border:2px solid #de350b;border-radius:4px;padding:15px;color:#de350b;margin-top:10px}.html-output{background:#f8f9fa;border:2px solid #dfe1e6;border-radius:8px;padding:20px;margin-top:20px}.html-output h2{margin-top:0;color:#172b4d}.html-output pre{background:#fff;padding:15px;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.4}.copy-button{background:#00875a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-bottom:10px}.copy-button:hover{background:#00a85a}