.cg{padding-bottom:50px}.cg-heading{margin:28px 0 20px}.cg-heading h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.035em;margin:12px 0}.cg-heading .lead{max-width:64ch}.cg-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cg-examples button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);padding:9px 16px;border-radius:12px;font-weight:700;cursor:pointer}.cg-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.cg-controls{padding:22px;border:1px solid var(--glass-border);border-radius:20px;background:var(--glass-bg);display:grid;gap:18px}.cg-controls label{display:grid;gap:8px;font-size:.9rem;font-weight:500}.cg-controls input:not([type=checkbox],[type=radio],[type=color]),.cg-controls select{width:100%;min-width:0;box-sizing:border-box}.cg-controls fieldset{border:1px solid var(--glass-border);border-radius:12px;padding:14px;min-width:0;display:grid;gap:12px}.cg-controls fieldset label:has(input[type=radio]),.cg-check{display:flex!important;gap:8px;align-items:center}.cg-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cg-controls input[type=color]{width:100%;height:40px;border:0;background:none;padding:0;cursor:pointer}.cg-note{font-size:.78rem;line-height:1.7;color:var(--text-muted);margin:0}.cg-preview{border:1px solid var(--glass-border);border-radius:22px;overflow:hidden;background:var(--glass-bg);position:sticky;top:90px}.cg-preview-head{display:flex;justify-content:space-between;gap:8px;padding:16px 20px;border-bottom:1px solid var(--glass-border);font-size:.8rem;color:var(--text-muted)}.cg-canvas-wrap{background:conic-gradient(#dedee6 25%,#f3f3f7 0 50%,#dedee6 0 75%,#f3f3f7 0) 0 0/20px 20px}.cg-canvas-wrap canvas{display:block;width:100%;height:auto}.cg-exports{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.cg-import{cursor:pointer}.cg-import input{display:none}#cgStatus{font-size:.8rem;min-height:18px;margin:12px 20px;color:var(--text-muted)}#cgPartial[hidden],#cgUploadLabel[hidden]{display:none}.cg-controls input[type=range]{accent-color:#8b70df}@media(max-width:850px){.cg-workspace{grid-template-columns:1fr}.cg-preview{position:static;grid-row:1}.cg-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-controls fieldset,.cg-note{grid-column:1/-1}}@media(max-width:440px){.cg-controls{grid-template-columns:1fr}.cg-exports .btn{font-size:.76rem;padding:9px 10px}}