.photo-image{flex-direction:column;gap:10px;display:flex}.photo-image__flow{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.photo-image__flow li{align-items:center;display:flex}.photo-image__flow li+li:before{content:"›";color:#9ca3af;margin:0 4px;font-size:14px}.photo-image__step{font:inherit;color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:inline-flex}.photo-image__step:hover{background:#f5f5f4}.photo-image__step.is-on,.photo-image__step.is-done{color:#1f2937}.photo-image__num{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:inline-flex}.photo-image__step.is-on .photo-image__num{color:var(--brand-accent,#697b55);background:#697b5526}.photo-image__step.is-done .photo-image__num{background:var(--brand-accent,#697b55);color:#fff}.photo-image__preview{box-sizing:border-box;background-color:#fafafa;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;height:180px;padding:8px;display:flex}.photo-image__preview.is-empty{background-image:none}.photo-image__frame{max-width:100%;max-height:100%;overflow:hidden}.photo-image__frame img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.photo-image__empty{color:#9ca3af;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.photo-image__btn{width:100%;height:34px;font:inherit;color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.photo-image__btn:hover:not(:disabled){background:#f5f5f4}.photo-image__btn.is-active{border-color:var(--brand-accent,#697b55);color:var(--brand-accent,#697b55);background:#697b5514}.photo-image__btn:disabled{opacity:.5;cursor:not-allowed}.photo-image__album-label{color:#374151;align-items:center;gap:6px;margin:4px 0 -2px;font-size:12px;font-weight:600;display:flex}.photo-image__album-label svg{color:var(--brand-accent,#697b55)}.photo-image__album{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px;display:grid}.photo-image__add{aspect-ratio:1;font:inherit;color:#6b7280;cursor:pointer;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.photo-image__add:hover:not(:disabled){border-color:var(--brand-accent,#697b55);color:var(--brand-accent,#697b55)}.photo-image__add:disabled{opacity:.6;cursor:not-allowed}.photo-image__thumb{aspect-ratio:1;position:relative}.photo-image__thumb-btn{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.photo-image__thumb-btn img{object-fit:cover;width:100%;height:100%;transition:transform .15s;display:block}.photo-image__thumb-btn:hover img{transform:scale(1.04)}.photo-image__thumb.is-current .photo-image__thumb-btn{border:2px solid var(--brand-accent,#697b55)}.photo-image__thumb-x{z-index:1;color:#fff;cursor:pointer;background:#dc2626;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:-6px;right:-6px}.photo-image__thumb-x:hover:not(:disabled){background:#b91c1c}.photo-image__spinner{border:2px solid #fff9;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:auto;animation:.8s linear infinite photo-image-spin;position:absolute;inset:0}@keyframes photo-image-spin{to{transform:rotate(360deg)}}.photo-image__hint{color:#6b7280;margin:0;font-size:12px}.photo-image__error{color:#b42318;margin:0;font-size:12px}.photo-image__more{height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:12px}
.qr-icon{flex-direction:column;gap:8px;display:flex}.qr-icon__current{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.qr-icon__thumb{object-fit:contain;border-radius:4px;flex-shrink:0;width:48px;height:48px}.qr-icon__remove{color:#b91c1c;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:600;display:flex}.qr-icon__label{color:#8a8a8a;font-size:12px;font-weight:600}.qr-icon__grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:176px;display:grid;overflow-y:auto}.qr-icon__preset{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:border-color .15s;display:flex}.qr-icon__preset:hover{border-color:color-mix(in srgb, var(--brand-accent) 50%, transparent)}.qr-icon__preset.is-active{border:2px solid var(--brand-accent)}.qr-icon__preset img{object-fit:contain;width:100%;height:100%}.qr-icon__upload{border:1px dashed color-mix(in srgb, var(--brand-accent) 45%, transparent);width:100%;min-height:34px;color:var(--brand-accent);cursor:pointer;background:#fafafa;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.qr-icon__upload:disabled{opacity:.6;cursor:default}
.env-themes{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.env-themes__item{color:#333;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px;font-size:12px;font-weight:600;line-height:1.25;transition:border-color .15s;display:flex}.env-themes__item:hover{border-color:color-mix(in srgb, var(--brand-accent) 50%, transparent)}.env-themes__item.is-active{border-color:var(--brand-accent);box-shadow:0 0 0 1px var(--brand-accent)}.env-themes__swatch{border:1px solid #00000014;border-radius:4px;width:42px;height:16px;display:flex;overflow:hidden}.env-themes__swatch i{flex:1}