body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--preview-bg:#f0f2f5}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:1100px;padding:36px 20px 60px}.header{margin-bottom:36px;text-align:center}.header-logo{height:auto;margin-bottom:12px;width:180px}.header h1{color:#1a1a2e;font-size:2rem;font-weight:700;letter-spacing:-.5px}.subtitle{color:#666;font-size:.95rem;margin-top:6px}.layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 340px}@media (max-width:820px){.layout{grid-template-columns:1fr}.preview-column{order:-1}}.controls-column{display:flex;flex-direction:column;gap:24px}.panel{background:#fff;border:1px solid #e0e4ea;border-radius:16px;overflow:hidden}.panel-label{color:#00914c;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:14px 20px 0;text-transform:uppercase}.tabs{border-bottom:1px solid #e0e4ea;display:flex}.tab{background:none;border:none;color:#888;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:16px 10px;position:relative;transition:all .2s}.tab:hover{background:#00000005;color:#333}.tab.active{color:#00914c}.tab.active:after{background:#00914c;border-radius:2px;bottom:0;content:"";height:2px;left:20%;position:absolute;width:60%}.panel-body{padding:24px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.field input,.field textarea{background:#f8f9fb;border:1px solid #d0d5dd;border-radius:10px;color:#222;font-family:inherit;font-size:1.05rem;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.field input:focus,.field textarea:focus{border-color:#00914c;box-shadow:0 0 0 3px #00914c26}.field input::placeholder,.field textarea::placeholder{color:#aaa}.field textarea{resize:vertical}.hint{color:#999;display:block;font-size:.76rem;margin-top:5px}.field-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.toggle-row{display:flex;gap:8px;margin-bottom:16px}.toggle-btn{background:#f0f2f5;border:1px solid #d0d5dd;border-radius:10px;color:#888;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:12px 16px;transition:all .2s}.toggle-btn:hover{background:#e8eaed;color:#333}.toggle-btn.active{background:#00914c1f;border-color:#00914c;color:#00914c}.color-row{margin-bottom:14px}.color-row label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.color-input-wrap{align-items:center;display:flex;gap:10px}.color-input-wrap input[type=color]{background:none;border:2px solid #d0d5dd;border-radius:10px;cursor:pointer;height:48px;padding:2px;width:48px}.color-text{background:#f8f9fb;border:1px solid #d0d5dd;border-radius:10px;color:#222;flex:1 1;font-family:monospace;font-size:.88rem;outline:none;padding:14px 16px;transition:border-color .2s}.color-text:focus{border-color:#00914c}.slider-row{margin-bottom:14px}.slider-row label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.slider-row input[type=range]{-webkit-appearance:none;appearance:none;background:#d0d5dd;border-radius:3px;height:6px;outline:none;width:100%}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00914c;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;height:22px;width:22px}.upload-area{border:2px dashed #d0d5dd;border-radius:12px;cursor:pointer;margin-bottom:14px;padding:24px;text-align:center;transition:all .2s}.upload-area:hover{background:#00914c0a;border-color:#00914c}.upload-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;gap:8px}.upload-placeholder svg{opacity:.5}.logo-preview-img{border-radius:8px;max-height:80px;max-width:80px}.logo-file-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.logo-filename{color:#555;font-size:.82rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{background:#f0505026;border:1px solid #f050504d;border-radius:8px;color:#f06060;cursor:pointer;font-size:.8rem;padding:5px 12px;transition:all .2s}.remove-btn:hover{background:#f0505040}.checkbox-row{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.85rem;gap:10px;margin-top:4px}.checkbox-row input[type=checkbox]{accent-color:#00914c;cursor:pointer;height:18px;width:18px}.shape-section{margin-bottom:20px}.shape-section:last-child{margin-bottom:0}.shape-section-label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.shape-grid{display:flex;flex-wrap:wrap;gap:8px}.shape-btn{align-items:center;background:#f0f2f5;border:1px solid #d0d5dd;border-radius:10px;color:#888;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:68px;padding:10px 10px 8px;transition:all .2s}.shape-btn span{font-size:.7rem;font-weight:500}.shape-btn:hover{background:#e8eaed;color:#333}.shape-btn.active{background:#00914c1f;border-color:#00914c;color:#00914c}.shape-icon{height:28px;width:28px}.shape-icon.eye-icon{height:24px;width:24px}.shape-icon.frame-icon{height:30px;width:30px}.preview-column,.preview-sticky{align-items:center;display:flex;flex-direction:column}.preview-sticky{gap:18px;position:-webkit-sticky;position:sticky;top:32px}.qr-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;min-height:300px;min-width:300px;padding:28px}.qr-placeholder,.qr-wrapper{align-items:center;display:flex;justify-content:center}.qr-placeholder{color:#b0b0b0;font-size:.9rem;height:240px;padding:20px;text-align:center;width:240px}.download-btn{background:#00914c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;max-width:300px;padding:14px 36px;transition:background .2s,transform .1s;width:100%}.download-btn:hover{background:#007a40}.download-btn:active{transform:scale(.97)}.encoded-url{color:#999;font-size:.8rem;max-width:300px;text-align:center;word-break:break-all}.encoded-url code{background:#0000000d;border-radius:4px;font-size:.78rem;padding:2px 6px}
/*# sourceMappingURL=main.f769603c.css.map*/