:root{--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-input-bg:#f8fafc;--qcg-tab-bg:#f1f5f9;--qcg-tab-bg-active:#fff;--qcg-white:#fff;--qcg-success:#46757e;--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)}.toolpods-qcg{max-width:1000px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--qcg-bg-main);color:var(--qcg-text-body);line-height:1.6;box-sizing:border-box;display:flex;gap:32px;padding:24px;border-radius:var(--qcg-radius)}.settings-panel,.preview-panel{background-color:var(--qcg-bg-panel);border:1px solid var(--qcg-border);border-radius:var(--qcg-radius);padding:32px;flex:1;box-shadow:var(--qcg-shadow)}.settings-title{font-size:1.25rem;font-weight:700;margin:0 0 6px;color:var(--qcg-text-title);letter-spacing:-.01em}.settings-description{font-size:.85rem;color:var(--qcg-text-body);margin:0 0 24px}.tabs{display:flex;margin-bottom:28px;background-color:var(--qcg-tab-bg);border-radius:8px;padding:4px;border:1px solid var(--qcg-border)}.tab-btn{flex:1;background:none;border:none;padding:8px 16px;color:var(--qcg-text-body);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:6px;transition:var(--qcg-transition)}.tab-btn:focus{outline:none}.tab-btn.active{background-color:var(--qcg-tab-bg-active);color:var(--qcg-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab-content{display:none}.tab-content.active{display:block}.input-group{margin-bottom:24px}.qcg-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px;color:var(--qcg-text-title)}.field-description{font-size:.75rem;color:var(--qcg-text-body);margin:6px 0 0}.qcg-input,.qcg-select{width:100%;padding:12px 16px;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);box-sizing:border-box;margin-bottom:8px}.qcg-input::placeholder{color:#94a3b8}.qcg-input:focus,.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)}.radio-group{display:flex;gap:20px;padding:4px 0}.radio-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--qcg-text-title);font-weight:500;cursor:pointer}.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)}.radio-label input[type="radio"]:checked{border-color:var(--qcg-primary)}.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%}.qcg-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--qcg-tab-bg);border-radius:3px;outline:none;margin:14px 0}.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)}.qcg-range::-webkit-slider-thumb:hover{background:var(--qcg-primary);transform:scale(1.1)}.color-options{display:flex;gap:16px;margin-top:8px}.color-input-container{flex:1}.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)}.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)}input[type="color"]{-webkit-appearance:none;appearance:none;border:none;width:46px;height:46px;cursor:pointer;background:none;padding:0}input[type="color"]::-webkit-color-swatch-wrapper{padding:6px}input[type="color"]::-webkit-color-swatch{border:1px solid var(--qcg-border);border-radius:6px}.qcg-color-hex{flex:1;background:none;border:none;color:var(--qcg-text-title);font-family:inset,monospace;font-size:.875rem;font-weight:600;padding:0 12px;width:100%}.qcg-color-hex:focus{outline:none}.logo-toggle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.logo-toggle-header .qcg-label{margin-bottom:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.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)}.toggle-switch input:checked+.slider{background-color:var(--qcg-success)}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.logo-file-container{margin-top:14px;padding:12px;background-color:var(--qcg-input-bg);border:1px dashed var(--qcg-border);border-radius:8px}.qcg-file-input{width:100%;font-size:.85rem;color:var(--qcg-text-body);cursor:pointer}.qcg-container{display:flex;justify-content:center;align-items:center;padding:24px;background-color:#f8fafc;border-radius:var(--qcg-radius);margin:28px 0;min-height:280px;border:2px dashed var(--qcg-border)}#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)}.qcg-download-btn{width:100%;background-color:var(--qcg-primary);border:1px solid var(--qcg-primary);color:var(--qcg-white);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)}.qcg-download-btn:hover{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)}.qcg-download-btn:active{transform:translateY(0)}.download-icon{width:18px;height:18px}@media (max-width:850px){.toolpods-qcg{flex-direction:column;padding:12px;gap:20px}.settings-panel,.preview-panel{padding:20px}}