:root{--cgg-primary:var(--main-primary);--cgg-text:#1f2937;--cgg-text-muted:#64748b;--cgg-bg:#fff;--cgg-bg-hover:#f8fafc;--cgg-border:#e2e8f0;--cgg-border-hover:#cbd5e1;--cgg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cgg-radius:.5rem;--cgg-radius-lg:.75rem;--cgg-slider-track:#e2e8f0;--cgg-slider-thumb:var(--main-primary);--cgg-preview-bg:#0f172a;--cgg-code-bg:#1e293b;--cgg-code-text:#e2e8f0}._cgg-container{width:100%;padding-left:var(--main-space-4);padding-right:var(--main-space-4)}._cgg-layout{gap:var(--main-space-4);grid-template-columns:1fr 320px;align-items:start;display:grid}._cgg-preview-section,._cgg-controls-section{gap:var(--main-space-3);flex-direction:column;display:flex}._cgg-panel{background:var(--cgg-bg);border-radius:var(--cgg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cgg-border);box-shadow:var(--cgg-shadow);padding:var(--main-space-3)}._cgg-panel-title{color:var(--cgg-text);margin-bottom:var(--main-space-3);font-size:.8125rem;font-weight:600}@media (max-width:860px){._cgg-layout{grid-template-columns:1fr}._cgg-controls-section{order:2}._cgg-preview-section{order:1}}@media (max-width:768px){._cgg-container{padding-left:1rem;padding-right:1rem}}._cgg-control-row{justify-content:space-between;align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-2);display:flex}._cgg-control-row:last-child{margin-bottom:0}._cgg-label{color:var(--cgg-text-muted);white-space:nowrap;min-width:60px;font-size:.8125rem}._cgg-slider-wrap{align-items:center;gap:var(--main-space-2);flex:1;display:flex}._cgg-slider{-webkit-appearance:none;appearance:none;background:var(--cgg-slider-track);cursor:pointer;border-radius:3px;outline:none;flex:1;height:5px}._cgg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cgg-slider-thumb);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}._cgg-slider::-moz-range-thumb{background:var(--cgg-slider-thumb);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}._cgg-input-wrap{background:var(--cgg-bg);border-style:solid;border-width:1px;border-color:var(--cgg-border);border-radius:var(--cgg-radius);align-items:center;gap:2px;min-width:70px;padding:.25rem .5rem;display:flex}._cgg-input{color:var(--cgg-text);background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}._cgg-input-sm{text-align:center;width:36px;padding:0;font-size:.75rem}._cgg-input-suffix{color:var(--cgg-text-muted);white-space:nowrap;font-size:.6875rem}._cgg-color-wrap{align-items:center;gap:var(--main-space-2);flex:1;justify-content:flex-end;display:flex}._cgg-color-picker{-webkit-appearance:none;appearance:none;border-radius:var(--cgg-radius);cursor:pointer;background:0 0;border:0 #0000;width:32px;height:32px;padding:0}._cgg-color-picker::-webkit-color-swatch-wrapper{padding:2px}._cgg-color-picker::-webkit-color-swatch{border:none;border-radius:4px}._cgg-color-picker::-moz-color-swatch{border:none;border-radius:4px}._cgg-color-picker-small{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0 #0000;border-radius:4px;width:28px;height:28px;padding:0}._cgg-color-picker-small::-webkit-color-swatch-wrapper{padding:1px}._cgg-color-picker-small::-webkit-color-swatch{border:none;border-radius:3px}._cgg-color-picker-small::-moz-color-swatch{border:none;border-radius:3px}._cgg-color-hex{color:var(--cgg-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}._cgg-preview-header{justify-content:space-between;align-items:center;display:flex}._cgg-preview-title{color:var(--cgg-text);font-size:.8125rem;font-weight:600}._cgg-bg-switcher{background:var(--cgg-bg);border-style:solid;border-width:1px;border-color:var(--cgg-border);border-radius:var(--cgg-radius);gap:2px;padding:2px;display:flex}._cgg-bg-btn{width:30px;height:28px;color:var(--cgg-text-muted);cursor:pointer;background:0 0;border:0 #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}._cgg-bg-btn:hover{color:var(--cgg-text);background:var(--cgg-bg-hover)}._cgg-bg-btn.is-active{background:var(--cgg-primary);color:#fff}._cgg-bg-image-input,._cgg-bg-solid-input{align-items:center;gap:var(--main-space-2);display:flex}._cgg-file-input{display:none}._cgg-upload-btn{background:var(--cgg-bg);border-style:solid;border-width:1px;border-color:var(--cgg-border);border-radius:var(--cgg-radius);color:var(--cgg-text);cursor:pointer;align-items:center;gap:6px;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:inline-flex}._cgg-upload-btn:hover{border-color:var(--cgg-border-hover);background:var(--cgg-bg-hover)}._cgg-upload-name{color:var(--cgg-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.75rem;overflow:hidden}._cgg-preview-area{border-radius:var(--cgg-radius-lg);background:var(--cgg-preview-bg);border-style:solid;border-width:1px;border-color:var(--cgg-border);justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}._cgg-blobs{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._cgg-blob{filter:blur(40px);border-radius:50%;position:absolute}._cgg-blob-1{opacity:.7;background:#8b5cf6;width:200px;height:200px;top:10%;left:15%}._cgg-blob-2{opacity:.6;background:#ec4899;width:180px;height:180px;top:50%;right:10%}._cgg-blob-3{opacity:.7;background:#3b82f6;width:160px;height:160px;bottom:10%;left:40%}._cgg-blob-4{opacity:.5;background:#f59e0b;width:140px;height:140px;top:20%;right:30%}._cgg-glass-panel{z-index:1;text-align:center;width:280px;padding:2rem;position:relative}._cgg-glass-title{color:#fff;text-shadow:0 1px 2px #0000001a;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}._cgg-glass-text{color:#ffffffd9;text-shadow:0 1px 1px #00000014;margin:0;font-size:.875rem;line-height:1.5}@media (max-width:768px){._cgg-preview-area{min-height:280px}._cgg-glass-panel{width:240px;padding:1.5rem}._cgg-blob-1{width:150px;height:150px}._cgg-blob-2{width:130px;height:130px}._cgg-blob-3{width:120px;height:120px}._cgg-blob-4{width:100px;height:100px}}._cgg-presets-grid{grid-template-columns:repeat(3,1fr);gap:6px;min-height:68px;display:grid}._cgg-preset-item{cursor:pointer;border:2px solid #0000;border-radius:6px;height:56px;transition:all .15s;position:relative;overflow:hidden}._cgg-preset-item:hover{opacity:.85}._cgg-preset-item.is-active{border-color:var(--cgg-primary)}._cgg-preset-bg{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#3b82f6 100%);position:absolute;top:0;bottom:0;left:0;right:0}._cgg-preset-glass{border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;bottom:8px;left:8px;right:8px}._cgg-preset-label{color:#fff;text-shadow:0 1px 2px #0003;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:.5625rem;font-weight:600;overflow:hidden}._cgg-code-section{background:var(--cgg-code-bg);border-radius:var(--cgg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cgg-border);overflow:hidden}._cgg-code-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}._cgg-code-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}._cgg-copy-btn{border-radius:var(--cgg-radius);color:#94a3b8;cursor:pointer;background:#ffffff14;border:0 #0000;align-items:center;gap:4px;padding:.25rem .625rem;font-size:.75rem;transition:all .15s;display:inline-flex}._cgg-copy-btn:hover{color:#e2e8f0;background:#ffffff26}._cgg-copy-btn.is-copied{color:#34d399;background:#10b98133}._cgg-code-output{font-family:var(--main-font-mono);color:var(--cgg-code-text);white-space:pre-wrap;word-break:break-all;min-height:80px;margin:0;padding:.75rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}