@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#0f172a!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0f172a}button,input,textarea{font:inherit}button{cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;padding:32px 20px}.app-frame{width:min(1120px,100%);margin:0 auto;padding:32px;border:1px solid rgba(148,163,184,.14);border-radius:28px;background:#0f172ac7;box-shadow:0 24px 80px #0206177a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header{max-width:720px;margin-bottom:32px}.eyebrow,.section-kicker{margin:0 0 10px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd}.app-header h1,.section-head h2,.empty-state h3{margin:0;color:#f8fafc}.app-header h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.02;letter-spacing:-.05em}.lead,.empty-state p{margin:16px 0 0;max-width:640px;color:#94a3b8;line-height:1.7}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{padding:28px;border:1px solid rgba(148,163,184,.12);border-radius:24px;background:#0f172acc;box-shadow:0 18px 48px #02061747}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:1.35rem;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;color:#cbd5e1;font-size:.86rem}.dropzone{width:100%;display:flex;align-items:center;gap:18px;padding:24px 20px;border-radius:20px;border:1px dashed rgba(148,163,184,.28);background:#0f172aeb;color:#e2e8f0;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.dropzone:hover,.dropzone:focus-visible,.dropzone-active{border-color:#60a5fab3;background:#0f172a;transform:translateY(-1px);box-shadow:0 18px 36px #0f172a57;outline:none}.dropzone strong,.dropzone span{display:block}.dropzone strong{margin-bottom:6px;color:#f8fafc}.dropzone span{color:#94a3b8}.dropzone-icon,.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#1e293beb;color:#93c5fd;flex-shrink:0}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.meta-card,.status-panel,.url-panel{border:1px solid rgba(148,163,184,.12);background:#0f172ae6}.meta-card{padding:16px;border-radius:18px}.status-panel{margin-top:20px;padding:18px;border-radius:20px}.status-row+.status-row{margin-top:12px}.meta-label{display:block;margin-bottom:6px;font-size:.84rem;color:#94a3b8}.meta-value{color:#f8fafc;font-weight:500;word-break:break-word}.progress-track{margin-top:16px;width:100%;height:10px;border-radius:999px;background:#1e293b;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#60a5fa);transition:width .18s ease}.message-row{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid transparent}.message-row-info{background:#0f172ab8;border-color:#94a3b81f;color:#cbd5e1}.message-row-error{background:#7f1d1d2e;border-color:#f8717133;color:#fecaca}.message-row-success{background:#14532d33;border-color:#4ade802e;color:#bbf7d0}.action-row,.size-switcher{display:flex;flex-wrap:wrap;gap:10px}.top-gap{margin-top:20px}.primary-button,.secondary-button,.size-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.secondary-button,.size-chip{background:#1e293bd6;border-color:#94a3b824;color:#e2e8f0}.primary-button{background:linear-gradient(180deg,#f8fafc,#dbeafe);color:#0f172a;box-shadow:0 14px 32px #94a3b829}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.size-chip:hover,.size-chip:focus-visible{transform:translateY(-1px);outline:none}.secondary-button:hover,.secondary-button:focus-visible,.size-chip:hover,.size-chip:focus-visible{border-color:#60a5fa73}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.size-chip-active{background:linear-gradient(180deg,#f8fafc,#dbeafe);color:#0f172a}.preview-shell{display:flex;align-items:center;justify-content:center;min-height:360px;padding:24px;border-radius:24px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#ffffff08,#fff0),#0f172af0}.qr-canvas{width:min(100%,320px);height:auto;padding:14px;border-radius:24px;background:#fff;box-shadow:0 18px 45px #0f172a59}.url-panel{margin-top:20px;padding:18px;border-radius:20px}.url-head{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#cbd5e1}.url-panel code{display:block;color:#93c5fd;word-break:break-all;line-height:1.7}.empty-state{display:grid;place-items:center;min-height:420px;padding:28px;border-radius:24px;border:1px dashed rgba(148,163,184,.18);text-align:center;background:#0f172a99}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 920px){.content-grid{grid-template-columns:1fr}.section-head{flex-direction:column}}@media (max-width: 640px){.app-shell{padding:16px}.app-frame,.card{padding:20px;border-radius:22px}.meta-grid{grid-template-columns:1fr}.preview-shell,.empty-state{min-height:300px}.action-row>button,.size-switcher>button{width:100%}}