@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;700&display=swap);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-dark-a0:#000;--clr-light-a0:#fff;--clr-primary-a0:#8c5a46;--clr-primary-a10:#996b59;--clr-primary-a20:#a77c6c;--clr-primary-a30:#b48e7f;--clr-primary-a40:#c0a093;--clr-primary-a50:#cdb3a8;--clr-surface-a0:#121212;--clr-surface-a10:#282828;--clr-surface-a20:#3f3f3f;--clr-surface-a30:#575757;--clr-surface-a40:#717171;--clr-surface-a50:#8b8b8b;--clr-surface-tonal-a0:#1d1917;--clr-surface-tonal-a10:#322e2c;--clr-surface-tonal-a20:#484443;--clr-surface-tonal-a30:#605c5b;--clr-surface-tonal-a40:#787574;--clr-surface-tonal-a50:#928f8e;--border-radius:12px;--spacing:24px}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:center}.App-header{align-items:center;background:linear-gradient(160deg,#121212,#282828);background:linear-gradient(160deg,var(--clr-surface-a0) 0,var(--clr-surface-a10) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 48px);min-height:calc(100vh - var(--spacing)*2);padding:24px;padding:var(--spacing)}.App-header h1{transition:all .2s ease-in-out}.App-header h1:hover{text-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.App-header h1:active{text-shadow:none;transform:translateY(1px)}h1{color:#cdb3a8;color:var(--clr-primary-a50);font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:24px;margin-bottom:var(--spacing)}.input-container{background:#282828;background:var(--clr-surface-a10);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:24px;padding:var(--spacing);width:100%}.input-container,.layout-grid{display:flex;flex-direction:column;gap:24px;gap:var(--spacing)}@media (min-width:768px){.layout-grid{align-items:stretch;flex-direction:row;height:300px}.control-section,.input-section{display:flex;flex:1 1}}.control-section,.input-section{height:300px}textarea{background:#ffffff0d;border:2px solid #61dafb33;border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;height:100%!important;line-height:1.6;overflow-y:auto;padding:16px 20px;resize:none;transition:all .2s ease;width:100%}.result p::-webkit-scrollbar,textarea::-webkit-scrollbar{background:#0000;width:8px}.result p::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:#61dafb33;border-radius:4px}.result p::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:#61dafb66}textarea::placeholder{color:#ffffff80}textarea:focus{background:#ffffff14;border-color:#cdb3a8;border-color:var(--clr-primary-a50);outline:none}.control-section{display:flex;flex-direction:column;gap:24px;gap:var(--spacing)}.replacement-selector{align-items:center;display:flex;gap:12px;max-width:500px;width:100%}.replacement-selector label{color:#cdb3a8;color:var(--clr-primary-a50);font-size:.9rem;font-weight:500;letter-spacing:1px;margin-right:8px;text-transform:uppercase;white-space:nowrap}.replacement-selector select{-webkit-appearance:none;appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361dafb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:2px solid #61dafb33;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;flex:1 1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1rem;height:40px;min-width:120px;padding:0 36px 0 12px;transition:all .2s ease}.replacement-selector select:focus{background-color:#ffffff14;border-color:#cdb3a8;border-color:var(--clr-primary-a50);outline:none}.replacement-selector option{background:#282828;background:var(--clr-surface-a10);color:#fff;padding:12px}.bottom-controls{align-items:center;display:flex;gap:24px;gap:var(--spacing);justify-content:center;margin:0 auto;max-width:800px;width:100%}.replace-btn{background-color:#cdb3a8;background-color:var(--clr-primary-a50);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;height:40px;letter-spacing:1px;padding:0 24px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.replace-btn:hover{background-color:#c0a093;background-color:var(--clr-primary-a40);box-shadow:0 4px 12px #2ecc7133;transform:translateY(-1px)}.replace-btn:active{transform:translateY(0)}.result{background:#ffffff0d;border:2px solid #61dafb33;border-radius:12px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:24px;padding:var(--spacing);text-align:left}.result-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.copy-btn{background:#0000;border:2px solid #cdb3a8;border:2px solid var(--clr-primary-a50);border-radius:12px;border-radius:var(--border-radius);color:#cdb3a8;color:var(--clr-primary-a50);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:transform .2s ease}.copy-btn:hover{background:#cdb3a8;background:var(--clr-primary-a50);color:#121212;color:var(--clr-surface-a0)}.copy-btn:active{animation:bounce .3s ease}.result h3{color:#cdb3a8;color:var(--clr-primary-a50);flex-shrink:0;font-size:.9rem;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.result p{flex:1 1;font-size:1.1rem;line-height:1.6;margin:0;min-height:0;overflow-y:auto;padding:0 8px 0 0;white-space:pre-wrap;word-break:break-word}.App-footer{bottom:0;color:#fff9;font-size:.85rem;left:0;margin:0;padding:24px 0;padding:var(--spacing) 0;position:fixed;text-align:center;width:100%;z-index:1000}.bg-primary{background-color:#121212;background-color:var(--clr-surface-a0);color:#cdb3a8;color:var(--clr-primary-a50)}.nunito-sans-base{font-family:Nunito Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100,"YTLC" 500;font-weight:400}.credits-toggle{color:#cdb3a8;color:var(--clr-primary-a50);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:all .2s ease}.credits-toggle:hover{opacity:.8;-webkit-text-decoration:underline solid;text-decoration:underline solid}@media (max-width:768px){.layout-grid{height:auto;min-height:400px}.control-section,.input-section{height:400px}.bottom-controls{flex-direction:column;gap:12px}.replacement-selector{width:100%}.replace-btn{margin-top:0;width:100%}.App-footer{background:#282828;background:var(--clr-surface-a10);margin:0;position:static;width:100%;z-index:auto}}
/*# sourceMappingURL=main.6ce15ec0.css.map*/