@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:transparent}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--color-bg:#141413;--color-surface:#141413;--color-text:#fff;--color-muted:#fcfbfa;--color-accent:#f37338;--color-accent-contrast:#cf4500;--color-primary:#fcfbfa;--outline:#323231;--outline-bg-dark:#141413;--outline-bg-light:#f7f3f1;--border-radius:16px;--padding-qr:64px;--max-width:800px;--background:#141413;--foreground:#fff;--card:#141413;--card-foreground:#fff;--popover:#141413;--popover-foreground:#fff;--primary:#fcfbfa;--primary-foreground:#001321;--secondary:#323231;--secondary-foreground:#fff;--muted:#323231;--muted-foreground:#fcfbfa;--accent:#f37338;--accent-foreground:#fff;--destructive:#dc3545;--destructive-foreground:#fff;--border:#323231;--input:#323231;--ring:#f37338}*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;padding-top:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input[type=url]{letter-spacing:-.4px;font-weight:500}.app{max-width:var(--max-width);margin:0 auto;padding:24px 16px 64px}.app__header{justify-content:space-between;align-items:center;margin-bottom:16px;margin-left:16px;display:flex}h1{color:var(--color-text);margin:0;font-size:20px;font-weight:600}.card{background:var(--color-surface);border:0px solid var(--outline);border-radius:var(--border-radius);padding:16px}.preview{width:100%}.preview__outline{padding:var(--padding-qr);background:var(--outline-bg-dark);border:1px dashed #323231;border-radius:16px;justify-content:center;align-self:stretch;align-items:center;margin-bottom:16px;display:flex;position:relative}.preview__outline[data-mode=light]{background:var(--outline-bg-light)}.customization-section .flex{margin-top:8px}.customization-section .flex svg{opacity:.7;transition:opacity .2s}.customization-section .flex:hover svg{opacity:1}.qr-container{aspect-ratio:1;background:0 0;justify-content:center;align-items:center;width:100%;min-width:0;max-width:360px;margin-bottom:16px;display:flex;position:relative}.qr-container>svg,.qr-container>canvas{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.upload-in-outline{z-index:2;position:absolute;bottom:12px;right:12px}.controls-row{margin:12px 0 8px;display:grid}input[type=url]{width:100%;color:var(--color-text);border:1px solid var(--outline);background:#222221;border-radius:8px;padding:8px 12px}.button{background:var(--color-primary);color:#001321;cursor:pointer;border:none;border-radius:9999px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:600}.button.ghost{color:var(--color-text);border:1px solid var(--outline);background:#323231;padding:6px 12px}.actions{justify-content:flex-start;align-items:center;gap:10px;margin-top:8px;display:flex}.size-picker select{color:var(--color-muted);border:1px solid var(--outline);background:#222221;border-radius:8px;margin-top:16px;padding:10px 4px;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tab-nav{border-bottom:1px solid var(--outline);margin-bottom:24px;display:flex}.tab-button{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;padding:12px 24px;font-weight:500;transition:all .2s}.tab-button.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.tab-button:hover{color:var(--color-text)}.tracking-table{border-collapse:collapse;width:100%;margin-top:16px}.tracking-table th,.tracking-table td{text-align:left;border-bottom:1px solid var(--outline);padding:12px}.tracking-table th{color:var(--color-text);background:#222221;font-weight:600}.tracking-table td{color:var(--color-muted)}.qr-preview{object-fit:cover;border-radius:8px;width:60px;height:60px}.action-buttons{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.action-btn.pause{color:#fff;background:#ff5f00}.action-btn.delete{color:#fff;background:#eb001b}.action-btn.resume{color:#fff;background:#28a745}@media (max-width:900px){:root{--max-width:680px}}@media (max-width:600px){:root{--padding-qr:40px}.qr-container{aspect-ratio:1;min-width:0;max-width:90vw}.qr-container>svg,.qr-container>canvas{width:100%;max-width:100%;height:100%;max-height:100%}.app{padding:16px 12px 48px}.card{padding:12px}.actions{flex-wrap:wrap}.actions .button{flex:1;min-width:160px}.size-picker,.size-picker select{width:100%}.tracking-table{font-size:14px}.tracking-table th,.tracking-table td{padding:8px}.qr-preview{width:40px;height:40px}}@media (max-width:400px){:root{--padding-qr:24px}.qr-container{aspect-ratio:1;min-width:0;max-width:98vw}.qr-container>svg,.qr-container>canvas{width:100%;max-width:100%;height:100%;max-height:100%}body{padding-top:32px}.app__header{margin-left:8px}h1{font-size:18px}.qr-container{max-width:300px}.upload-in-outline{bottom:8px;right:8px}.actions .button{min-width:120px}}.preview-layout{align-items:flex-start;gap:24px;display:flex}.preview__outline{flex:1;min-width:0}.customization-panel{background:var(--color-surface);border:1px solid var(--border);width:280px;min-width:280px;box-shadow:var(--shadow-sm);border-radius:12px;align-self:stretch;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.customization-panel h3{color:var(--color-text);margin:0 0 16px;font-size:16px;font-weight:600}.customization-section{margin-bottom:20px}.customization-section label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.gradient-colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-input-group{align-items:center;gap:4px;display:flex}.color-input-group input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px;padding:0}.remove-color,.add-color{background:var(--color-border);width:24px;height:24px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.remove-color:hover{color:#fff;background:#dc3545}.add-color:hover{background:var(--color-accent);color:#fff}.upload-button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:background-color .2s;display:flex}.upload-button:hover{background:var(--color-accent-hover)}.remove-logo{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-left:8px;padding:6px 12px;font-size:12px}.remove-logo:hover{background:#c82333}.customization-section select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:6px;padding:8px 12px;font-size:14px}.color-picker{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:40px}.corner-options-row{align-items:center;gap:8px;display:flex}.corner-options-row select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.color-picker-small{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:40px;height:40px}.color-customization{flex-direction:column;gap:12px;display:flex}.color-customization .color-input-group{align-items:center;gap:12px;display:flex}.color-customization .color-input-group label{min-width:120px;margin:0;font-size:13px}.button.primary{background:var(--color-accent);color:#fff;font-weight:600}.button.primary:hover{background:var(--color-accent-hover)}.button.primary:disabled{background:var(--color-border);cursor:not-allowed;opacity:.6}.actions .button{align-items:center;gap:6px;display:flex}.short-url-preview{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:20px;padding:20px}.short-url-preview h4{color:var(--color-text);margin:0 0 12px;font-size:16px;font-weight:600}.url-display{align-items:center;gap:8px;margin-bottom:12px;display:flex}.short-url{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);word-break:break-all;border-radius:6px;flex:1;padding:8px 12px;font-family:monospace;font-size:14px}.copy-button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.copy-button:hover{background:var(--color-accent-hover)}.url-info{color:var(--color-muted);margin:0;font-size:14px;line-height:1.4}@media (max-width:768px){.preview-layout{flex-direction:column;gap:16px}.customization-panel{width:100%;min-width:auto;padding:16px;position:static}.gradient-colors{justify-content:center}.color-customization .color-input-group{flex-direction:column;align-items:flex-start;gap:8px}.color-customization .color-input-group label{min-width:auto}}.action-btn.edit{color:#fff;background:#17a2b8}.action-btn.edit:hover{background:#138496}.qr-preview.clickable{cursor:pointer;border-radius:8px;transition:transform .2s,box-shadow .2s}.qr-preview.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.edit-url-container{flex-direction:column;gap:4px;display:flex}.edit-url-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:4px;padding:4px 8px;font-size:12px}.edit-url-buttons{gap:4px;display:flex}.save-edit-btn,.cancel-edit-btn{cursor:pointer;border:none;border-radius:3px;padding:2px 6px;font-size:12px;font-weight:700}.save-edit-btn{color:#fff;background:#28a745}.save-edit-btn:hover{background:#218838}.cancel-edit-btn{color:#fff;background:#dc3545}.cancel-edit-btn:hover{background:#c82333}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}