.access-denied{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background);padding:24px}.access-denied__content{text-align:center;max-width:400px;background:var(--color-white);padding:48px 32px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.access-denied__icon{color:var(--color-gray);margin-bottom:24px}.access-denied__title{font-family:var(--font-family-title);font-weight:700;font-size:1.75rem;color:var(--color-text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.access-denied__message{font-family:var(--font-family);font-size:1rem;color:var(--color-text-muted);margin-bottom:16px;line-height:1.5}.access-denied__email{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-muted);margin-bottom:16px;line-height:1.5}.access-denied__email strong{color:var(--color-text);font-weight:500}.access-denied__contact{font-family:var(--font-family);font-size:.9375rem;color:var(--color-text);margin-bottom:32px;line-height:1.5}.access-denied__contact strong{font-weight:600}.access-denied__button{font-family:var(--font-family);font-size:.9375rem;font-weight:500;padding:12px 32px;background:var(--color-dark);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s}.access-denied__button:hover{background:var(--color-dark-lighter)}.ego-list{padding:32px;max-width:900px;margin:0 auto}.ego-list__title{font-family:var(--font-family);font-weight:700;font-size:1.5rem;color:var(--color-text);margin-bottom:16px}.ego-list__search{font-family:var(--font-family);width:100%;padding:10px 14px;font-size:.9375rem;border:1px solid var(--color-border, #ccc);border-radius:var(--radius-sm, 4px);margin-bottom:16px}.ego-list__items{list-style:none;padding:0;margin:0}.ego-list__item{border-bottom:1px solid var(--color-border, #eee)}.ego-list__link{display:flex;gap:24px;padding:12px 8px;text-decoration:none;color:var(--color-text);font-family:var(--font-family);font-size:.9375rem;transition:background .15s ease}.ego-list__link:hover{background:var(--color-bg-hover, #f5f5f5)}.ego-list__device-id{flex:2;font-weight:600}.ego-list__site-id,.ego-list__bay-id{flex:1;color:var(--color-text-muted)}.ego-list__loading,.ego-list__error{font-family:var(--font-family);font-size:.9375rem;padding:32px 0;text-align:center}.ego-list__error{color:var(--color-error, #d32f2f)}.ego-form{max-width:480px}.ego-form__field{margin-bottom:20px}.ego-form__label{display:block;font-family:var(--font-family);font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:6px}.ego-form__input,.ego-form__select{font-family:var(--font-family);width:100%;padding:10px 12px;font-size:.9375rem;border:1px solid var(--color-border, #ccc);border-radius:var(--radius-sm, 4px);background:var(--color-white, #fff)}.ego-form__select:disabled{opacity:.5;cursor:not-allowed}.ego-form__hint{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted);margin-top:4px}.ego-form__error{font-family:var(--font-family);font-size:.8125rem;color:var(--color-error, #d32f2f);margin-top:4px}.ego-form__actions{margin-top:24px}.ego-form__save-btn{font-family:var(--font-family);font-weight:600;font-size:.9375rem;padding:10px 32px;background:var(--color-primary);color:var(--color-white, #fff);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:opacity .15s ease}.ego-form__save-btn:disabled{opacity:.5;cursor:not-allowed}.ego-form__success{font-family:var(--font-family);font-size:.875rem;color:var(--color-success, #2e7d32);margin-top:12px}.dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 64px);padding:48px 32px}.dashboard__header{text-align:center;margin-bottom:48px}.dashboard__title{font-family:var(--font-family-title);font-weight:700;font-size:2.25rem;color:var(--color-text);margin-bottom:12px}.dashboard__subtitle{font-family:var(--font-family);font-size:1.125rem;color:var(--color-text-muted)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:24px;justify-content:center;width:100%;max-width:1000px}.dashboard-card{display:flex;flex-direction:column;align-items:center;padding:48px 32px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:2px solid transparent;text-decoration:none;transition:all .2s ease;cursor:pointer}.dashboard-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.dashboard-card__icon{width:64px;height:64px;color:var(--color-primary);margin-bottom:24px}.dashboard-card__title{font-family:var(--font-family);font-weight:700;font-size:1.25rem;color:var(--color-text);margin-bottom:8px}.dashboard-card__description{font-family:var(--font-family);font-size:.9375rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.site-entry{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height));padding:32px}.site-entry__container{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:48px;width:100%;max-width:480px;text-align:center}.site-entry__title{font-family:var(--font-family-title);font-weight:700;font-size:1.75rem;color:var(--color-text);margin-bottom:12px}.site-entry__description{font-family:var(--font-family);font-size:.9375rem;color:var(--color-text-muted);margin-bottom:32px;line-height:1.6}.site-entry__form{display:flex;flex-direction:column;gap:24px}.site-entry__input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.site-entry__label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.site-entry__input{font-family:var(--font-family);font-size:1rem;padding:14px 16px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);transition:border-color .2s,box-shadow .2s;width:100%}.site-entry__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.site-entry__input:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed}.site-entry__input::placeholder{color:var(--color-gray)}.site-entry__error{font-family:var(--font-family);font-size:.875rem;color:#dc3545;margin-top:4px}.site-entry__button{font-family:var(--font-family);font-size:1rem;font-weight:600;padding:14px 24px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.site-entry__button:hover:not(:disabled){background:var(--color-primary-dark)}.site-entry__button:disabled{opacity:.6;cursor:not-allowed}.site-entry__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:site-entry-spin .8s linear infinite}@keyframes site-entry-spin{to{transform:rotate(360deg)}}.site-entry__recent{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-gray-light);text-align:left}.site-entry__recent-title{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.site-entry__recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.site-entry__recent-item{margin:0}.site-entry__recent-link{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-background);border-radius:var(--radius-sm);text-decoration:none;transition:background-color .2s,box-shadow .2s}.site-entry__recent-link:hover{background:var(--color-gray-light);box-shadow:var(--shadow-sm)}.site-entry__recent-name{font-family:var(--font-family);font-size:.9375rem;font-weight:500;color:var(--color-text)}.site-entry__recent-id{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted)}@media (max-width: 768px){.site-entry{padding:32px 16px 16px;align-items:flex-start}.site-entry__container{padding:24px}.site-entry__title{font-size:1.5rem}.site-entry__description{font-size:.875rem;margin-bottom:24px}.site-entry__recent{margin-top:24px;padding-top:20px}}.site-layout{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}.site-layout__loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height));font-family:var(--font-family);font-size:1rem;color:var(--color-text-muted)}.site-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-white);border-bottom:1px solid var(--color-gray-light)}.site-header__back-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background-color .2s,color .2s}.site-header__back-link:hover{background:var(--color-background);color:var(--color-text)}.site-header__back-icon{width:20px;height:20px}.site-header__info{display:flex;flex-direction:column;gap:2px}.site-header__site-id{font-family:var(--font-family);font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.site-header__site-name{font-family:var(--font-family-title);font-weight:700;font-size:1.25rem;color:var(--color-text);margin:0}.site-pending-banner{display:flex;align-items:center;width:100%;padding:10px 24px;background-color:#f5c518;color:#1a1a1a;font-family:var(--font-family);font-size:.875rem;font-weight:500;line-height:1.4;box-sizing:border-box}.site-pending-banner__text{display:block}.site-tabs{display:flex;gap:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-light);padding:0 24px}.site-tabs__tab{position:relative;padding:12px 20px;font-family:var(--font-family);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.site-tabs__tab:hover{color:var(--color-text);text-decoration:none}.site-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.site-tabs__tab--disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed;pointer-events:none}.site-main{flex:1;padding:32px;background:var(--color-background);min-height:calc(100vh - var(--header-height) - 120px)}@media (max-width: 1024px){.site-main{padding:24px}}@media (max-width: 768px){.site-header{padding:12px 16px;gap:12px}.site-header__site-name{font-size:1.125rem}.site-tabs{padding:0 16px}.site-tabs__tab{padding:10px 16px;font-size:.875rem}.site-main{padding:16px;min-height:auto}}.shot-latency-card__content{display:flex;align-items:center;gap:12px}.shot-latency-card__indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0}.shot-latency-card__indicator--no-data{background-color:var(--color-text-muted, #9ca3af)}.shot-latency-card__tier{font-family:var(--font-family);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.shot-latency-card__time{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-muted);margin:4px 0 0}.shot-latency-card__no-data,.shot-latency-card__loading{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-muted)}.shot-latency-card__error{font-family:var(--font-family);font-size:.875rem;color:var(--color-error, #ef4444)}.site-overview{max-width:900px}.site-overview__empty{font-family:var(--font-family);color:var(--color-text-muted);text-align:center;padding:48px}.site-overview__title{font-family:var(--font-family-title);font-weight:700;font-size:1.5rem;color:var(--color-text);margin:0 0 24px}.site-overview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.site-overview__card{background:var(--color-white);border-radius:var(--radius-md);padding:20px;box-shadow:0 1px 3px #00000014}.site-overview__card-title{font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.site-overview__card-value{font-family:var(--font-family);font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.site-overview__card-value--yes,.site-overview__card-value--enabled{color:var(--color-success, #22c55e)}.site-overview__card-value--no{color:var(--color-text-muted)}.site-overview__card-value--disabled{color:var(--color-error, #ef4444)}.site-overview__card-detail{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.5;word-break:break-word}.site-overview__label{font-weight:500}.qr-preview-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.qr-preview-card__container{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background:var(--color-white);border-radius:var(--radius-md, 8px);border:2px solid var(--color-gray-light);box-shadow:var(--shadow-sm);overflow:hidden}.qr-preview-card__container--clickable{cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .1s ease-out}.qr-preview-card__container--clickable:hover{border-color:var(--color-primary, #00b2ff);box-shadow:0 2px 8px #00b2ff33}.qr-preview-card__container--clickable:active{transform:scale(.98)}.qr-preview-card__container--clickable:focus-visible{outline:2px solid var(--color-primary, #00b2ff);outline-offset:2px;border-color:var(--color-primary, #00b2ff)}.qr-preview-card__image{width:100%;height:100%;object-fit:contain;padding:12px;transition:opacity .1s ease-out}.qr-preview-card__label{font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text);text-align:center;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-preview-card__url{font-family:var(--font-family);font-size:.75rem;font-weight:400;color:var(--color-primary, #00b2ff);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .15s ease-out}.qr-preview-card__url:hover{color:var(--color-primary-dark, #0099dd);text-decoration:underline}.qr-preview-card__url:focus-visible{outline:2px solid var(--color-primary, #00b2ff);outline-offset:2px;border-radius:2px}.qr-preview-card__download-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-family:var(--font-family);font-size:.8125rem;font-weight:600;line-height:1.2;color:var(--color-white, #ffffff);background-color:var(--color-primary, #00b2ff);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.qr-preview-card__download-button:hover:not(:disabled){background-color:var(--color-primary-dark, #0099dd);box-shadow:0 2px 6px #00b2ff4d}.qr-preview-card__download-button:active:not(:disabled){transform:scale(.98)}.qr-preview-card__download-button:focus-visible{outline:2px solid var(--color-primary, #00b2ff);outline-offset:2px}.qr-preview-card__download-button:disabled{background-color:var(--color-gray-light, #e0e0e0);color:var(--color-text-disabled, #999999);cursor:not-allowed;box-shadow:none}.qr-preview-card__download-icon{width:14px;height:14px;flex-shrink:0}.qr-preview-card__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;width:100%;height:100%}.qr-preview-card__spinner-icon{width:36px;height:36px;color:var(--color-primary, #00b2ff);animation:qr-preview-card-spin 1s linear infinite}.qr-preview-card__spinner-track{opacity:.2}.qr-preview-card__spinner-arc{opacity:1}@keyframes qr-preview-card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-preview-card__spinner-text{font-family:var(--font-family);font-size:.8125rem;font-weight:500;color:var(--color-text-muted, #728197)}.qr-preview-card__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;width:100%;height:100%}.qr-preview-card__error-icon{width:32px;height:32px;color:#dc3545}.qr-preview-card__error-title{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:#dc3545}.qr-preview-card__error-message{font-family:var(--font-family);font-size:.75rem;font-weight:400;color:var(--color-text-muted, #728197);max-width:160px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qr-preview-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;width:100%;height:100%}.qr-preview-card__placeholder-icon{width:48px;height:48px;color:var(--color-gray, #728197);opacity:.4}@media (max-width: 768px){.qr-preview-card__image{padding:8px}.qr-preview-card__label{font-size:.75rem}.qr-preview-card__spinner-icon{width:28px;height:28px}.qr-preview-card__error-icon{width:24px;height:24px}.qr-preview-card__placeholder-icon{width:36px;height:36px}.qr-preview-card__download-button{padding:6px 12px;font-size:.75rem}}@media (prefers-contrast: high){.qr-preview-card__container{border-width:3px;border-color:var(--color-text)}.qr-preview-card__label{font-weight:600}}@media (prefers-reduced-motion: reduce){.qr-preview-card__spinner-icon{animation-duration:2s}.qr-preview-card__image{transition:none}}.bay-selector{display:flex;flex-direction:column;gap:6px}.bay-selector__label{font-family:var(--font-family);font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.bay-selector__select{font-family:var(--font-family);font-size:.875rem;padding:8px 32px 8px 10px;border:1px solid var(--color-gray-light);border-radius:var(--radius-sm);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23728197' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s;min-width:140px}.bay-selector__select:hover{border-color:var(--color-gray)}.bay-selector__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00b2ff26}.bay-selector__select option{font-family:var(--font-family);font-weight:400;color:var(--color-text);background-color:var(--color-white);padding:6px 10px}.bay-selector__select option:hover{background-color:var(--color-background)}.bay-selector__select option:checked{background-color:#00b2ff1a}.qr-code-dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:qr-dialog-fade-in .2s ease-out;padding:24px;box-sizing:border-box}@keyframes qr-dialog-fade-in{0%{opacity:0}to{opacity:1}}.qr-code-dialog{position:relative;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 8px 32px #0003;padding:32px;max-width:90vw;max-height:90vh;overflow:hidden;animation:qr-dialog-scale-in .2s ease-out}.qr-code-dialog--full-size{max-width:min(90vw,1088px);max-height:min(90vh,1174px)}@keyframes qr-dialog-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.qr-code-dialog__close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s,color .2s;z-index:1}.qr-code-dialog__close-button:hover{background:var(--color-background);color:var(--color-text)}.qr-code-dialog__close-button:focus{outline:none;box-shadow:0 0 0 3px #00b2ff4d}.qr-code-dialog__content{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code-dialog__image{width:400px;height:400px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-gray-light)}.qr-code-dialog__image--full-size{width:min(1024px,calc(90vw - 64px));height:min(1024px,calc(90vh - 150px));max-width:1024px;max-height:1024px}.qr-code-dialog__subtitle{font-family:var(--font-family);font-size:1rem;font-weight:500;color:var(--color-text);text-align:center;margin:0}.qr-code-dialog__download-button{font-family:var(--font-family);font-size:.875rem;font-weight:500;padding:10px 24px;background:var(--color-primary, #00b2ff);color:var(--color-white, #fff);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s}.qr-code-dialog__download-button:hover{background:var(--color-primary-dark, #0099dd)}.qr-code-dialog__download-button:focus{outline:none;box-shadow:0 0 0 3px #00b2ff4d}@media (max-width: 768px){.qr-code-dialog__overlay{padding:16px}.qr-code-dialog{padding:24px 16px;width:100%}.qr-code-dialog__image{width:100%;height:auto;max-width:300px}.qr-code-dialog__image--full-size{width:100%;height:auto;max-width:calc(100vw - 64px)}.qr-code-dialog__subtitle{font-size:.875rem}.qr-code-dialog__download-button{width:100%;padding:12px 24px}}.multi-qr-preview{display:flex;flex-wrap:wrap;gap:24px;width:100%;justify-content:center;align-items:flex-start}.multi-qr-preview__item{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1 1 200px;min-width:180px;max-width:280px}.multi-qr-preview__item>.qr-preview-card{width:100%}@media (min-width: 900px){.multi-qr-preview{gap:32px}.multi-qr-preview__item{flex-basis:240px;max-width:320px}}@media (max-width: 500px){.multi-qr-preview{gap:16px}.multi-qr-preview__item{flex-basis:140px;min-width:140px;max-width:180px}}@media (max-width: 380px){.multi-qr-preview__item{flex-basis:100%;min-width:unset;max-width:200px}}@media (prefers-contrast: high){.multi-qr-preview__item{outline:1px solid var(--color-text, #1a1a1a);outline-offset:4px;border-radius:var(--radius-md, 8px)}}@media (prefers-reduced-motion: reduce){.multi-qr-preview,.multi-qr-preview__item{transition:none}}.color-picker{display:flex;flex-direction:column;gap:8px}.color-picker__label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.color-picker__controls{display:flex;align-items:center;gap:12px}.color-picker__input-wrapper{position:relative;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-gray-light);transition:border-color .2s}.color-picker__input-wrapper:hover{border-color:var(--color-gray)}.color-picker__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.color-picker__color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.color-picker__swatch{width:100%;height:100%;pointer-events:none}.color-picker__hex-input{font-family:var(--font-family);font-size:.9375rem;font-weight:500;padding:10px 12px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);width:100px;text-transform:uppercase;transition:border-color .2s,box-shadow .2s}.color-picker__hex-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.color-picker__hex-input::placeholder{color:var(--color-gray);text-transform:uppercase}.color-picker__warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.8125rem;color:#92400e;line-height:1.4}.color-picker__warning-icon{width:18px;height:18px;flex-shrink:0;color:#f59e0b;margin-top:1px}.center-toggle{display:flex;flex-direction:column;gap:8px}.center-toggle__container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.center-toggle__label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.center-toggle__switch-wrapper{position:relative;display:inline-flex;align-items:center}.center-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center-toggle__switch{position:relative;display:inline-block;width:48px;height:26px;background-color:var(--color-gray-light);border-radius:13px;transition:background-color .2s ease}.center-toggle__input:checked+.center-toggle__switch{background-color:var(--color-primary)}.center-toggle__input:focus+.center-toggle__switch{box-shadow:0 0 0 3px #00b2ff26}.center-toggle__switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.center-toggle__input:checked+.center-toggle__switch .center-toggle__switch-thumb{transform:translate(22px)}.center-toggle__description{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin:0}.center-padding-slider{display:flex;flex-direction:column;gap:8px}.center-padding-slider__header{display:flex;justify-content:space-between;align-items:center}.center-padding-slider__label{font-family:var(--font-family);font-size:.9375rem;font-weight:500;color:var(--color-text)}.center-padding-slider__value{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-primary, #2563eb);min-width:40px;text-align:right}.center-padding-slider__input{width:100%;height:6px;border-radius:3px;background:var(--color-gray-light, #e5e7eb);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.center-padding-slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer;border:2px solid var(--color-white, #ffffff);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.center-padding-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.center-padding-slider__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer;border:2px solid var(--color-white, #ffffff);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.center-padding-slider__input::-moz-range-thumb:hover{transform:scale(1.1)}.center-padding-slider__input:disabled{opacity:.5;cursor:not-allowed}.center-padding-slider__input:disabled::-webkit-slider-thumb{cursor:not-allowed}.center-padding-slider__input:disabled::-moz-range-thumb{cursor:not-allowed}.center-padding-slider__labels{display:flex;justify-content:space-between;font-family:var(--font-family);font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.bay-label-config{display:flex;flex-direction:column;gap:16px}.bay-label-config--disabled{opacity:.6}.bay-label-config__header{display:flex;flex-direction:column;gap:4px}.bay-label-config__title{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text);margin:0}.bay-label-config__disabled-reason{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin:0;padding:8px 12px;background:var(--color-gray-lightest, #f5f5f5);border-radius:var(--radius-md);border-left:3px solid var(--color-gray)}.bay-label-config__controls{display:flex;flex-direction:column;gap:16px}.bay-label-config__field{display:flex;flex-direction:column;gap:8px}.bay-label-config__label{font-family:var(--font-family);font-size:.8125rem;font-weight:500;color:var(--color-text)}.bay-label-config__select{font-family:var(--font-family);font-size:.9375rem;padding:10px 36px 10px 12px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}.bay-label-config__select:hover:not(:disabled){border-color:var(--color-gray)}.bay-label-config__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.bay-label-config__select:disabled{cursor:not-allowed;background-color:var(--color-gray-lightest, #f5f5f5);color:var(--color-text-muted)}.bay-label-config__size-controls{display:flex;align-items:center;gap:12px}.bay-label-config__slider{flex:1;height:6px;border-radius:3px;background:var(--color-gray-light);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bay-label-config__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.bay-label-config__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.bay-label-config__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white);box-shadow:0 1px 3px #0003;transition:transform .15s ease}.bay-label-config__slider::-moz-range-thumb:hover{transform:scale(1.1)}.bay-label-config__slider:focus{outline:none}.bay-label-config__slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #00b2ff26,0 1px 3px #0003}.bay-label-config__slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #00b2ff26,0 1px 3px #0003}.bay-label-config__slider:disabled{cursor:not-allowed;opacity:.5}.bay-label-config__slider:disabled::-webkit-slider-thumb{background:var(--color-gray);cursor:not-allowed}.bay-label-config__slider:disabled::-moz-range-thumb{background:var(--color-gray);cursor:not-allowed}.bay-label-config__size-input-wrapper{display:flex;align-items:center;gap:4px}.bay-label-config__size-input{font-family:var(--font-family);font-size:.9375rem;font-weight:500;width:60px;padding:8px 10px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);text-align:center;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.bay-label-config__size-input::-webkit-outer-spin-button,.bay-label-config__size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bay-label-config__size-input:hover:not(:disabled){border-color:var(--color-gray)}.bay-label-config__size-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.bay-label-config__size-input:disabled{cursor:not-allowed;background-color:var(--color-gray-lightest, #f5f5f5);color:var(--color-text-muted)}.bay-label-config__size-unit{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted)}.bay-label-config__size-range{display:flex;justify-content:space-between;font-family:var(--font-family);font-size:.75rem;color:var(--color-text-muted);padding:0 2px}.bay-label-config__color-controls{display:flex;align-items:center;gap:12px}.bay-label-config__color-input{width:40px;height:40px;padding:2px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:border-color .2s,box-shadow .2s}.bay-label-config__color-input:hover:not(:disabled){border-color:var(--color-gray)}.bay-label-config__color-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.bay-label-config__color-input:disabled{cursor:not-allowed;opacity:.5}.bay-label-config__color-value{font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text)}.logo-upload{display:flex;flex-direction:column;gap:8px}.logo-upload__label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.logo-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-gray-lightest, #f9fafb);cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}.logo-upload__dropzone:hover{border-color:var(--color-primary);background:#00b2ff0a}.logo-upload__dropzone:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.logo-upload__dropzone--dragging{border-color:var(--color-primary);background:#00b2ff14;border-style:solid}.logo-upload__dropzone-icon{width:32px;height:32px;color:var(--color-gray);transition:color .2s}.logo-upload__dropzone:hover .logo-upload__dropzone-icon,.logo-upload__dropzone--dragging .logo-upload__dropzone-icon{color:var(--color-primary)}.logo-upload__dropzone-text{font-family:var(--font-family);font-size:.9375rem;font-weight:500;color:var(--color-text)}.logo-upload__dropzone-hint{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted)}.logo-upload__preview{display:flex;align-items:center;gap:16px;padding:12px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white)}.logo-upload__thumbnail-wrapper{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-gray-lightest, #f9fafb);overflow:hidden}.logo-upload__thumbnail{max-width:100%;max-height:100%;object-fit:contain}.logo-upload__preview-actions{display:flex;flex-wrap:wrap;gap:8px;flex:1}.logo-upload__change-button,.logo-upload__remove-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-family:var(--font-family);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.logo-upload__change-button{background:var(--color-white);border:2px solid var(--color-gray-light);color:var(--color-text)}.logo-upload__change-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.logo-upload__change-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.logo-upload__remove-button{background:var(--color-white);border:2px solid var(--color-gray-light);color:var(--color-text-muted)}.logo-upload__remove-button:hover{border-color:#ef4444;color:#ef4444;background:#ef44440a}.logo-upload__remove-button:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.logo-upload__icon{width:16px;height:16px;flex-shrink:0}.logo-upload__error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #ef4444;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.8125rem;color:#991b1b;line-height:1.4}.logo-upload__error-icon{width:18px;height:18px;flex-shrink:0;color:#ef4444;margin-top:1px}.logo-upload__error-dismiss{margin-left:auto;padding:2px;background:transparent;border:none;cursor:pointer;color:#991b1b;border-radius:var(--radius-sm);transition:background-color .2s}.logo-upload__error-dismiss:hover{background:#991b1b1a}.logo-upload__error-dismiss:focus{outline:none;box-shadow:0 0 0 2px #ef44444d}.logo-upload__close-icon{width:14px;height:14px}.customization-panel{display:flex;flex-direction:column;gap:0;padding:24px;background:var(--color-white);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-gray-light);box-shadow:0 1px 3px #0000000d}.customization-panel__title{font-family:var(--font-family);font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.customization-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.customization-panel__reset-button{font-family:var(--font-family);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #6b7280);background:transparent;border:1px solid var(--color-gray-light, #e5e7eb);border-radius:var(--radius-sm, 6px);padding:6px 12px;cursor:pointer;transition:all .15s ease}.customization-panel__reset-button:hover{color:var(--color-text);border-color:var(--color-gray, #9ca3af);background:var(--color-gray-lightest, #f9fafb)}.customization-panel__reset-button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.customization-panel__section{padding:16px 0}.customization-panel__section:first-of-type{padding-top:0}.customization-panel__section:last-of-type{padding-bottom:0}.customization-panel__divider{height:1px;background:var(--color-gray-light);margin:0}.customization-panel__center-options{background:var(--color-gray-lightest, #f9fafb);margin:0 -24px;padding:16px 24px;border-radius:0}.customization-panel__center-options{animation:slideDown .2s ease-out}.customization-panel__bay-label-toggle{display:flex;flex-direction:column;gap:8px}.customization-panel__toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--font-family);font-size:.9375rem;color:var(--color-text)}.customization-panel__toggle-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #2563eb)}.customization-panel__toggle-text{font-weight:500}.customization-panel__toggle-hint{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-secondary, #6b7280);margin:0;padding-left:30px}.customization-panel__logo-hint{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-secondary, #6b7280);margin:12px 0 0;font-style:italic}.customization-panel__logo-padding{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-light, #e5e7eb)}@media (max-width: 768px){.customization-panel{padding:16px}.customization-panel__center-options{margin:0 -16px;padding:16px}}.batch-download-button-container{display:flex;flex-direction:column;gap:8px;position:relative}.batch-download-button__tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;padding:8px 12px;font-family:var(--font-family);font-size:.8125rem;font-weight:400;line-height:1.4;white-space:nowrap;color:var(--color-white, #ffffff);background-color:var(--color-gray-dark, #333333);border-radius:var(--radius-sm, 4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility .15s ease-out;z-index:10}.batch-download-button__tooltip:before{content:"";position:absolute;top:100%;right:16px;border:6px solid transparent;border-top-color:var(--color-gray-dark, #333333)}.batch-download-button-container:hover .batch-download-button__tooltip{opacity:1;visibility:visible}.batch-download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-width:140px;font-family:var(--font-family);font-size:.9375rem;font-weight:600;line-height:1.2;color:var(--color-white, #ffffff);background-color:var(--color-secondary, #2d3748);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.batch-download-button:hover:not(:disabled){background-color:var(--color-secondary-dark, #1a202c);box-shadow:0 2px 8px #2d37484d}.batch-download-button:active:not(:disabled){transform:scale(.98);background-color:var(--color-secondary-darker, #171923)}.batch-download-button:focus-visible{outline:2px solid var(--color-secondary, #2d3748);outline-offset:2px}.batch-download-button:disabled{background-color:var(--color-gray-light, #e0e0e0);color:var(--color-text-disabled, #999999);cursor:not-allowed;box-shadow:none}.batch-download-button--generating{background-color:var(--color-info, #3182ce);cursor:wait}.batch-download-button--generating:hover{background-color:var(--color-info, #3182ce);box-shadow:none}.batch-download-button--complete{background-color:var(--color-success, #38a169)}.batch-download-button--error{background-color:var(--color-error, #e53e3e)}.batch-download-button__icon{width:18px;height:18px;flex-shrink:0}.batch-download-button__spinner{width:18px;height:18px;flex-shrink:0;animation:batch-download-spin 1s linear infinite}@keyframes batch-download-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.batch-download-button__text{white-space:nowrap}.batch-download-button__progress-bar{width:100%;height:4px;background-color:var(--color-gray-light, #e0e0e0);border-radius:2px;overflow:hidden}.batch-download-button__progress-fill{height:100%;background-color:var(--color-info, #3182ce);border-radius:2px;transition:width .2s ease-out}.batch-download-button__error{font-family:var(--font-family);font-size:.8125rem;color:var(--color-error, #e53e3e);text-align:center;padding:4px 8px}.batch-download-button__warning{font-family:var(--font-family);font-size:.8125rem;color:var(--color-warning, #d69e2e);text-align:center;padding:4px 8px}@media (max-width: 768px){.batch-download-button__tooltip{right:auto;left:0;max-width:calc(100vw - 32px);white-space:normal}.batch-download-button__tooltip:before{right:auto;left:16px}}@media (max-width: 480px){.batch-download-button{padding:10px 16px;min-width:140px;font-size:.875rem}.batch-download-button__icon,.batch-download-button__spinner{width:16px;height:16px}}@media (prefers-contrast: high){.batch-download-button{border:2px solid currentColor}.batch-download-button:disabled{border-color:var(--color-text-disabled, #999999)}.batch-download-button__progress-bar{border:1px solid var(--color-gray-dark, #666666)}}@media (prefers-reduced-motion: reduce){.batch-download-button{transition:none}.batch-download-button__spinner{animation:none}.batch-download-button__progress-fill{transition:none}}.advanced-options-section{display:flex;flex-direction:column;gap:0;padding:24px;background:var(--color-white);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-gray-light);box-shadow:0 1px 3px #0000000d}.advanced-options-section__header{display:flex;flex-direction:column;gap:8px}.advanced-options-section__toggle-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.advanced-options-section__label{display:flex;align-items:center;gap:8px;font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--color-text)}.advanced-options-section__warning-icon{position:relative;display:inline-flex;align-items:center;cursor:help;font-size:.875rem}.advanced-options-section__tooltip{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:8px;padding:8px 12px;background:var(--color-gray-dark, #374151);color:var(--color-white);font-family:var(--font-family);font-size:.75rem;font-weight:400;line-height:1.4;border-radius:6px;white-space:nowrap;max-width:280px;white-space:normal;z-index:100;box-shadow:0 2px 8px #00000026}.advanced-options-section__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--color-gray-dark, #374151)}.advanced-options-section__switch-wrapper{position:relative;display:inline-flex;align-items:center}.advanced-options-section__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.advanced-options-section__switch{position:relative;display:inline-block;width:48px;height:26px;background-color:var(--color-gray-light);border-radius:13px;transition:background-color .2s ease}.advanced-options-section__input:checked+.advanced-options-section__switch{background-color:var(--color-primary)}.advanced-options-section__input:focus+.advanced-options-section__switch{box-shadow:0 0 0 3px #00b2ff26}.advanced-options-section__switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.advanced-options-section__input:checked+.advanced-options-section__switch .advanced-options-section__switch-thumb{transform:translate(22px)}.advanced-options-section__options{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-light);animation:slideDown .2s ease-out;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.advanced-options-section__divider{display:none}.advanced-options-section__option{display:flex;flex-direction:column;gap:6px;max-width:280px}.advanced-options-section__option-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.advanced-options-section__option-label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.advanced-options-section__option-description{font-family:var(--font-family);font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin:0}.advanced-options-section__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #2563eb);flex-shrink:0}.advanced-options-section__select{width:100%;max-width:200px;padding:8px 32px 8px 12px;font-family:var(--font-family);font-size:.875rem;color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.advanced-options-section__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.advanced-options-section__text-input{width:100%;max-width:200px;padding:8px 12px;font-family:var(--font-family);font-size:.875rem;color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-gray-light);border-radius:6px;box-sizing:border-box}.advanced-options-section__text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.advanced-options-section__text-input::placeholder{color:var(--color-text-muted)}@media (max-width: 768px){.advanced-options-section{padding:16px}.advanced-options-section__options{grid-template-columns:1fr;gap:16px}.advanced-options-section__option,.advanced-options-section__select,.advanced-options-section__text-input{max-width:none}}.customize-qr-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #f5f5f5)}.customize-qr-page__loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-family:var(--font-family);font-size:1rem;color:var(--color-text-secondary, #666)}.customize-qr-page__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.customize-qr-page__header-left{display:flex;flex-direction:column;gap:4px}.customize-qr-page__header-actions{display:flex;align-items:center}.customize-qr-page__title{font-family:var(--font-family-title);font-size:1.75rem;font-weight:700;color:var(--color-text, #1a1a1a);margin:0;line-height:1.2}.customize-qr-page__site-name{font-family:var(--font-family);font-size:1rem;font-weight:500;color:var(--color-text-secondary, #666)}.customize-qr-page__content{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;flex:1}.customize-qr-page__preview-column{display:flex;flex-direction:column;gap:24px;min-width:0}.customize-qr-page__preview-section{display:flex;justify-content:center;align-items:flex-start;padding:24px;background:var(--color-white, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-gray-light, #e0e0e0);box-shadow:0 1px 3px #0000000d;min-height:280px}.customize-qr-page__selector-section{display:flex;justify-content:center}.customize-qr-page__advanced-section,.customize-qr-page__controls-column{display:flex;flex-direction:column}@media (max-width: 1200px){.customize-qr-page__content{grid-template-columns:minmax(0,1fr) 340px;gap:24px}}@media (max-width: 1024px){.customize-qr-page__content{grid-template-columns:1fr;gap:24px}.customize-qr-page__controls-column{order:2}.customize-qr-page__preview-column{order:1}.customize-qr-page__preview-section{min-height:auto}}@media (max-width: 768px){.customize-qr-page__header{flex-direction:column;align-items:flex-start;margin-bottom:16px}.customize-qr-page__header-actions{width:100%}.customize-qr-page__title{font-size:1.5rem}.customize-qr-page__site-name{font-size:.875rem}.customize-qr-page__preview-section{padding:16px}}@media (prefers-contrast: high){.customize-qr-page__preview-section{border-width:2px;border-color:var(--color-text, #1a1a1a)}}@media (prefers-reduced-motion: reduce){.customize-qr-page *{transition:none!important;animation:none!important}}.preview-selector{display:flex;flex-direction:column;gap:8px}.preview-selector__label{font-family:var(--font-family);font-size:.875rem;font-weight:600;color:var(--color-text)}.preview-selector__select{font-family:var(--font-family);font-size:.9375rem;padding:10px 36px 10px 12px;border:2px solid var(--color-gray-light);border-radius:var(--radius-md);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s;min-width:200px}.preview-selector__select:hover{border-color:var(--color-gray)}.preview-selector__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00b2ff26}.preview-selector__select optgroup{font-family:var(--font-family);font-weight:600;color:var(--color-text);background-color:var(--color-gray-lightest, #f5f5f5)}.preview-selector__select option{font-family:var(--font-family);font-weight:400;color:var(--color-text);background-color:var(--color-white);padding:8px 12px}.preview-selector__select option:hover{background-color:var(--color-gray-lightest, #f5f5f5)}.preview-selector__select option:checked{background-color:var(--color-primary-light, #e6f7ff)}.qr-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:500px}.qr-preview__container{display:flex;align-items:center;justify-content:center;width:100%;max-width:480px;aspect-ratio:1 / 1;background:var(--color-white);border-radius:var(--radius-lg, 12px);border:2px solid var(--color-gray-light);box-shadow:0 2px 8px #00000014;overflow:hidden}.qr-preview__image{width:100%;height:100%;object-fit:contain;padding:16px;transition:opacity .1s ease-out}.qr-preview__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.qr-preview__spinner-icon{width:48px;height:48px;color:var(--color-primary, #00b2ff);animation:qr-preview-spin 1s linear infinite}.qr-preview__spinner-track{opacity:.2}.qr-preview__spinner-arc{opacity:1}@keyframes qr-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-preview__spinner-text{font-family:var(--font-family);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary, #666)}.qr-preview__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.qr-preview__error-icon{width:48px;height:48px;color:var(--color-error, #dc3545)}.qr-preview__error-title{font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--color-error, #dc3545)}.qr-preview__error-message{font-family:var(--font-family);font-size:.875rem;font-weight:400;color:var(--color-text-secondary, #666);max-width:280px;line-height:1.5}.qr-preview__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.qr-preview__placeholder-icon{width:64px;height:64px;color:var(--color-gray, #999);opacity:.5}.qr-preview__placeholder-text{font-family:var(--font-family);font-size:.9375rem;font-weight:400;color:var(--color-text-secondary, #666);text-align:center}@media (max-width: 768px){.qr-preview{min-height:380px}.qr-preview__container{max-width:360px}.qr-preview__image{padding:12px}}@media (prefers-contrast: high){.qr-preview__container{border-width:3px;border-color:var(--color-text)}}@media (prefers-reduced-motion: reduce){.qr-preview__spinner-icon{animation-duration:2s}.qr-preview__image{transition:none}}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-width:140px;font-family:var(--font-family);font-size:.9375rem;font-weight:600;line-height:1.2;color:var(--color-white, #ffffff);background-color:var(--color-primary, #00b2ff);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.download-button:hover:not(:disabled){background-color:var(--color-primary-dark, #0099dd);box-shadow:0 2px 8px #00b2ff4d}.download-button:active:not(:disabled){transform:scale(.98);background-color:var(--color-primary-darker, #0088cc)}.download-button:focus-visible{outline:2px solid var(--color-primary, #00b2ff);outline-offset:2px}.download-button:disabled{background-color:var(--color-gray-light, #e0e0e0);color:var(--color-text-disabled, #999999);cursor:not-allowed;box-shadow:none}.download-button__icon{width:18px;height:18px;flex-shrink:0}.download-button__text{white-space:nowrap}@media (max-width: 480px){.download-button{padding:10px 16px;min-width:120px;font-size:.875rem}.download-button__icon{width:16px;height:16px}}@media (prefers-contrast: high){.download-button{border:2px solid currentColor}.download-button:disabled{border-color:var(--color-text-disabled, #999999)}}@media (prefers-reduced-motion: reduce){.download-button{transition:none}}@font-face{font-family:ShieldSans;src:url(/fonts/ShieldSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ShieldSans;src:url(/fonts/ShieldSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ShieldSans;src:url(/fonts/ShieldSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ShieldSans;src:url(/fonts/ShieldSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ShieldSans;src:url(/fonts/ShieldSans-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Topgolf;src:url(/fonts/Topgolf-300.woff2) format("woff2"),url(/fonts/Topgolf-300.woff) format("woff"),url(/fonts/Topgolf-300.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Topgolf;src:url(/fonts/Topgolf-500.woff2) format("woff2"),url(/fonts/Topgolf-500.woff) format("woff"),url(/fonts/Topgolf-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Topgolf;src:url(/fonts/Topgolf-800.woff2) format("woff2"),url(/fonts/Topgolf-800.woff) format("woff"),url(/fonts/Topgolf-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Topgolf Condensed;src:url(/fonts/TopgolfCondensed-500.woff2) format("woff2"),url(/fonts/TopgolfCondensed-500.woff) format("woff"),url(/fonts/TopgolfCondensed-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Topgolf Condensed;src:url(/fonts/TopgolfCondensed-700.woff2) format("woff2"),url(/fonts/TopgolfCondensed-700.woff) format("woff"),url(/fonts/TopgolfCondensed-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #00b2ff;--color-primary-dark: #0090cc;--color-dark: #23282f;--color-dark-lighter: #4a5464;--color-gray: #728197;--color-gray-light: #c1c8d1;--color-background: #f5f7fa;--color-white: #ffffff;--color-text: #23282f;--color-text-muted: #728197;--font-family: "ShieldSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-title: "Topgolf Condensed", "Topgolf", var(--font-family);--header-height: 64px;--sidebar-width: 240px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;flex-direction:column;height:100%}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-dark);color:var(--color-white);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;box-shadow:var(--shadow-md)}.app-header__logo-link{display:flex;align-items:center;text-decoration:none}.app-header__logo-link:hover{text-decoration:none}.app-header__logo{height:32px;width:auto}.app-header__user{position:relative}.app-header__user-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-white);font-family:var(--font-family);font-size:.875rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:background-color .2s}.app-header__user-button:hover{background:#ffffff1a}.app-header__user-icon{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.app-header__user-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;overflow:hidden;z-index:101}.app-header__user-menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-family:var(--font-family);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:background-color .2s}.app-header__user-menu-item:hover{background:var(--color-background)}.app-container{display:flex;flex:1;margin-top:var(--header-height)}.app-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-light);padding:24px 0;overflow-y:auto}.app-sidebar__nav{list-style:none}.app-sidebar__nav-item{margin:0}.app-sidebar__nav-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--color-text-muted);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s;border-left:3px solid transparent}.app-sidebar__nav-link:hover{color:var(--color-text);background:var(--color-background)}.app-sidebar__nav-link--active{color:var(--color-primary);background:#00b2ff14;border-left-color:var(--color-primary)}.app-sidebar__nav-icon{width:20px;height:20px;flex-shrink:0}.app-main{flex:1;margin-left:var(--sidebar-width);padding:32px;min-height:calc(100vh - var(--header-height))}.app-main--full-width{margin-left:0;padding:0}.app-container--no-sidebar{justify-content:center}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-family-title);font-weight:700;font-size:1.75rem;color:var(--color-text)}.page-placeholder{background:var(--color-white);border-radius:var(--radius-md);padding:48px;text-align:center;color:var(--color-text-muted);border:2px dashed var(--color-gray-light)}.page-placeholder__icon{width:48px;height:48px;margin:0 auto 16px;color:var(--color-gray-light)}.page-placeholder__text{font-size:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-footer{position:fixed;bottom:0;right:0;padding:8px 16px;font-size:.75rem;color:var(--color-text-muted);background:#ffffffe6;border-top-left-radius:var(--radius-sm);z-index:50}.app-footer__version{font-family:var(--font-family);font-weight:400;opacity:.7}@media (max-width: 1024px){:root{--sidebar-width: 200px}.app-main{padding:24px}.app-main--full-width{padding:0}}@media (max-width: 768px){:root{--sidebar-width: 0px;--header-height: 56px}.app-header{padding:0 16px}.app-header__logo{height:28px}.app-header__user-button span:not(.app-header__user-icon){display:none}.app-sidebar{display:none}.app-main{margin-left:0;padding:16px}.app-main--full-width{padding:0}.page-title{font-size:1.5rem}.page-placeholder{padding:32px 16px}}