:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:85 36% 49%;--primary-foreground:0 0% 100%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:85 36% 49%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:85 36% 49%;--primary-foreground:0 0% 100%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:224.3 76.3% 48%}*{box-sizing:border-box}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}body:before{content:"";opacity:.1;pointer-events:none;z-index:-1;background-image:url(/zebra-DSF76_nO.webp);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:30vw;height:30vw;position:fixed;bottom:0;right:0}#app{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.controls{gap:.5rem;display:flex}button{cursor:pointer;border-radius:var(--radius);height:2.5rem;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}button.primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}button.primary:hover{background-color:#84aa50e6}button.outline{border-color:hsl(var(--border))}button.ghost{padding:0 .5rem}.dropzone{text-align:center;cursor:pointer;border-radius:var(--radius);border:2px dashed #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:1rem;transition:border-color .2s,background-color .2s;display:flex}.dropzone.dragging{border-color:hsl(var(--primary));background-color:#84aa500d}.dropzone h2{margin-bottom:.5rem;font-size:1.5rem}.dropzone p{color:hsl(var(--muted-foreground));max-width:400px}.viewer{white-space:pre-wrap;flex:1;padding:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5;position:relative;overflow:auto}.xml-tag{color:hsl(var(--muted-foreground));opacity:.7}.xml-value{color:hsl(var(--primary));font-weight:600}.floating-controls{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toggle-group{background-color:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);padding:.25rem;display:flex}.toggle-item{border-radius:calc(var(--radius) - 4px);border:none;height:2rem;padding:0 1rem;font-size:.75rem}.toggle-item.active{background-color:hsl(var(--card));box-shadow:0 1px 3px #0000001a}select{border:1px solid hsl(var(--border));border-radius:var(--radius);height:2.5rem;color:hsl(var(--foreground));background:0 0;padding:0 .5rem;font-size:.875rem}.hidden{display:none!important}.error-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.error-modal{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);text-align:center;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.error-modal h3{color:hsl(var(--destructive));margin-top:0;font-size:1.25rem}.error-modal p{color:hsl(var(--muted-foreground));margin:1rem 0 2rem}.error-modal button{width:100%}.initial-footer{color:hsl(var(--muted-foreground));z-index:10;font-size:.75rem;position:fixed;bottom:1.5rem;left:1.5rem}.initial-footer a{color:inherit;text-decoration:none}.initial-footer a:hover{text-decoration:underline}@media (width<=1024px){.floating-controls{border-bottom:none;border-left:none;border-right:none;border-radius:0;flex-direction:row;justify-content:center;align-items:stretch;gap:.5rem;width:100%;padding:.75rem;display:flex;bottom:0;left:0;transform:none}.floating-controls>*{flex:1;max-width:none;height:3.5rem}.floating-controls .toggle-item{flex:1;height:100%}.viewer{padding-bottom:8rem}}@media (width<=640px){header{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;height:auto;padding:1.5rem 1rem}.logo{width:100%;font-size:1.1rem;line-height:1.3}.controls{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%}.toggle-group{justify-content:center;width:auto}.floating-controls{flex-direction:column;height:auto;padding:1rem}.floating-controls button,.floating-controls .toggle-group{flex:none;width:100%;height:3.5rem}.floating-controls .toggle-item{flex:1;height:100%}.dropzone{justify-content:center;margin:.5rem;padding:2rem 1.5rem}.dropzone h2{font-size:1.25rem}.dropzone p{width:100%;max-width:100%;padding:0;font-size:.85rem;line-height:1.5}.viewer{padding:1rem 1rem 16rem;font-size:.7rem}.initial-footer{text-align:center;width:100%;margin:1.5rem auto;padding:0 1.5rem;position:relative;bottom:auto;left:auto}}