*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:#212529}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0;line-height:1.6}input,textarea,select{font-family:inherit;font-size:14px;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff;color:#212529}input:focus,textarea:focus,select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}input:disabled,textarea:disabled,select:disabled{background-color:#e9ecef;opacity:1}textarea{resize:vertical;min-height:38px}label{display:block;margin-bottom:5px;font-weight:500;color:#495057;font-size:14px}button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:8px 16px;transition:all .15s ease-in-out;outline:none}button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#218838}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out}.card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.card-clickable{cursor:pointer}.card-body{padding:16px}.component-static{background-color:#f8f9fa;border-left:4px solid #28a745}.component-dynamic{background-color:#f0f8ff;border-left:4px solid #007bff}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px}.badge-static{background-color:#28a745;color:#fff}.badge-dynamic{background-color:#007bff;color:#fff}.scope-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#007bff;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.scope-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:14px;line-height:1}.plus-btn{width:40px;height:40px;border-radius:50%;background-color:#007bff;color:#fff;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;box-shadow:0 2px 4px #0000001a}.plus-btn:hover{background-color:#0056b3;transform:scale(1.05)}.plus-btn-large{width:60px;height:60px;font-size:30px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:100%;max-height:80vh;overflow:auto;padding:30px}.content-display{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;word-wrap:break-word;line-height:1.4;color:#495057}.text-center{text-align:center}.text-muted{color:#6c757d}.text-primary{color:#007bff}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.container{max-width:800px;margin:0 auto;padding:20px}.container-sm{max-width:600px;margin:0 auto;padding:20px}