body,html{margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}#__next,#root,body,html{width:100%;height:100%}.studio-layout{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.studio-header{justify-content:space-between;padding:.75rem 1.5rem;background:#2c3e50;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:100}.header-left,.studio-header{display:flex;align-items:center}.header-left{gap:1.5rem}.studio-header h1{margin:0;font-size:1.25rem}.breadcrumb{flex-wrap:nowrap}.breadcrumb,.breadcrumb-item{display:flex;align-items:center;gap:0}.breadcrumb-sep{color:#7f8c8d;font-size:.85rem;margin:0 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-link{background:none;border:none;padding:.2rem .5rem;border-radius:4px;color:#bdc3c7;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.breadcrumb-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.breadcrumb-current{padding:.2rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;background:hsla(0,0%,100%,.12);white-space:nowrap}.header-actions{display:flex;gap:.5rem}.studio-content{display:flex;flex:1 1;overflow:hidden;position:relative}.element-palette{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px;background:#2c3e50;border-radius:10px;padding:8px 6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.palette-level-indicator{font-size:1.2rem;width:44px;height:36px;display:flex;align-items:center;justify-content:center;opacity:.5;cursor:default}.palette-divider{width:24px;height:1px;background:hsla(0,0%,100%,.15);margin:2px 0}.palette-icon-btn{width:44px;height:36px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-size:1.1rem;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.palette-icon-btn:hover{background:hsla(0,0%,100%,.15)}.palette-icon-btn:active{background:hsla(0,0%,100%,.25)}.palette-icon-btn--add{font-size:1.4rem;font-weight:300;color:#2ecc71}.palette-tooltip-wrapper{position:relative}.palette-tooltip{pointer-events:none;left:calc(100% + 12px);background:#1a252f;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:3px;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:200;box-shadow:0 4px 12px rgba(0,0,0,.4)}.palette-tooltip,.palette-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.palette-tooltip:before{content:"";right:100%;border:6px solid transparent;border-right-color:#1a252f}.palette-tooltip-wrapper:hover .palette-tooltip{opacity:1;visibility:visible}.palette-tooltip-title{font-size:.78rem;font-weight:600;color:#fff}.palette-tooltip-desc{font-size:.72rem;color:hsla(0,0%,100%,.65);width:260px;white-space:normal;line-height:1.4}.studio-sidebar{position:absolute;top:12px;right:12px;width:300px;max-height:calc(100% - 24px);overflow-y:auto;background:#fff;border-radius:10px;padding:2rem 1rem 1rem;box-shadow:0 4px 24px rgba(0,0,0,.14);z-index:50;border:1px solid #e9ecef}.sidebar-close-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:.75rem;color:#6c757d;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.sidebar-close-btn:hover{background:#f1f3f5;color:#212529}.connection-banner{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:#fff3cd;border:1px solid #ffeeba;color:#856404;border-radius:8px;font-size:.875rem;box-shadow:0 2px 12px rgba(0,0,0,.12);white-space:nowrap}.connection-banner button{background:#6c757d;color:#fff;padding:.35rem .75rem;font-size:.75rem}.relationship-details{padding:.75rem;border:1px solid #dee2e6;border-radius:6px;background:#fff}.relationship-details h3{margin:0 0 .5rem;font-size:1rem;color:#2c3e50}.relationship-type{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6c757d}.relationship-actions{margin-top:.75rem}.relationship-actions button{background:#dc3545;color:#fff}.studio-canvas{flex:1 1;display:flex;flex-direction:column;position:relative;overflow:hidden;order:2}.canvas-title{flex-shrink:0;padding:.4rem 1rem;font-size:.8rem;font-weight:600;color:#374151;background:#f3f4f6;border-bottom:1px solid #e5e7eb;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.element-editor{display:flex;flex-direction:column;gap:1rem}.element-editor div{display:flex;flex-direction:column;gap:.25rem}.element-editor label{font-weight:600;font-size:.875rem;color:#495057}.element-editor input:not([type=checkbox]),.element-editor select,.element-editor textarea{padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem}.element-editor input[type=checkbox]{width:auto;height:auto;padding:0;border:revert;border-radius:revert;cursor:pointer;accent-color:#007bff}.element-editor textarea{min-height:80px;resize:vertical}.element-editor .actions{flex-direction:row;gap:.5rem;margin-top:.5rem}.element-editor button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.element-editor button[type=submit]{background:#007bff;color:#fff}.element-editor button[type=submit]:hover{background:#0056b3}.element-editor button[type=button]{background:#6c757d;color:#fff}.element-editor button[type=button]:hover{background:#5a6268}button{padding:.5rem 1rem;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;font-size:.875rem;transition:background-color .2s}button:hover{background:#0056b3}.error-banner{background:#dc3545;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem}.element-details{padding:1rem}.element-details h3{margin:0 0 .5rem;font-size:1.25rem;color:#2c3e50}.element-kind{display:inline-block;padding:.25rem .5rem;background:#e0e0e0;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#555;margin-bottom:1rem}.element-parent{font-size:.875rem;color:#666;margin:.5rem 0}.element-actions{display:flex;gap:.5rem;margin-top:1rem}.searchable-dropdown{display:flex;flex-direction:column;gap:.25rem;position:relative}.searchable-dropdown label{font-weight:600;font-size:.875rem;color:#495057}.dropdown-trigger,.element-editor .dropdown-trigger{display:flex;align-items:flex-start;justify-content:space-between;padding:.5rem .75rem;background:#fff!important;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;cursor:pointer;text-align:left;color:#212529!important;width:100%}.dropdown-trigger:hover{border-color:#007bff;background:#f8f9fa}.dropdown-selected{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 1}.dropdown-selected-label{font-weight:500}.dropdown-selected-sublabel{font-size:.75rem;color:#6c757d}.dropdown-placeholder{color:#adb5bd}.dropdown-arrow{font-size:.625rem;color:#6c757d;flex-shrink:0;margin-left:.5rem}.dropdown-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:200;margin-top:2px;max-height:280px;display:flex;flex-direction:column}.dropdown-search{padding:.5rem .75rem;border:none;border-bottom:1px solid #dee2e6;font-size:.875rem;outline:none}.dropdown-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1}.dropdown-empty{padding:.75rem;color:#6c757d;font-size:.875rem;font-style:italic}.dropdown-item{padding:.5rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:2px}.dropdown-item:hover{background:#e9ecef}.dropdown-item--selected{background:#e7f3ff;color:#007bff}.dropdown-item-label{font-size:.875rem;font-weight:500}.dropdown-item-sublabel{font-size:.75rem;color:#6c757d}.connections-table-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #dee2e6}.connections-table-wrapper h4{margin:0 0 .25rem;font-size:.9rem;color:#2c3e50}.connections-group{display:flex;flex-direction:column;gap:.25rem}.connections-group-label{margin:0;font-size:.75rem;text-transform:uppercase;font-weight:600;color:#6c757d;letter-spacing:.5px}.connections-table{width:100%;border-collapse:collapse;font-size:.8rem}.connections-table th{text-align:left;padding:.3rem .5rem;background:#f1f3f5;border-bottom:1px solid #dee2e6;font-weight:600;color:#495057}.connections-table td{padding:.35rem .5rem;border-bottom:1px solid #f1f3f5;vertical-align:top}.connection-row{cursor:pointer;transition:background .1s}.connection-row:hover{background:#e9ecef}.conn-element-kind{font-size:.7rem;color:#6c757d}.connections-empty{margin:0;font-size:.875rem;color:#6c757d;font-style:italic}.add-connection-button{align-self:flex-start;margin-top:.25rem;padding:.35rem .75rem;font-size:.8rem;background:#17a2b8;color:#fff}.add-connection-button:hover{background:#138496}.external-toggle{display:flex!important;flex-direction:column!important;gap:.25rem}.external-toggle__row{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem}.external-toggle__row label{display:inline!important;font-weight:600;font-size:.875rem;cursor:pointer;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.external-toggle__hint{margin:0;font-size:.75rem;color:#8a0000;font-style:italic}.properties-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.properties-panel__title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.4px}.properties-panel__grid{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:.5rem .75rem;gap:.5rem .75rem;margin-bottom:.75rem}.properties-panel__label{font-size:.8rem;color:#495057}.properties-panel__color-btn{width:32px;height:24px;border-radius:4px;border:1px solid #ced4da;cursor:pointer;padding:0;background:transparent;box-shadow:none;transition:border-color .15s,box-shadow .15s;flex-shrink:0}.properties-panel__color-btn:hover{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);background:transparent}.properties-panel__reset{width:100%;padding:.4rem 0;font-size:.8rem;background:#f1f3f5;color:#495057;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:background .15s}.properties-panel__reset:hover{background:#e2e6ea;color:#212529}.delete-button{background:#dc3545!important;color:#fff!important}.delete-button:hover{background:#c82333!important}