:root{--cpg-primary:var(--main-primary);--cpg-primary-rgb:99, 102, 241;--cpg-text:var(--main-text-primary);--cpg-text-muted:var(--main-text-secondary);--cpg-text-light:#94a3b8;--cpg-bg:#fff;--cpg-bg-subtle:#f8fafc;--cpg-bg-hover:#f1f5f9;--cpg-border:#e2e8f0;--cpg-border-light:#f1f5f9;--cpg-radius:10px;--cpg-radius-lg:14px;--cpg-shadow:0 1px 3px #0000000d;--cpg-shadow-md:0 4px 12px #00000014;--cpg-success:#10b981;--cpg-success-rgb:16, 185, 129}._cpg-container{gap:var(--main-space-5);flex-direction:column;max-width:800px;margin:0 auto;display:flex}._cpg-card{gap:var(--main-space-5);padding:var(--main-space-6);background:var(--cpg-bg);border-style:solid;border-width:1px;border-color:var(--cpg-border);border-radius:var(--cpg-radius-lg);box-shadow:var(--cpg-shadow);flex-direction:column;display:flex}._cpg-section-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-base);color:var(--cpg-text);font-weight:600;display:flex}._cpg-section-title svg{color:var(--cpg-primary);flex-shrink:0}._cpg-form-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._cpg-field{gap:var(--main-space-2);flex-direction:column;display:flex}._cpg-label{font-size:var(--main-text-xs);color:var(--cpg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._cpg-input{font-size:var(--main-text-sm);color:var(--cpg-text);background:var(--cpg-bg);border-style:solid;border-width:1.5px;border-color:var(--cpg-border);border-radius:var(--cpg-radius);padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}._cpg-input:focus{border-color:var(--cpg-primary);box-shadow:0 0 0 3px rgba(var(--cpg-primary-rgb), .1);outline:none}._cpg-input::placeholder{color:var(--cpg-text-light)}._cpg-input-date{max-width:220px}._cpg-cookie-types{gap:var(--main-space-3);flex-direction:column;display:flex}._cpg-cookie-type{gap:var(--main-space-1);padding:var(--main-space-4);background:var(--cpg-bg-subtle);border-style:solid;border-width:1px;border-color:var(--cpg-border-light);border-radius:var(--cpg-radius);cursor:pointer;flex-direction:column;transition:border-color .2s;display:flex}._cpg-cookie-type:hover{border-color:var(--cpg-border)}._cpg-cookie-type-header{align-items:center;gap:var(--main-space-2);display:flex}._cpg-cookie-type-header input{display:none}._cpg-cookie-type-name{font-size:var(--main-text-sm);color:var(--cpg-text);font-weight:600}._cpg-cookie-type-desc{font-size:var(--main-text-xs);color:var(--cpg-text-muted);padding-left:calc(18px + var(--main-space-2));margin:0;line-height:1.5}._cpg-checkmark{border-style:solid;border-width:2px;border-color:var(--cpg-border);border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}input:checked+._cpg-checkmark{background:var(--cpg-primary);border-color:var(--cpg-primary)}input:checked+._cpg-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}._cpg-checkmark-locked{background:var(--cpg-text-light);border-color:var(--cpg-text-light);opacity:.7}._cpg-checkmark-locked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}._cpg-cookie-type:hover ._cpg-checkmark:not(._cpg-checkmark-locked){border-color:var(--cpg-primary)}._cpg-badge{border-radius:var(--main-radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}._cpg-badge-required{background:rgba(var(--cpg-success-rgb), .1);color:var(--cpg-success)}._cpg-compliance-options{gap:var(--main-space-3);flex-direction:column;display:flex}._cpg-compliance-option{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);background:var(--cpg-bg-subtle);border-style:solid;border-width:1px;border-color:var(--cpg-border-light);border-radius:var(--cpg-radius);cursor:pointer;transition:border-color .2s;display:flex}._cpg-compliance-option:hover{border-color:var(--cpg-border)}._cpg-compliance-option input{display:none}._cpg-compliance-info{flex-direction:column;gap:2px;display:flex}._cpg-compliance-name{font-size:var(--main-text-sm);color:var(--cpg-text);font-weight:600}._cpg-compliance-desc{font-size:var(--main-text-xs);color:var(--cpg-text-muted)}._cpg-format-row{align-items:flex-end;display:flex}._cpg-format-options{gap:var(--main-space-2);background:var(--cpg-bg-subtle);border-radius:var(--cpg-radius);padding:4px;display:flex}._cpg-format-btn{font-size:var(--main-text-sm);color:var(--cpg-text-muted);border-radius:calc(var(--cpg-radius) - 2px);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:500;transition:all .2s}._cpg-format-btn:hover{color:var(--cpg-text)}._cpg-format-btn.active{background:var(--cpg-bg);color:var(--cpg-primary);box-shadow:var(--cpg-shadow-md)}._cpg-generate-btn{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-base);color:#fff;background:var(--cpg-primary);border-radius:var(--cpg-radius);cursor:pointer;box-shadow:0 2px 8px rgba(var(--cpg-primary-rgb), .3);border:none;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s,box-shadow .2s;display:flex}._cpg-generate-btn:hover{opacity:.9;box-shadow:0 4px 12px rgba(var(--cpg-primary-rgb), .4)}@media (max-width:768px){._cpg-container{padding-left:1rem;padding-right:1rem}._cpg-card{padding:var(--main-space-4)}._cpg-form-grid{grid-template-columns:1fr}._cpg-input-date{max-width:100%}}._cpg-output-card{background:var(--cpg-bg);border-style:solid;border-width:1px;border-color:var(--cpg-border);border-radius:var(--cpg-radius-lg);box-shadow:var(--cpg-shadow);flex-direction:column;display:flex;overflow:hidden}._cpg-output-header{padding:var(--main-space-4) var(--main-space-5);background:var(--cpg-bg-subtle);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cpg-border-light);justify-content:space-between;align-items:center;display:flex}._cpg-output-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--cpg-text);font-weight:600;display:flex}._cpg-output-title svg{color:var(--cpg-primary)}._cpg-output-actions{gap:var(--main-space-2);display:flex}._cpg-action-btn{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--cpg-text-muted);background:var(--cpg-bg);border-style:solid;border-width:1px;border-color:var(--cpg-border);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-weight:500;transition:all .2s;display:flex}._cpg-action-btn:hover{color:var(--cpg-primary);border-color:var(--cpg-primary);background:rgba(var(--cpg-primary-rgb), .05)}._cpg-preview{padding:var(--main-space-6);font-size:var(--main-text-sm);color:var(--cpg-text);min-height:200px;max-height:500px;line-height:1.75;overflow-y:auto}._cpg-preview h1{font-size:var(--main-text-xl);color:var(--cpg-text);margin:0 0 var(--main-space-4) 0;font-weight:700}._cpg-preview h2{font-size:var(--main-text-lg);color:var(--cpg-text);margin:var(--main-space-6) 0 var(--main-space-3) 0;font-weight:600}._cpg-preview h3{font-size:var(--main-text-base);color:var(--cpg-text);margin:var(--main-space-4) 0 var(--main-space-2) 0;font-weight:600}._cpg-preview p{margin:0 0 var(--main-space-3) 0}._cpg-preview ul{margin:0 0 var(--main-space-3) 0;padding-left:var(--main-space-5)}._cpg-preview li{margin-bottom:var(--main-space-1)}._cpg-preview strong{font-weight:600}._cpg-preview::-webkit-scrollbar{width:8px}._cpg-preview::-webkit-scrollbar-track{background:var(--cpg-bg-subtle)}._cpg-preview::-webkit-scrollbar-thumb{background:var(--cpg-border);border-radius:4px}._cpg-preview::-webkit-scrollbar-thumb:hover{background:var(--cpg-text-light)}._cpg-raw-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--cpg-border-light)}._cpg-raw-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-5);font-size:var(--main-text-xs);color:var(--cpg-text-muted);background:var(--cpg-bg-subtle);cursor:pointer;border:none;font-weight:500;transition:color .2s;display:flex}._cpg-raw-toggle:hover{color:var(--cpg-text)}._cpg-raw-toggle-icon{margin-left:auto;transition:transform .2s;display:flex}._cpg-raw-toggle-icon.open{transform:rotate(180deg)}._cpg-raw-content{padding:0 var(--main-space-5) var(--main-space-5)}._cpg-raw-textarea{width:100%;padding:var(--main-space-4);font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--cpg-text);background:var(--cpg-bg-subtle);border-style:solid;border-width:1px;border-color:var(--cpg-border);border-radius:var(--cpg-radius);resize:vertical;outline:none;line-height:1.6}._cpg-raw-textarea:focus{border-color:var(--cpg-primary);box-shadow:0 0 0 3px rgba(var(--cpg-primary-rgb), .1)}@media (max-width:768px){._cpg-output-header{gap:var(--main-space-3);flex-direction:column;align-items:stretch}._cpg-output-actions{justify-content:flex-end}._cpg-preview{padding:var(--main-space-4);max-height:400px}._cpg-raw-content{padding:0 var(--main-space-4) var(--main-space-4)}}