@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--background: 220 14% 96%;--foreground: 220 15% 15%;--card: 0 0% 100%;--card-foreground: 220 15% 15%;--primary: 225 60% 48%;--primary-foreground: 0 0% 100%;--secondary: 220 12% 91%;--secondary-foreground: 220 15% 20%;--muted: 220 12% 93%;--muted-foreground: 220 8% 50%;--accent: 195 50% 46%;--accent-foreground: 0 0% 100%;--border: 220 10% 88%;--input: 220 10% 88%;--ring: 225 60% 48%;--success: 152 55% 42%;--warning: 38 75% 50%;--glass-bg: 0 0% 100% / .65;--glass-border: 0 0% 100% / .5;--glass-shadow: 220 15% 15%;--radius: .75rem;--highlight-color: hsl(var(--primary))}.dark{--background: 225 20% 7%;--foreground: 220 12% 88%;--card: 225 18% 11%;--card-foreground: 220 12% 88%;--primary: 225 60% 60%;--primary-foreground: 0 0% 100%;--secondary: 225 12% 16%;--secondary-foreground: 220 12% 82%;--muted: 225 12% 14%;--muted-foreground: 220 8% 52%;--accent: 195 50% 50%;--accent-foreground: 0 0% 100%;--border: 225 12% 16%;--input: 225 12% 18%;--ring: 225 60% 60%;--success: 152 55% 42%;--warning: 38 75% 50%;--glass-bg: 225 18% 11% / .55;--glass-border: 225 12% 20% / .4;--glass-shadow: 0 0% 0%;--highlight-color: hsl(var(--primary))}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.font-mono{font-family:JetBrains Mono,monospace}.glass-panel{background:hsl(var(--glass-bg));backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid hsl(var(--glass-border));box-shadow:0 1px 3px hsl(var(--glass-shadow) / .04),0 4px 12px hsl(var(--glass-shadow) / .06),inset 0 1px #ffffff0f}#file-input{display:none}#file-area{display:flex;flex-direction:column;justify-content:center;width:100%;height:30vh;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));text-align:center;cursor:pointer;transition:filter .2s}#file-area:hover{filter:brightness(1.05)}#file-area h2,#file-area p{margin:5px;font-weight:500}#side-panel{position:absolute;top:0;right:0;width:20em;height:30vh;padding:2em;box-sizing:border-box;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}#side-panel button{font-size:1rem;width:100%;max-width:200px;padding:10px 20px;border:0;border-radius:var(--radius);background-color:hsl(var(--card));color:hsl(var(--primary));font-weight:600;cursor:pointer;box-shadow:0 2px 8px hsl(var(--glass-shadow) / .1);pointer-events:all;transition:transform .1s,box-shadow .1s,background-color .2s;border:1px solid hsl(var(--border))}#side-panel button:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}#side-panel button:active{transform:translateY(2px);box-shadow:0 0}#commit-id{color:hsl(var(--muted-foreground));text-align:center;display:block;font-size:x-small;position:absolute;margin:4px;text-decoration:none;transition:color .2s}#commit-id:hover{color:hsl(var(--primary));text-decoration:underline}#format-containers{display:flex;min-height:70vh}.format-container{display:flex;flex-flow:column nowrap;align-items:center;width:50%;padding:2rem;background-color:hsl(var(--secondary) / .5)}#from-container{background-color:hsl(var(--secondary))}#to-container{background-color:hsl(var(--muted))}.format-container h2{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;color:hsl(var(--foreground))}.search{text-align:center;margin-bottom:2rem;padding:.75rem 1.5rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 2);outline:none;background-color:hsl(var(--card));color:hsl(var(--foreground));font-family:Space Grotesk,sans-serif;font-size:1rem;width:100%;max-width:400px;transition:border-color .2s,box-shadow .2s}.search:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .2)}.format-list{display:flex;flex-flow:column nowrap;width:100%;align-items:center;background-color:hsl(var(--card));border-radius:var(--radius);padding:2rem;margin-bottom:2rem;border:1px solid hsl(var(--border));box-shadow:0 4px 12px hsl(var(--glass-shadow) / .05)}.format-list.glass-panel{background:hsl(var(--glass-bg));-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.format-list button{width:100%;margin:.3rem 0;padding:.8rem;color:hsl(var(--foreground));background-color:hsl(var(--secondary));border:1px solid transparent;border-radius:calc(var(--radius) * .5);font-family:JetBrains Mono,monospace;word-break:break-word;cursor:pointer;transition:all .15s;text-align:left;font-size:.95rem}.format-list button:hover{background-color:hsl(var(--primary) / .1);border-color:hsl(var(--primary));transform:translate(4px)}button.selected{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;font-weight:600;border-color:hsl(var(--primary))!important}#convert-button{position:fixed;left:50%;bottom:5%;transform:translate(-50%);font-size:1.5rem;padding:1rem 3rem;border:0;border-radius:calc(var(--radius) * 2);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;cursor:pointer;box-shadow:0 8px 16px hsl(var(--primary) / .3);transition:transform .1s,box-shadow .1s,filter .2s;border:1px solid hsl(var(--primary));letter-spacing:.5px}#convert-button:hover{filter:brightness(1.1);box-shadow:0 12px 24px hsl(var(--primary) / .4)}#convert-button:active{transform:translate(-50%) translateY(4px);box-shadow:0 4px 8px hsl(var(--primary) / .3)}.disabled{filter:grayscale(1);opacity:.6;pointer-events:none}#popup-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}#popup{background-color:hsl(var(--card));padding:2rem;border-radius:var(--radius);text-align:center;max-width:400px;width:90%;border:1px solid hsl(var(--border));box-shadow:0 20px 40px hsl(var(--glass-shadow) / .2)}#popup p{margin-bottom:1.5rem;font-size:1.1rem;color:hsl(var(--foreground))}#popup button{font-size:1rem;padding:.75rem 2rem;border:0;border-radius:var(--radius);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600;cursor:pointer;border:1px solid hsl(var(--primary));transition:filter .2s}#popup button:hover{filter:brightness(1.1)}#popup button:last-child{background-color:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border));margin-left:1rem}#popup button:last-child:hover{background-color:hsl(var(--secondary))}@media only screen and (max-width:800px){#drop-hint-text{display:none}#format-containers{flex-direction:column}.format-container{width:100%;padding:1.5rem}#side-panel{width:auto;padding:1rem;height:auto;position:fixed;top:auto;bottom:1rem;right:1rem;left:auto}#side-panel button{max-width:none;width:auto;padding:.75rem 1.5rem;font-size:.9rem}#convert-button{font-size:1.2rem;padding:.8rem 2rem;bottom:1rem}.format-list{padding:1.5rem}#popup{width:90%;padding:1.5rem}}@media(prefers-color-scheme:dark){:root:not(.light){--background: 225 20% 7%;--foreground: 220 12% 88%;--card: 225 18% 11%;--card-foreground: 220 12% 88%;--primary: 225 60% 60%;--primary-foreground: 0 0% 100%;--secondary: 225 12% 16%;--secondary-foreground: 220 12% 82%;--muted: 225 12% 14%;--muted-foreground: 220 8% 52%;--accent: 195 50% 50%;--border: 225 12% 16%;--input: 225 12% 18%;--ring: 225 60% 60%;--glass-bg: 225 18% 11% / .55;--glass-border: 225 12% 20% / .4;--glass-shadow: 0 0% 0%;--highlight-color: hsl(var(--primary))}}