:root{--cp-bg:#fff;--cp-bg-alt:#f8f9fa;--cp-text:#1f2937;--cp-text-muted:#4b5563;--cp-border:#e5e7eb;--cp-primary:#2563eb;--cp-primary-hover:#1d4ed8;--cp-secondary:#f3f4f6;--cp-secondary-hover:#e5e7eb;--cp-focus:#93c5fd;--cp-danger:#ef4444;--cp-danger-hover:#dc2626;--cp-radius:4px;--cp-radius-lg:8px}*{box-sizing:border-box}body{color:var(--cp-text);background-color:var(--cp-bg-alt);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--cp-text);margin-top:0;margin-bottom:.5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--cp-primary);text-decoration:underline}a:hover{text-decoration:none}.app-container{max-width:960px;margin:0 auto;padding:2rem 1rem}.cp-header{border-bottom:1px solid var(--cp-border);margin-bottom:2rem;padding-bottom:1rem}.cp-header h1{margin-bottom:.25rem}.cp-header p{color:var(--cp-text-muted);margin-bottom:1rem}.cp-header-actions{gap:.5rem;display:flex}.cp-card{background-color:var(--cp-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);margin-bottom:1.5rem;padding:1.5rem}.cp-card-header{border-bottom:1px solid var(--cp-border);margin-bottom:1rem;padding-bottom:.5rem}.cp-card-title{margin:0;font-size:1.125rem;font-weight:600}.cp-card-description{color:var(--cp-text-muted);margin:.25rem 0 0;font-size:.875rem}.cp-form-group{margin-bottom:1rem}.cp-label{color:var(--cp-text);margin-bottom:.25rem;font-weight:500;display:block}.cp-input,.cp-textarea,.cp-select{border:1px solid var(--cp-border);border-radius:var(--cp-radius);background-color:var(--cp-bg);width:100%;color:var(--cp-text);padding:.5rem .75rem;font-family:inherit;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cp-input:focus,.cp-textarea:focus,.cp-select:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px var(--cp-focus);outline:none}.cp-textarea{resize:vertical;min-height:80px}.cp-radio-group{flex-direction:column;gap:.5rem;display:flex}.cp-radio-label{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.cp-radio-label input[type=radio]{margin-top:.2rem}.cp-radio-text{flex-direction:column;display:flex}.cp-radio-title{color:var(--cp-text);font-weight:500}.cp-radio-desc{color:var(--cp-text-muted);font-size:.875rem}.cp-button-primary,.cp-button-secondary,.cp-button-danger{border-radius:var(--cp-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.375rem .75rem;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s ease-in-out;display:inline-flex}.cp-button-primary:focus,.cp-button-secondary:focus,.cp-button-danger:focus{box-shadow:0 0 0 3px var(--cp-focus);outline:none}.cp-button-primary{background-color:var(--cp-primary);color:#fff}.cp-button-primary:hover{background-color:var(--cp-primary-hover)}.cp-button-secondary{background-color:var(--cp-secondary);color:var(--cp-text);border-color:var(--cp-border)}.cp-button-secondary:hover{background-color:var(--cp-secondary-hover)}.cp-button-danger{background-color:var(--cp-bg);color:var(--cp-danger);border-color:var(--cp-danger)}.cp-button-danger:hover{background-color:var(--cp-danger);color:#fff}.cp-list-editor{flex-direction:column;gap:.5rem;display:flex}.cp-list-item{align-items:center;gap:.5rem;display:flex}.cp-list-item-input{flex:1}.cp-empty-state{color:var(--cp-text-muted);padding:.5rem 0;font-size:.875rem;font-style:italic}.cp-output-area{background-color:var(--cp-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:1.5rem;font-family:inherit}.cp-output-section{margin-bottom:1.25rem}.cp-output-section:last-child{margin-bottom:0}.cp-output-heading{border-bottom:1px solid var(--cp-border);margin-bottom:.5rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:600}.cp-output-content{white-space:pre-wrap;font-size:.875rem}ul.cp-output-list{margin-top:0;margin-bottom:.5rem;padding-left:1.5rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}