.hq-edit-affordance{z-index:50;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;top:14px;right:14px}@media (max-width:767px){.hq-edit-affordance{top:auto;bottom:calc(72px + env(safe-area-inset-bottom) + 12px)}}.hq-edit-affordance-btn{pointer-events:auto}.hq-edit-affordance-glow{pointer-events:auto;border-radius:var(--cg-radius-sm);box-shadow:0 0 0 1px color-mix(in srgb, var(--cg-accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--cg-accent) 28%, transparent);animation:hq-edit-glow-pulse 2.4s var(--cg-ease-emphasize,ease) infinite}@keyframes hq-edit-glow-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--cg-accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--cg-accent) 28%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--cg-accent) 50%, transparent), 0 0 28px color-mix(in srgb, var(--cg-accent) 40%, transparent)}}@media (max-width:767px){.hq-edit-affordance [data-cg-button]{min-width:44px;min-height:44px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){.hq-edit-affordance-glow{animation:none}}
.cg-theme-editor-trigger{z-index:49;pointer-events:auto;position:fixed;top:54px;right:14px}@media (max-width:767px){.cg-theme-editor-trigger{top:auto;bottom:calc(72px + env(safe-area-inset-bottom) + 12px + 52px);right:14px}.cg-theme-editor-trigger [data-cg-button]{min-width:44px;min-height:44px;padding-inline:18px}}.cg-theme-editor-backdrop{z-index:59;background:0 0;position:fixed;inset:0}.cg-theme-editor-panel{z-index:60;background:var(--cg-bg-elevated);border-left:1px solid var(--cg-border);width:320px;transition:transform .26s var(--cg-ease,ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px -8px #00000059}.cg-theme-editor-panel--open{transform:translate(0)}@media (max-width:767px){.cg-theme-editor-panel{border-left:none;border-top:1px solid var(--cg-border);border-radius:16px 16px 0 0;width:100%;height:75svh;top:auto;transform:translateY(100%)}.cg-theme-editor-panel--open{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cg-theme-editor-panel{transition:none}}.cg-theme-editor-header{border-bottom:1px solid var(--cg-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.cg-theme-editor-title{font-family:var(--cg-font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--cg-text-muted);font-size:10px;font-weight:600}.cg-theme-editor-close{width:28px;height:28px;color:var(--cg-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.cg-theme-editor-close:hover{background:var(--cg-bg-surface);color:var(--cg-text)}.cg-theme-editor-status{font-size:11px;font-family:var(--cg-font-mono,monospace);letter-spacing:.05em}.cg-theme-editor-status--saving{color:var(--cg-text-muted)}.cg-theme-editor-status--saved{color:var(--cg-accent)}.cg-theme-editor-status--error{color:#ff5f57}.cg-theme-editor-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:20px;padding:16px 18px 24px;display:flex;overflow-y:auto}.cg-theme-editor-group{flex-direction:column;gap:2px;display:flex}.cg-theme-editor-group-title{font-family:var(--cg-font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--cg-text-muted);margin-bottom:6px;font-size:9px;font-weight:600}.cg-theme-editor-row{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 10px;transition:background .12s;display:flex}.cg-theme-editor-row:hover{background:var(--cg-bg-surface)}.cg-theme-editor-row-label{color:var(--cg-text-secondary);-webkit-user-select:none;user-select:none;flex:1;font-size:13px}.cg-theme-editor-swatch{border:1px solid var(--cg-border);background:var(--cg-bg-surface);cursor:pointer;border-radius:6px;flex-shrink:0;width:44px;height:30px;padding:2px}.cg-theme-editor-swatch::-webkit-color-swatch-wrapper{border-radius:4px;padding:0}.cg-theme-editor-swatch::-webkit-color-swatch{border:none;border-radius:4px}.cg-theme-editor-hint{color:var(--cg-text-muted);text-align:center;margin:0;padding-top:4px;font-size:11px}
