@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:Geist Mono,monospace}body{height:100vh;width:100vw;overflow:hidden;background:linear-gradient(135deg,#dcd7d2,#ebe8e4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2e2e2e}#footer{background-color:#f0dcd299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.6em;font-weight:500;position:fixed;top:10px;width:calc(100% - 40px);text-align:center;margin:0 20px;padding:.4em 0;border-radius:40px;color:#2e2e2e;box-shadow:0 4px 12px #0000001a;letter-spacing:.5px}#content{background-color:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:40px 60px;border-radius:25px;box-shadow:0 8px 25px #00000014;width:50vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:transform .2s ease-in-out}#content:hover{transform:translateY(-2px)}#content #header{font-size:1.8em;font-weight:600;margin-bottom:10px;color:#b48b7d}#content #file-input{display:flex;flex-direction:column;align-items:center;gap:12px}#content #file-input button{padding:10px 18px;border-radius:10px;background-color:#a9bcd0;font-size:1em;color:#2e2e2e;letter-spacing:.3px;transition:all .15s ease-in-out;border:1px solid rgba(255,255,255,.3)}#content #file-input button:hover{cursor:pointer;background-color:#c8a79b;transform:translateY(-2px)}#content #file-input #file-input-elm{display:none}#content #file-input #filename-preview{min-height:1.5em;font-size:.9em;color:#151515;opacity:.8}#content #colors{text-align:center;width:100%}#content #colors #colors-header{font-size:1.3em;margin-bottom:10px;color:#b48b7d;font-weight:500}#content #colors ol{list-style:none;display:flex;flex-direction:column;gap:10px;align-items:center;padding:0}#content #colors ol li{width:100%;max-width:250px}#content #colors ol li label{display:flex;justify-content:space-between;align-items:center;font-size:.95em;background:#fff6;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}#content #colors ol li label input[type=color]{cursor:pointer;width:40px;height:25px;border-radius:5px;border:1px solid rgba(0,0,0,.1);background:none}#content #convert-button{margin-top:15px;padding:10px 25px;background-color:#b48b7d;color:#fff;border-radius:12px;font-size:1.05em;font-weight:500;letter-spacing:.5px;transition:all .2s ease-in-out;border:none}#content #convert-button:hover{background-color:#a16e5d;cursor:pointer;transform:translateY(-3px)}