body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-primary:#212121;--clr-secondary:#424242;--clr-tertiary:#d6d9db;--clr-accent:#dd2938;--clr-select:#bc222f;--clr-button-hover:#992e30;--clr-accent-2:#d4d4d4;--clr-white:#fff;--clr-background:#fdfdfd;--clr-light-gray:#f8f9fa;--clr-border:#e9ecef;--clr-text-muted:#6c757d}body,html{margin:0;overflow-x:hidden;padding:0}body{align-items:center;background-color:#f0f0f0;color:#212121;color:var(--clr-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;padding-top:0;width:100%}.App,body{display:flex;flex-direction:column;min-height:100vh}.App{margin:0 auto;max-width:95%;width:900px}h1{color:#fff;color:var(--clr-white);font-size:24px;margin-top:20px}.title{background-color:#212121;background-color:var(--clr-primary);color:#fff;color:var(--clr-white);margin-top:0}.box,.title{box-sizing:border-box;padding:10px;text-align:center;width:100%}.box{align-items:center;background-color:#d4d4d4;background-color:var(--clr-accent-2);color:#212121;color:var(--clr-primary);display:flex;gap:15px;justify-content:center}.sourceText{color:#666;display:block;font-size:13px;font-style:italic;padding:10px}.input-group{align-items:center;background-color:#fff;background-color:var(--clr-white);box-sizing:border-box;color:#212121;color:var(--clr-primary);display:flex;gap:15px;justify-content:center;padding:10px;text-align:center;width:100%}.input-group label{font-weight:700;min-width:100px}.features-section{background-color:#fff;background-color:var(--clr-white);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:10px 0;padding:25px;width:100%}.features-header{border-bottom:3px solid #dd2938;border-bottom:3px solid var(--clr-accent);margin-bottom:25px;padding-bottom:20px;text-align:center}.features-header h3{color:#212121;color:var(--clr-primary);font-size:20px;font-weight:600;margin:0}.features-grid{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:1fr 1fr}.feature-item{align-items:flex-start;background-color:#fdfdfd;background-color:var(--clr-background);border:2px solid #e9ecef;border:2px solid var(--clr-border);border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:10px;position:relative;transition:all .3s ease}.feature-item:hover{background-color:#fff;background-color:var(--clr-white);border-color:#dd2938;border-color:var(--clr-accent);box-shadow:0 4px 12px #dd293826;transform:translateY(-2px)}.feature-item input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.feature-item:before{background-color:#fff;border:2px solid #d6d9db;border:2px solid var(--clr-tertiary);border-radius:4px;content:"";flex-shrink:0;height:20px;margin-top:2px;transition:all .3s ease;width:20px}.feature-item:hover:before{border-color:#dd2938;border-color:var(--clr-accent)}.feature-item:has(input:checked):before{background-color:#dd2938;background-color:var(--clr-accent);border-color:#dd2938;border-color:var(--clr-accent)}.feature-item:has(input:checked):after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:16px;position:absolute;top:16px;transform:rotate(45deg);width:6px}.feature-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.feature-title{color:#212121;color:var(--clr-primary);font-size:15px;font-weight:600;line-height:1.3;margin:0}.feature-desc{color:#6c757d;color:var(--clr-text-muted);font-size:13px;line-height:1.4;margin:0}.feature-item:has(input:checked){background-color:#dd293814;border-color:#dd2938;border-color:var(--clr-accent)}.feature-item:has(input:checked) .feature-title{color:#dd2938;color:var(--clr-accent)}.version{bottom:20px;color:#666;font-size:x-small;left:50%;position:fixed;right:20px;text-align:center}.button-style,label[for=htmlFile]{background-color:#dd2938;background-color:var(--clr-accent);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px;min-width:180px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.button-style:hover,label[for=htmlFile]:hover{background-color:#992e30;background-color:var(--clr-button-hover)}.process{background-color:#212121;background-color:var(--clr-primary);border:none;border-radius:5px;color:#fff;color:var(--clr-white);cursor:pointer;display:inline-block;font-size:14px;margin:5px;min-width:150px;padding:10px 20px;text-align:center;transition:background-color .3s ease}.process:hover:not(:disabled){background-color:#424242;background-color:var(--clr-secondary)}.process:disabled{background-color:#ccc;cursor:not-allowed}.process.processing{animation:processing-glow 1.5s ease-in-out infinite;background-color:#dd2938!important;background-color:var(--clr-accent)!important;position:relative}@keyframes processing-glow{0%{box-shadow:0 0 5px #dd293880}50%{box-shadow:0 0 20px #dd2938cc,0 0 30px #dd293866}to{box-shadow:0 0 5px #dd293880}}#htmlFile{display:none}.white-space{background-color:#fdfdfd;background-color:var(--clr-background);border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #aaa;height:50px;margin-top:10px;overflow:auto;padding:10px;width:95%}#fileName{margin-left:10px}.result-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;font-weight:700;margin:20px;max-height:150px;overflow-y:auto;padding:15px;text-align:center;white-space:pre-line}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:40px;padding:40px;text-align:center}.error-message h1{color:#721c24;margin-bottom:15px}.error-message p{line-height:1.5;margin-bottom:10px}.chrome-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;margin:20px;padding:15px;text-align:center}@media (max-width:768px){.box,.input-group{align-items:center;flex-direction:column;gap:10px}.input-group label{margin-bottom:5px;min-width:auto}.button-style,.process{min-width:auto;width:90%}.features-grid{gap:15px;grid-template-columns:1fr}.features-section{padding:20px}.feature-item{padding:18px}}@media (max-width:480px){.feature-item{gap:12px;padding:15px}.feature-title{font-size:14px}.feature-desc{font-size:12px}.features-section{padding:15px}}
/*# sourceMappingURL=main.177a0ce1.css.map*/