.layout{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header .header-left{display:flex;align-items:center;gap:.5rem;color:#3b82f6}.header .header-left h1{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.header .header-right{display:flex;align-items:center;gap:1rem}.header .user-info{display:flex;align-items:center;gap:.5rem}.header .user-info .avatar{width:32px;height:32px;border-radius:9999px;object-fit:cover}.header .user-info .avatar-placeholder{width:32px;height:32px;border-radius:9999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af}.header .user-info .user-name{font-size:.875rem;color:#4b5563;font-weight:500}@media(max-width:639px){.header .user-info .user-name{display:none}}.header .sign-out-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .2s ease-in-out}.header .sign-out-btn:hover{background:#f3f4f6;color:#111827}.main{flex:1;padding:1.5rem}@media(max-width:639px){.main{padding:1rem}}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-container{display:inline-block;line-height:0}.placeholder-text{color:#9ca3af;font-size:.875rem;margin:0}.qr-controls{display:flex;flex-direction:column;gap:1.5rem}.control-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.control-section .hint{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0}.text-input{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:1rem;transition:border-color .2s ease-in-out}.text-input:focus{outline:none;border-color:#3b82f6}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.color-row label span{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.color-input-wrapper{display:flex;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem}.color-input-wrapper input[type=color]{width:32px;height:32px;padding:0;border:none;border-radius:.25rem;cursor:pointer}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.color-input-wrapper .color-text{flex:1;border:none;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;text-transform:uppercase}.color-input-wrapper .color-text:focus{outline:none}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.style-row{display:flex;gap:.5rem}.corner-controls{display:flex;flex-direction:column;gap:1rem}.corner-controls label span{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.style-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.style-btn:hover{border-color:#d1d5db}.style-btn.active{border-color:#3b82f6;background:#dbeafe;color:#3b82f6}.style-btn.small{padding:.25rem .5rem}.slider-row{display:flex;align-items:center;gap:1rem}.slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:9999px;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#3b82f6;border-radius:9999px;cursor:pointer;transition:transform .2s ease-in-out}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#3b82f6;border:none;border-radius:9999px;cursor:pointer}.slider-row .slider-value{min-width:50px;text-align:right;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;color:#4b5563}.border-controls{display:flex;flex-direction:column;gap:1rem}.border-controls label span{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.ec-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.ec-btn{padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease-in-out}.ec-btn:hover{border-color:#d1d5db}.ec-btn.active{border-color:#3b82f6;background:#dbeafe;color:#3b82f6}.upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease-in-out}.upload-btn:hover{border-color:#3b82f6;background:#dbeafe;color:#3b82f6}.logo-preview{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:80px;min-height:80px;padding:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.logo-preview img{display:block;max-width:100px;max-height:100px;min-width:60px;min-height:60px;width:auto;height:auto;border-radius:.375rem;object-fit:contain}.logo-preview .remove-logo{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:2px solid #ffffff;border-radius:9999px;color:#fff;cursor:pointer;transition:transform .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.logo-preview .remove-logo:hover{transform:scale(1.1)}.logo-size-controls{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.logo-size-controls label span{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.qr-download{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px}.download-row{display:flex;gap:.5rem}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.download-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn.primary{background:#3b82f6;color:#fff}.download-btn.primary:hover:not(:disabled){background:#1d4ed8}.download-btn.secondary{flex:1;background:#fff;color:#111827;border:1px solid #e5e7eb}.download-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.download-btn.full-width{width:100%}.download-btn.copy-btn{flex:0 0 auto;padding:.5rem}.qr-presets{width:100%}.preset-group{margin-bottom:1.5rem}.preset-group:last-child{margin-bottom:0}.preset-group h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(max-width:767px){.presets-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.presets-grid{grid-template-columns:repeat(2,1fr)}}.presets-grid.brand-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:639px){.presets-grid.brand-grid{grid-template-columns:repeat(2,1fr)}}.preset-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.preset-btn:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.preset-btn.active{border-color:#3b82f6;background:#dbeafe}.preset-img{width:56px;height:56px;border-radius:.25rem;object-fit:cover}.brand-preset .preset-name{font-weight:600}.preset-name{font-size:.75rem;color:#4b5563;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qr-generator{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:767px){.qr-generator{grid-template-columns:1fr}}.qr-generator-controls{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;overflow-y:auto;max-height:calc(100vh - 140px)}@media(max-width:767px){.qr-generator-controls{max-height:none;order:2}}.qr-generator-preview{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(max-width:767px){.qr-generator-preview{order:1}}.preview-divider{width:100%;height:1px;background:#e5e7eb;margin:.5rem 0}.home-page{max-width:1200px;margin:0 auto}._container_1yfhu_1{min-height:100vh;display:flex;background:#fff;padding:0;overflow:hidden}._loginBox_1yfhu_9{width:100%;display:flex;min-height:100vh}._leftPanel_1yfhu_15{flex:1;padding:3rem;display:flex;flex-direction:column;background:#fff;max-width:500px;margin:0 auto}._logo_1yfhu_25{display:flex;justify-content:center;align-items:center;margin-bottom:3rem}._logo_1yfhu_25 img{height:35px}._content_1yfhu_35{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem}._content_1yfhu_35 h1{font-size:2rem;font-weight:600;color:#111827;margin-bottom:.25rem;text-align:center}._content_1yfhu_35 p{color:#4b5563;margin-bottom:2.5rem;font-size:1rem;text-align:center}._googleButton_1yfhu_56{width:100%;padding:.875rem;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.75rem}._googleButton_1yfhu_56 img{width:20px;height:20px}._googleButton_1yfhu_56:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}._googleButton_1yfhu_56:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}._googleButton_1yfhu_56:disabled{opacity:.7;cursor:not-allowed}._spinner_1yfhu_91{animation:_spin_1yfhu_91 1s linear infinite}@keyframes _spin_1yfhu_91{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._footer_1yfhu_103{margin-top:2rem;text-align:center}._footer_1yfhu_103 p{font-size:.875rem;color:#4b5563;margin:0}._rightPanel_1yfhu_113{flex:1.2;padding:1rem;display:flex;align-items:stretch;justify-content:center}._rightPanelImage_1yfhu_121{flex:1;background:#f5f5f5;background-image:url(/images/featured_image.webp);background-size:cover;background-position:center;border-radius:16px;border:1px solid #e5e7eb}._redirectContainer_1yfhu_131{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}._redirectCard_1yfhu_140{display:flex;align-items:center;justify-content:center;width:100%}._redirectContent_1yfhu_147{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 25px #0000001a;text-align:center;max-width:400px;width:100%}._redirectContent_1yfhu_147 h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}._redirectContent_1yfhu_147 p{color:#4b5563;font-size:1rem;margin-bottom:0}._checkIcon_1yfhu_168{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#10b981;border-radius:50%;margin-bottom:1.5rem}._checkIcon_1yfhu_168 svg{color:#fff;width:40px;height:40px}@media(max-width:1024px){._container_1yfhu_1{height:100vh;overflow:hidden}._loginBox_1yfhu_9{flex-direction:column;height:100vh}._leftPanel_1yfhu_15{max-width:100%;padding:2rem;flex:none}._content_1yfhu_35{padding-bottom:0}._rightPanel_1yfhu_113{flex:1;padding:0}._rightPanelImage_1yfhu_121{border-radius:0;border:none}}@media(max-width:768px){._leftPanel_1yfhu_15{padding:1.5rem}._logo_1yfhu_25{margin-bottom:2rem}._content_1yfhu_35 h1{font-size:1.5rem}}.auth-callback{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#f9fafb;color:#4b5563}.auth-callback .spinner{animation:spin 1s linear infinite;color:#3b82f6}.auth-callback p{margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-denied-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f9fafb;padding:1rem}.access-denied-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:3rem;width:100%;max-width:400px;text-align:center}.access-denied-card .icon{width:80px;height:80px;background:#fee2e2;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#ef4444}.access-denied-card h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.access-denied-card p{color:#4b5563;margin:0 0 1rem;line-height:1.5}.access-denied-card .user-info{font-size:.875rem;color:#9ca3af}.access-denied-card .user-info strong{color:#4b5563}.access-denied-card .sign-out-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease-in-out;margin-top:1rem}.access-denied-card .sign-out-btn:hover{background:#f9fafb;border-color:#d1d5db}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background:#f9fafb}#root{min-height:100vh}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}img{max-width:100%;height:auto}