:root{color-scheme:dark}html{scroll-behavior:smooth}body{overflow-x:hidden}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}button[aria-pressed=true]{outline:2px solid #3b82f6;outline-offset:1px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.qr-real svg{display:block;width:100%;height:100%}.qr-real{background:white!important}.qr-error{color:#fda4af;font-size:13px;padding:8px;border:1px solid #fb7185;border-radius:8px;margin-top:8px}.field-stack{display:flex;flex-direction:column;gap:8px}.field-stack label{font-weight:600;font-size:14px}.field-stack input,.field-stack select,.field-stack textarea{background:#08121e;color:#f8fafc;border:1px solid #263852;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.field-stack input[type=checkbox]{width:20px}.field-stack input[type=color]{height:45px}.field-stack textarea{min-height:95px}#app-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));width:max-content;z-index:1000;background:#0e172a;color:#f8fafc;border:1px solid #3b82f6;border-radius:14px;padding:14px 20px;box-shadow:0 15px 50px #0008;font-size:14px}dialog{color:#f8fafc;background:#0d1c2d;border:1px solid #263852;border-radius:18px;padding:28px;width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:8px;top:5px;min-height:44px;min-width:44px;font-size:28px}.dialog-content-title{font-size:22px;font-weight:700;margin:8px 30px 16px 0}#dialog-content pre{white-space:pre-wrap;word-break:break-all;font-size:12px;padding:16px;background:#07101b;border-radius:10px}#dialog-content .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#dialog-content button{padding:12px 16px;background:#2563eb;color:white;border-radius:10px;min-height:44px}.sheet-view{background:white;box-shadow:0 4px 25px #0005;display:block;width:100%;height:auto}.preview-sticker{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12%;gap:6px;color:white;aspect-ratio:1;width:100%;background:#0062ff}.preview-sticker strong{font-size:clamp(8px,2vw,12px);text-align:center;line-height:1.2}.preview-sticker .qr-real{width:55%;aspect-ratio:1}.preview-sticker small{font-size:9px;text-align:center}.dark .desktop-generator .bg-white:not(.qr-real){background-color:#0d1424}.dark .desktop-generator .bg-white\/90{background-color:#0d1424e6}.dark .desktop-generator .bg-gray-50,.dark .desktop-generator .bg-gray-100,.dark .desktop-generator .bg-surface-container-low{background-color:#132337}.dark .desktop-generator .text-on-surface,.dark .desktop-generator h1,.dark .desktop-generator h2,.dark .desktop-generator h3{color:#f8fafc}.dark .desktop-generator .text-on-surface-variant{color:#94a3b8}.dark .desktop-generator .border-gray-100,.dark .desktop-generator .border-gray-200{border-color:#263852}.dark body[data-page=generator],.dark .desktop-generator{background:#070b14;color:#f8fafc}.dark .desktop-generator input,.dark .desktop-generator textarea,.dark .desktop-generator select{background:#08121e;color:#f8fafc;border-color:#263852}body[data-page=generator] main{padding-top:112px}.light{color-scheme:light}.light body,.light main{background:#f4f7fb!important;color:#172033!important}.light [class*="bg-[#0"],.light [class*="bg-[#1"],.light .bg-slate-900,.light .bg-slate-800,.light .field-stack input,.light .field-stack select,.light .field-stack textarea{background-color:#fff!important;color:#172033}.light .text-white:not(button),.light .text-slate-100,.light .text-slate-200,.light .text-slate-300{color:#172033!important}.light .text-slate-400{color:#475569!important}.light button[class*=bg-blue] .text-white,.light button[class*=bg-emerald] .text-white,.light .preview-sticker *{color:white!important}.light header,.light footer{background:#fff!important}.light .border-slate-800,.light [class*="border-[#"]{border-color:#cbd5e1!important}.light input,.light textarea,.light select{background:white!important;color:#172033!important}.light dialog{color:#172033;background:white}.light #app-toast{background:white;color:#172033}.print-note{font-size:11px;color:#94a3b8;padding:6px}#qr-type-selector{grid-template-columns:repeat(3,minmax(0,1fr))}#inspection-canvas{transform-origin:center}.inspector-scroll{overflow:auto!important}.mobile-only{display:none}@media(max-width:767px){button{min-height:44px}body[data-page=mobile] input,body[data-page=mobile] textarea,body[data-page=mobile] select{font-size:16px}.mobile-only{display:block}body[data-page=mobile] header>div{gap:5px}body[data-page=mobile] header [aria-label="Download rápido"]{display:none}body[data-page=mobile] header .font-headline{font-size:17px}body[data-page=mobile] header [class*=min-w-]{min-width:36px}body[data-page=mobile] #sheet-inspection-modal{padding:12px}body[data-page=mobile] #sheet-inspection-modal [class*=text-\[15px\]]{font-size:13px}#qr-types-container{scroll-margin-top:85px}#displays{scroll-margin-top:85px}#content-section{scroll-margin-top:85px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,nav,button,#app-toast{display:none!important}.print-area{display:block!important;position:static!important;overflow:visible!important;background:white!important}}
.dark .desktop-generator [class*="from-gray"],.dark .desktop-generator [class*="bg-gray"]{background:#132337!important;background-image:none!important}.dark .desktop-generator .bg-surface-container{background:#132337!important}@media(max-width:767px){body[data-page=mobile] header .w-8.h-8.rounded-full{display:none}body[data-page=mobile] header .font-headline{font-size:16px;white-space:nowrap}body[data-page=mobile] header .font-mono{white-space:nowrap;font-size:9px}body[data-page=mobile] header [class*=gap-2]{gap:6px}}