:root{--ccg-primary:#6366f1;--ccg-primary-rgb:99, 102, 241;--ccg-primary-light:#6366f114;--ccg-primary-glow:#6366f140;--ccg-text:#1e293b;--ccg-text-secondary:#475569;--ccg-text-muted:#64748b;--ccg-bg:#fff;--ccg-bg-subtle:#f8fafc;--ccg-bg-hover:#6366f10a;--ccg-border:#e2e8f0;--ccg-border-light:#0000000f;--ccg-card-shadow:0 1px 2px #0000000a, 0 4px 12px #0000000a;--ccg-radius:8px;--ccg-radius-lg:12px;--ccg-success:#10b981;--ccg-success-light:#10b9811a;--ccg-warning:#f59e0b;--ccg-warning-light:#f59e0b1a;--ccg-danger:#ef4444;--ccg-danger-light:#ef44441a}._ccg-container{flex-direction:column;gap:1.25rem;max-width:680px;margin:0 auto;display:flex}._ccg-card,._ccg-section-card{background:var(--ccg-bg);border-radius:var(--ccg-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccg-border);box-shadow:var(--ccg-card-shadow)}._ccg-card{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._ccg-label{color:var(--ccg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}._ccg-input{border-style:solid;border-width:1.5px;border-color:var(--ccg-border);border-radius:var(--ccg-radius);color:var(--ccg-text);background:var(--ccg-bg);-webkit-appearance:none;appearance:none;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._ccg-input:focus{border-color:var(--ccg-primary);box-shadow:0 0 0 3px rgba(var(--ccg-primary-rgb), .1)}._ccg-input-mono{font-family:var(--main-font-mono)}._ccg-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._ccg-field{flex-direction:column;gap:.375rem;display:flex}._ccg-option-group{flex-direction:column;gap:.5rem;display:flex}._ccg-option-header{justify-content:space-between;align-items:center;display:flex}._ccg-length-input{border-style:solid;border-width:1.5px;border-color:var(--ccg-border);width:4rem;color:var(--ccg-primary);background:var(--ccg-bg);text-align:center;font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);border-radius:6px;outline:none;padding:.25rem .5rem}._ccg-length-input:focus{border-color:var(--ccg-primary);box-shadow:0 0 0 3px rgba(var(--ccg-primary-rgb), .1)}._ccg-slider{-webkit-appearance:none;appearance:none;background:var(--ccg-border);touch-action:pan-y;background-clip:content-box;border-radius:3px;outline:none;width:100%;height:6px;margin:-.5rem 0;padding:.5rem 0}._ccg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ccg-primary);cursor:pointer;width:22px;height:22px;box-shadow:0 1px 4px rgba(var(--ccg-primary-rgb), .3);border-radius:50%}._ccg-slider::-moz-range-thumb{background:var(--ccg-primary);cursor:pointer;width:22px;height:22px;box-shadow:0 1px 4px rgba(var(--ccg-primary-rgb), .3);border:none;border-radius:50%}._ccg-checkbox{color:var(--ccg-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}._ccg-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ccg-primary);cursor:pointer}._ccg-btn{border-radius:var(--ccg-radius);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:500;transition:opacity .15s,box-shadow .15s;display:inline-flex}._ccg-btn:hover{opacity:.85}._ccg-btn-primary{background:var(--ccg-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--ccg-primary-rgb), .25)}._ccg-btn-secondary{background:var(--ccg-bg);color:var(--ccg-text-secondary);border-style:solid;border-width:1.5px;border-color:var(--ccg-border)}._ccg-btn-secondary:hover{border-color:rgba(var(--ccg-primary-rgb), .3);color:var(--ccg-primary)}._ccg-btn-sm{padding:.375rem .75rem;font-size:.75rem}._ccg-btn-danger{color:var(--ccg-text-muted);background:0 0;border:none;padding:.375rem}._ccg-btn-danger:hover{color:var(--ccg-danger);opacity:1}._ccg-actions{justify-content:center;display:flex}._ccg-section-toggle{cursor:pointer;width:100%;color:var(--ccg-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:space-between;align-items:center;min-height:48px;padding:.875rem 1.25rem;display:flex}._ccg-section-title{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}._ccg-toggle-icon{color:var(--ccg-text-muted);transition:transform .2s;display:flex}._ccg-section-toggle.is-open ._ccg-toggle-icon,._ccg-advanced-toggle.is-open ._ccg-toggle-icon{transform:rotate(180deg)}._ccg-textarea{border-style:solid;border-width:1.5px;border-color:var(--ccg-border);border-radius:var(--ccg-radius);width:100%;min-height:8rem;font-family:var(--main-font-mono);color:var(--ccg-text);background:var(--ccg-bg-subtle);resize:vertical;-webkit-appearance:none;appearance:none;-webkit-overflow-scrolling:touch;outline:none;padding:.75rem;font-size:.8125rem;line-height:1.6}._ccg-textarea:focus{border-color:var(--ccg-primary);box-shadow:0 0 0 3px rgba(var(--ccg-primary-rgb), .1)}@media (max-width:768px){._ccg-container{padding-left:1rem;padding-right:1rem}._ccg-input,._ccg-textarea,._ccg-length-input,._ccg-search-input,._ccg-note-input{font-size:16px}._ccg-btn{min-height:44px;padding:.6875rem 1.125rem}._ccg-btn-sm{min-height:40px;padding:.5rem .875rem}._ccg-slider::-webkit-slider-thumb{width:26px;height:26px}._ccg-slider::-moz-range-thumb{width:26px;height:26px}._ccg-length-input{min-height:40px;padding:.4375rem .5rem}}@media (max-width:480px){._ccg-card{padding:1rem}._ccg-row{grid-template-columns:1fr}._ccg-section-toggle{padding:.875rem 1rem}._ccg-actions ._ccg-btn-primary{width:100%}._ccg-length-input{width:5rem;min-height:40px}}._ccg-char-options{flex-wrap:wrap;gap:1rem;display:flex}._ccg-sep-options{gap:.375rem;display:flex}._ccg-sep-btn{cursor:pointer;background:var(--ccg-bg-subtle);border-style:solid;border-width:1.5px;border-color:var(--ccg-border);min-width:2.5rem;color:var(--ccg-text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;padding:.375rem .75rem;transition:border-color .15s,color .15s,background .15s}._ccg-sep-btn:hover{border-color:rgba(var(--ccg-primary-rgb), .3);color:var(--ccg-primary)}._ccg-sep-btn--active{background:var(--ccg-primary-light);border-color:var(--ccg-primary);color:var(--ccg-primary)}._ccg-advanced{border-top-style:solid;border-top-width:1px;border-top-color:var(--ccg-border);padding-top:.75rem}._ccg-advanced-toggle{cursor:pointer;width:100%;color:var(--ccg-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:space-between;align-items:center;min-height:36px;padding:.375rem 0;font-size:.8125rem;font-weight:500;display:flex}._ccg-advanced-toggle:hover{color:var(--ccg-text)}._ccg-advanced-body{flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}._ccg-preview-header{justify-content:space-between;align-items:center;display:flex}._ccg-preview-title{color:var(--ccg-text);font-size:.875rem;font-weight:600}._ccg-preview-count{color:var(--ccg-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}._ccg-preview-sample{flex-wrap:wrap;gap:.375rem;display:flex}._ccg-sample-code{background:var(--ccg-primary-light);font-family:var(--main-font-mono);color:var(--ccg-primary);letter-spacing:.02em;border-radius:6px;align-items:center;padding:.3125rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}._ccg-preview-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}._ccg-preview-buttons{gap:.5rem;display:flex}@media (max-width:768px){._ccg-sep-btn{min-height:40px;padding:.5rem .875rem;font-size:.875rem}._ccg-checkbox{min-height:36px;padding:.25rem 0;font-size:.875rem}._ccg-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem}._ccg-sample-code{padding:.375rem .625rem;font-size:.875rem}}@media (max-width:480px){._ccg-sep-options{flex-wrap:wrap;gap:.5rem}._ccg-sep-btn{flex:calc(50% - .5rem)}._ccg-preview-actions{flex-direction:column;align-items:stretch;gap:.625rem}._ccg-preview-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._ccg-preview-buttons ._ccg-btn-sm,._ccg-preview-actions ._ccg-btn-primary{width:100%}._ccg-char-options{gap:.875rem 1.25rem}}._ccg-manager-body{border-top-style:solid;border-top-width:1px;border-top-color:var(--ccg-border);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._ccg-manager-badge-wrap{align-items:center;gap:.5rem;display:flex}._ccg-manager-badge{background:var(--ccg-primary);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}._ccg-manager-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._ccg-search-wrap{border-style:solid;border-width:1.5px;border-color:var(--ccg-border);border-radius:var(--ccg-radius);background:var(--ccg-bg);-webkit-appearance:none;appearance:none;flex:1;align-items:center;gap:.5rem;min-width:160px;padding:.4375rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}._ccg-search-wrap:focus-within{border-color:var(--ccg-primary);box-shadow:0 0 0 3px rgba(var(--ccg-primary-rgb), .1)}._ccg-search-wrap svg{color:var(--ccg-text-muted);flex-shrink:0}._ccg-search-input{color:var(--ccg-text);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}._ccg-search-input::placeholder{color:var(--ccg-text-muted)}._ccg-filter-btns{gap:.25rem;display:flex}._ccg-filter-btn{cursor:pointer;border-style:solid;border-width:1.5px;border-color:var(--ccg-border);color:var(--ccg-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}._ccg-filter-btn:hover{border-color:rgba(var(--ccg-primary-rgb), .3);color:var(--ccg-primary)}._ccg-filter-btn--active{background:var(--ccg-primary-light);border-color:var(--ccg-primary);color:var(--ccg-primary)}._ccg-groups{flex-direction:column;gap:.75rem;display:flex}._ccg-group{border-style:solid;border-width:1px;border-color:var(--ccg-border);border-radius:var(--ccg-radius);overflow:hidden}._ccg-group-header{background:var(--ccg-bg-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}._ccg-group-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}._ccg-group-name{color:var(--ccg-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}._ccg-group-meta{color:var(--ccg-text-muted);gap:.75rem;font-size:.6875rem;display:flex}._ccg-group-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._ccg-group-body{border-top-style:solid;border-top-width:1px;border-top-color:var(--ccg-border);display:none}._ccg-group.is-open ._ccg-group-body{display:block}._ccg-code-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:320px;padding:.5rem;display:flex;overflow-y:auto}._ccg-code-item{border-radius:6px;align-items:center;gap:.5rem;padding:.4375rem .625rem;transition:background .1s;display:flex}._ccg-code-item:hover{background:var(--ccg-bg-hover)}._ccg-code-item.is-used{opacity:.5}._ccg-code-value{font-family:var(--main-font-mono);color:var(--ccg-text);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;font-weight:500;overflow:hidden}._ccg-code-item.is-used ._ccg-code-value{text-decoration:line-through}._ccg-code-note{color:var(--ccg-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.6875rem;overflow:hidden}._ccg-code-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}._ccg-code-btn{cursor:pointer;width:1.75rem;height:1.75rem;color:var(--ccg-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}._ccg-code-btn:hover{color:var(--ccg-primary);background:var(--ccg-primary-light)}._ccg-code-btn--used{color:var(--ccg-success)}._ccg-code-btn--used:hover{color:var(--ccg-warning);background:var(--ccg-warning-light)}._ccg-used-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--ccg-success-light);color:var(--ccg-success);border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}._ccg-empty{color:var(--ccg-text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}._ccg-empty svg{opacity:.4}._ccg-empty-text{font-size:.8125rem}._ccg-note-input{border-style:solid;border-width:1.5px;border-color:var(--ccg-primary);color:var(--ccg-text);background:var(--ccg-bg);width:120px;box-shadow:0 0 0 3px rgba(var(--ccg-primary-rgb), .1);border-radius:4px;outline:none;padding:.25rem .5rem;font-size:.6875rem}@media (max-width:768px){._ccg-filter-btn{min-height:38px;padding:.5rem .875rem;font-size:.8125rem}._ccg-search-wrap{padding:.5rem .75rem}._ccg-code-btn{border-radius:6px;width:2.25rem;height:2.25rem}._ccg-code-item{gap:.375rem;padding:.5rem .625rem}._ccg-code-item ._ccg-code-actions{gap:.375rem}._ccg-code-value{font-size:.875rem}._ccg-group-actions{gap:.375rem}._ccg-group-header{min-height:56px;padding:.875rem 1rem}._ccg-group-name{font-size:.875rem}}@media (max-width:480px){._ccg-manager-body{padding:1rem}._ccg-manager-toolbar{flex-direction:column;align-items:stretch}._ccg-search-wrap{min-width:auto}._ccg-filter-btns{grid-template-columns:repeat(3,1fr);gap:.375rem;width:100%;display:grid}._ccg-filter-btn{text-align:center}._ccg-code-note{display:none}._ccg-code-note:has(._ccg-note-input){flex:1;min-width:0;display:block}._ccg-note-input{width:100%}._ccg-group-header{padding:.75rem .875rem}._ccg-group-meta{flex-wrap:wrap;gap:.375rem;font-size:.6875rem}._ccg-code-list{max-height:60vh}}