*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background:#f5f5f5;height:100vh;overflow:hidden}#root{height:100%}.app{max-width:none;margin:0;padding:.75rem 1.5rem;height:100%;min-height:0;display:flex;flex-direction:column}.header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.header p{margin:0;font-size:.9rem;color:#666}.header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__title{color:inherit;text-decoration:none}.header__title:hover{text-decoration:underline}.header__actions{display:flex;gap:.5rem}.btn{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-align:center;text-decoration:none;border-radius:6px;border:1px solid transparent;cursor:pointer}.btn--primary{color:#fff;background:#0d6efd;border-color:#0d6efd}.btn--primary:hover{background:#0b5ed7;border-color:#0a58ca}.main{margin:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.main p{margin:0;color:#444}.scenario-editor{display:flex;gap:1.5rem;min-height:0;height:100%}.scenario-editor__left{flex:0 0 25%;max-width:320px;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:100%;max-height:100%;min-height:0;padding-right:.75rem}.scenario-editor__right{flex:1;display:flex;flex-direction:column;min-width:0}.scenario-editor__sidebar{display:flex;flex-direction:column;gap:1rem}.scenario-editor__palette,.scenario-editor__panel{padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px dashed #dee2e6}.scenario-editor__panel--flows{flex:1;display:flex;flex-direction:column;min-height:0}.scenario-editor__flows{flex:1;display:flex;min-height:0}.scenario-editor__label{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#6c757d}.scenario-editor__label--steps{margin-top:1rem}.scenario-editor__sublabel{margin:0 0 .5rem;font-size:.75rem;color:#868e96}.scenario-editor__panel .scenario-editor__canvas,.scenario-editor__panel .scenario-editor__steps{margin-top:.5rem}.scenario-editor__breadcrumb-root{border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-transform:uppercase}.scenario-editor__breadcrumb-root:hover{text-decoration:underline}.scenario-editor__breadcrumb-separator{margin-left:.5rem}.scenario-editor__modules{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .5rem}.scenario-editor__desktop{flex:1;display:flex;flex-direction:column;gap:1rem}.scenario-editor__row{display:flex;gap:1rem}.scenario-editor__column{flex:1;display:flex;flex-direction:column;gap:.5rem}.scenario-editor__column--full{flex:1}.scenario-editor__box{min-height:80px;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px dashed #dee2e6}.scenario-editor__json{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-word;color:#495057}.scenario-editor__canvas{flex:1;padding:1rem;background:#fff;border-radius:6px;border:2px dashed #dee2e6;transition:border-color .15s,background .15s}.scenario-editor__canvas--over{border-color:#0d6efd;background:#f0f7ff}.scenario-editor__canvas--disabled{opacity:.4;filter:grayscale(.1)}.scenario-editor__placeholder{margin:0;color:#adb5bd;font-size:.9rem}.scenario-editor__steps{margin:0;padding:0;list-style:none}.scenario-editor__steps li{margin-bottom:.5rem}.scenario-editor__steps--inline{display:flex;flex-wrap:wrap;gap:.5rem}.scenario-editor__steps--inline li{margin-bottom:0}.scenario-editor__item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.875rem;cursor:grab;-webkit-user-select:none;user-select:none}.scenario-editor__item:active{cursor:grabbing}.scenario-editor__item--dragging{opacity:.6;box-shadow:0 4px 12px #00000026}.scenario-editor__item--placed{cursor:default}.scenario-editor__item-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;color:#0d6efd}.scenario-editor__item-type{font-weight:600;color:#0d6efd}.scenario-editor__item-id{font-size:.75rem;color:#6c757d}.scenario-editor__delete-btn{flex-shrink:0;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:4px;background:#f8f9fa;color:#6c757d;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.scenario-editor__delete-btn:hover{background:#dc3545;color:#fff}.scenario-editor__item-with-delete{display:inline-flex;align-items:center;gap:.35rem}.scenario-editor__item-content{flex:1;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.scenario-editor__item-content:hover{text-decoration:underline}.scenario-list{overflow-x:auto;overflow-y:auto;flex:1}.scenario-table{width:100%;border-collapse:collapse;font-size:.875rem}.scenario-table th,.scenario-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #dee2e6}.scenario-table th{font-weight:600;color:#6c757d;background:#f8f9fa}.scenario-table__row{cursor:pointer}.scenario-table__row:hover{background:#f8f9fa}.scenario-table__id{font-family:ui-monospace,monospace;font-size:.8rem}.scenario-table__empty{color:#6c757d;font-style:italic;text-align:center;padding:2rem!important}.list-state{margin:0;color:#444}.list-state--error{color:#dc3545}.page-editor__title{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.page-editor__save{margin-top:1rem}.page-editor{display:flex;flex-direction:column;height:100%;min-height:0}.page-editor>.scenario-editor{flex:1;min-height:0}.scenario-editor__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.scenario-editor__modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;width:420px;max-width:calc(100% - 2rem);padding:1rem 1.25rem 1.25rem}.scenario-editor__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.scenario-editor__modal-title{margin:0;font-size:1rem;font-weight:600}.scenario-editor__modal-close{flex-shrink:0;border:none;background:#f1f3f5;color:#495057;width:2rem;height:2rem;border-radius:6px;font-size:1.35rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.scenario-editor__modal-close:hover{background:#e9ecef;color:#212529}.scenario-editor__dropdown-heading{font-size:.68rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.04em;padding:.4rem .45rem .15rem;pointer-events:none;-webkit-user-select:none;user-select:none}.scenario-editor__dropdown-heading:not(:first-child){margin-top:.35rem;border-top:1px solid #eee;padding-top:.55rem}.scenario-editor__dropdown-subheading{font-size:.75rem;font-weight:600;color:#495057;padding:.3rem .45rem .1rem;pointer-events:none;-webkit-user-select:none;user-select:none}.scenario-editor__dropdown-muted{font-size:.78rem;color:#868e96;padding:.25rem .45rem .35rem;pointer-events:none;-webkit-user-select:none;user-select:none}.scenario-editor__modal-body{display:flex;flex-direction:column;gap:.75rem}.scenario-editor__field{display:flex;flex-direction:column;gap:.3rem}.scenario-editor__field+.scenario-editor__field{margin-top:.8rem}.scenario-editor__panel>.scenario-editor__field:first-of-type{margin-top:.8rem}.scenario-editor__field-label{font-size:.8rem;font-weight:500;color:#555}.scenario-editor__field-input{padding:.4rem .5rem;border-radius:4px;border:1px solid #ced4da;font-size:.85rem}.scenario-editor__toggle{display:inline-flex;border-radius:999px;border:1px solid #0d6efd;overflow:hidden;padding:0}.toggle-btn{padding:.3rem .8rem;font-size:.8rem;border:none;background:transparent;color:#0d6efd;cursor:pointer;min-width:80px;flex:1 1 0}.toggle-btn--active{background:#0d6efd;color:#fff}