.toolpods-qcg-wrap{--qcg-bg-main:#f8fafc;--qcg-bg-panel:#fff;--qcg-border:#e2e8f0;--qcg-border-hover:#cbd5e1;--qcg-primary:#46757e;--qcg-primary-dark:#365a61;--qcg-primary-light:rgba(70,117,126,.1);--qcg-text-title:#1e293b;--qcg-text-body:#64748b;--qcg-text-muted:#94a3b8;--qcg-input-bg:#f8fafc;--qcg-tab-bg:#f1f5f9;--qcg-tab-bg-active:#fff;--qcg-white:#fff;--qcg-success:#46757e;--qcg-danger:#b91c1c;--qcg-radius:12px;--qcg-shadow:0 4px 6px -1px rgba(0,0,0,.05) , 0 2px 4px -1px rgba(0,0,0,.03);--qcg-transition:all .2s cubic-bezier(.4,0,.2,1);max-width:1000px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;box-sizing:border-box}.toolpods-qcg-wrap *,.toolpods-qcg-wrap *::before,.toolpods-qcg-wrap *::after{box-sizing:border-box}.toolpods-qcg .is-hidden{display:none}.qcg-main-title{color:var(--qcg-primary);font-size:2rem;font-weight:700;text-align:center;letter-spacing:-.02em;line-height:1.3;margin:0 0 24px;padding:0}.toolpods-qcg{margin:0;background-color:var(--qcg-bg-main);color:var(--qcg-text-body);line-height:1.6;display:flex;gap:32px;padding:24px;border-radius:var(--qcg-radius)}.toolpods-qcg .settings-panel,.toolpods-qcg .preview-panel{background-color:var(--qcg-bg-panel);border:1px solid var(--qcg-border);border-radius:var(--qcg-radius);padding:32px;flex:1;min-width:0;box-shadow:var(--qcg-shadow)}.toolpods-qcg .settings-title{font-size:1.25rem;font-weight:700;margin:0 0 6px;padding:0;color:var(--qcg-text-title);letter-spacing:-.01em;line-height:1.4}.toolpods-qcg .settings-description{font-size:.85rem;color:var(--qcg-text-body);margin:0 0 24px}.toolpods-qcg .tabs{display:flex;margin-bottom:28px;background-color:var(--qcg-tab-bg);border-radius:8px;padding:4px;border:1px solid var(--qcg-border)}.toolpods-qcg .tab-btn{flex:1;background:none;border:none;padding:8px 16px;color:var(--qcg-text-body);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:6px;transition:var(--qcg-transition)}.toolpods-qcg .tab-btn:focus{outline:none}.toolpods-qcg .tab-btn:focus-visible{outline:2px solid var(--qcg-primary);outline-offset:2px}.toolpods-qcg .tab-btn.active{background-color:var(--qcg-tab-bg-active);color:var(--qcg-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.toolpods-qcg .tab-content{display:none}.toolpods-qcg .tab-content.active{display:block}.toolpods-qcg .input-group{margin-bottom:24px}.toolpods-qcg .qcg-fieldset{border:none;margin-inline:0;padding:0;min-width:0}.toolpods-qcg .qcg-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px;padding:0;color:var(--qcg-text-title)}.toolpods-qcg .field-description{font-size:.75rem;color:var(--qcg-text-body);margin:6px 0 0}.toolpods-qcg .qcg-inline-error{display:none;font-size:.75rem;color:var(--qcg-danger);margin:8px 0 0}.toolpods-qcg .qcg-inline-error.is-visible{display:block}.toolpods-qcg .qcg-input,.toolpods-qcg .qcg-select{width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;background-color:var(--qcg-input-bg);border:1px solid var(--qcg-border);border-radius:8px;color:var(--qcg-text-title);transition:var(--qcg-transition);margin-bottom:8px}.toolpods-qcg .qcg-input::placeholder{color:var(--qcg-text-muted)}.toolpods-qcg .qcg-input:hover,.toolpods-qcg .qcg-select:hover{border-color:var(--qcg-border-hover)}.toolpods-qcg .qcg-input:focus,.toolpods-qcg .qcg-select:focus{outline:none;background-color:var(--qcg-white);border-color:var(--qcg-primary);box-shadow:0 0 0 3px var(--qcg-primary-light)}.toolpods-qcg .qcg-input:disabled{background-color:var(--qcg-tab-bg);color:var(--qcg-text-muted);cursor:not-allowed}.toolpods-qcg .radio-group{display:flex;flex-wrap:wrap;gap:20px;padding:4px 0}.toolpods-qcg .radio-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--qcg-text-title);font-weight:500;cursor:pointer}.toolpods-qcg .radio-label input[type="radio"]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--qcg-border);border-radius:50%;margin:0;position:relative;cursor:pointer;background-color:var(--qcg-white);transition:var(--qcg-transition)}.toolpods-qcg .radio-label input[type="radio"]:checked{border-color:var(--qcg-primary)}.toolpods-qcg .radio-label input[type="radio"]:focus-visible{outline:2px solid var(--qcg-primary);outline-offset:2px}.toolpods-qcg .radio-label input[type="radio"]:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:var(--qcg-primary);border-radius:50%}.toolpods-qcg .qcg-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--qcg-tab-bg);border-radius:3px;outline:none;margin:14px 0}.toolpods-qcg .qcg-range:focus-visible{outline:2px solid var(--qcg-primary);outline-offset:4px}.toolpods-qcg .qcg-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--qcg-white);border:2px solid var(--qcg-primary);border-radius:50%;cursor:pointer;transition:var(--qcg-transition);box-shadow:0 2px 4px rgba(0,0,0,.1)}.toolpods-qcg .qcg-range::-webkit-slider-thumb:hover{background:var(--qcg-primary);transform:scale(1.1)}.toolpods-qcg .qcg-range::-moz-range-track{width:100%;height:6px;background:var(--qcg-tab-bg);border-radius:3px}.toolpods-qcg .qcg-range::-moz-range-thumb{width:14px;height:14px;background:var(--qcg-white);border:2px solid var(--qcg-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toolpods-qcg .color-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.toolpods-qcg .color-input-container{flex:1;min-width:160px}.toolpods-qcg .color-picker-wrapper{display:flex;background-color:var(--qcg-input-bg);border:1px solid var(--qcg-border);border-radius:8px;overflow:hidden;height:46px;align-items:center;transition:var(--qcg-transition)}.toolpods-qcg .color-picker-wrapper:focus-within{background-color:var(--qcg-white);border-color:var(--qcg-primary);box-shadow:0 0 0 3px var(--qcg-primary-light)}.toolpods-qcg input[type="color"]{-webkit-appearance:none;appearance:none;border:none;width:46px;height:46px;flex:0 0 auto;cursor:pointer;background:none;padding:0}.toolpods-qcg input[type="color"]::-webkit-color-swatch-wrapper{padding:6px}.toolpods-qcg input[type="color"]::-webkit-color-swatch{border:1px solid var(--qcg-border);border-radius:6px}.toolpods-qcg input[type="color"]::-moz-color-swatch{border:1px solid var(--qcg-border);border-radius:6px}.toolpods-qcg .qcg-color-hex{flex:1;min-width:0;background:none;border:none;color:var(--qcg-text-title);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;font-size:.875rem;font-weight:600;padding:0 12px}.toolpods-qcg .qcg-color-hex:focus{outline:none}.toolpods-qcg .qcg-color-hex.is-invalid{color:var(--qcg-danger)}.toolpods-qcg .logo-toggle-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.toolpods-qcg .logo-toggle-header .qcg-label{margin-bottom:0;cursor:pointer}.toolpods-qcg .toggle-switch{position:relative;display:inline-block;flex:0 0 auto;width:44px;height:24px}.toolpods-qcg .toggle-switch input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.toolpods-qcg .toggle-switch .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px;pointer-events:none}.toolpods-qcg .toggle-switch .slider::before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--qcg-white);transition:.3s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toolpods-qcg .toggle-switch input:checked+.slider{background-color:var(--qcg-success)}.toolpods-qcg .toggle-switch input:checked+.slider::before{transform:translateX(20px)}.toolpods-qcg .toggle-switch input:focus-visible+.slider{outline:2px solid var(--qcg-primary);outline-offset:2px}.toolpods-qcg .logo-file-container{margin-top:14px;padding:12px;background-color:var(--qcg-input-bg);border:1px dashed var(--qcg-border);border-radius:8px}.toolpods-qcg .qcg-file-input{width:100%;font-family:inherit;font-size:.85rem;color:var(--qcg-text-body);cursor:pointer}.toolpods-qcg .qcg-container{display:flex;justify-content:center;align-items:center;text-align:center;padding:24px;background-color:var(--qcg-input-bg);border-radius:var(--qcg-radius);margin:28px 0;min-height:280px;border:2px dashed var(--qcg-border);overflow:hidden}.toolpods-qcg .qcg-container.is-error{color:var(--qcg-danger);border-color:var(--qcg-danger);font-size:.875rem;padding:32px 24px}.toolpods-qcg .qcg-container canvas{max-width:100%!important;height:auto!important;background-color:var(--qcg-white);padding:12px;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.toolpods-qcg .qcg-download-btn{width:100%;background-color:var(--qcg-primary);border:1px solid var(--qcg-primary);color:var(--qcg-white);font-family:inherit;font-size:.95rem;font-weight:700;padding:14px;border-radius:8px;cursor:pointer;transition:var(--qcg-transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px -1px rgba(70,117,126,.2)}.toolpods-qcg .qcg-download-btn:hover:not(:disabled) {background-color:var(--qcg-primary-dark);border-color:var(--qcg-primary-dark);box-shadow:0 10px 15px -3px rgba(70,117,126,.3);transform:translateY(-1px)}.toolpods-qcg .qcg-download-btn:active:not(:disabled) {transform:translateY(0)}.toolpods-qcg .qcg-download-btn:focus-visible{outline:2px solid var(--qcg-primary-dark);outline-offset:3px}.toolpods-qcg .qcg-download-btn:disabled{background-color:var(--qcg-border-hover);border-color:var(--qcg-border-hover);box-shadow:none;cursor:not-allowed}.toolpods-qcg .download-icon{width:18px;height:18px;flex:0 0 auto}@media (max-width:850px){.toolpods-qcg-wrap{margin:24px auto}.qcg-main-title{font-size:1.5rem;margin-bottom:16px}.toolpods-qcg{flex-direction:column;padding:12px;gap:20px}.toolpods-qcg .settings-panel,.toolpods-qcg .preview-panel{padding:20px}}@media (prefers-reduced-motion:reduce){.toolpods-qcg *,.toolpods-qcg *::before,.toolpods-qcg *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.toolpods-qcg .qcg-download-btn:hover:not(:disabled),
	.toolpods-qcg .qcg-range::-webkit-slider-thumb:hover {transform:none}}