.custom-properties-panel-container{--cpp-accent:var(--background-accent);--cpp-accent-soft:color-mix(in srgb,var(--background-accent) 12%,transparent);--cpp-accent-softer:color-mix(in srgb,var(--background-accent) 6%,transparent);--cpp-success:var(--generic-success);--cpp-success-soft:color-mix(in srgb,var(--generic-success) 14%,transparent);--cpp-danger:var(--generic-danger);--cpp-danger-soft:color-mix(in srgb,var(--generic-danger) 12%,transparent);--cpp-divider:var(--border-color);--cpp-row-divider:color-mix(in srgb,var(--border-color) 60%,transparent);--cpp-card-bg:var(--background-component);--cpp-card-body-bg:var(--background-primary);display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--background-primary);color:var(--font-color);font-family:inherit;box-sizing:border-box;overflow:hidden;min-width:280px;min-height:300px;position:relative}.custom-properties-panel-docking .docking-panel-close{height:32px!important;background-position:50%!important;border-bottom:none!important;background-color:transparent!important}.custom-properties-panel-docking{container-type:inline-size;container-name:custom-props-panel;overflow:hidden}.custom-properties-panel-docking .docking-panel-scroll{overflow:hidden!important;width:100%!important;box-sizing:border-box!important}.cpp-section-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 9px;border-bottom:1px solid var(--cpp-divider)}.cpp-section-header-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--font-color);opacity:.65}.cpp-section-header-create{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:4px;border:1px solid var(--border-color);background:var(--background-component);color:var(--font-color);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.cpp-section-header-create:hover{background:var(--cpp-accent-soft);border-color:var(--cpp-accent);color:var(--cpp-accent)}.cpp-search-bar{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 10px;box-sizing:border-box;border-bottom:1px solid var(--cpp-divider);background-color:var(--background-primary);overflow:hidden}.cpp-search-input-wrap{position:relative;flex:1 1;min-width:0}.cpp-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--font-color);opacity:.55;pointer-events:none}.cpp-search-input{width:calc(100% - 40px);padding:6px 8px 6px 28px;border-radius:4px;font-size:12px;font-family:inherit;border:1px solid var(--border-color);background-color:var(--editor-outlined-background);color:var(--font-color);outline:none;transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box}.cpp-search-input::placeholder{color:var(--font-color);opacity:.4}.cpp-search-input:focus{border-color:var(--cpp-accent);box-shadow:0 0 0 2px var(--cpp-accent-soft)}.cpp-search-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;border-radius:3px;color:var(--font-color);opacity:.6;cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}.cpp-search-clear:hover{background:var(--cpp-accent-soft);color:var(--cpp-accent);opacity:1}.cpp-search-no-match{padding:24px 16px;text-align:center;font-size:12px;color:var(--font-color);opacity:.6;font-style:italic}.cpp-loading-bar{flex:0 0 auto;height:2px;width:100%;background-color:var(--cpp-accent-softer);overflow:hidden}.cpp-loading-bar:before{content:"";display:block;width:40%;height:100%;background-color:var(--cpp-accent);animation:cpp-loading-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes cpp-loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.cpp-card-list{flex:1 1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.cpp-card-list::-webkit-scrollbar{width:5px}.cpp-card-list::-webkit-scrollbar-track{background:transparent}.cpp-card-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cpp-card-list::-webkit-scrollbar-thumb:hover{background:var(--cpp-accent)}.cpp-card{flex-shrink:0;border:1px solid var(--border-color);border-radius:6px;background-color:var(--cpp-card-bg);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.cpp-card:hover{border-color:var(--cpp-accent-soft)}.cpp-card.open{border-color:var(--border-color)}.cpp-card-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cpp-card-head:hover{background-color:var(--cpp-accent-softer)}.cpp-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--border-color);transition:background .18s ease,box-shadow .18s ease}.cpp-card.loaded .cpp-swatch{background:var(--cpp-success)}.cpp-card-name{flex:1 1 auto;font-size:13px;font-weight:600;color:var(--font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-card-count{flex-shrink:0;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background-color:var(--cpp-accent-soft);color:var(--cpp-accent);font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.cpp-card-count.cpp-card-count-empty{background-color:color-mix(in srgb,var(--font-color) 8%,transparent);color:var(--font-color);opacity:.55}.cpp-card-chev{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--font-color);opacity:.5;transition:transform .18s cubic-bezier(.2,.7,.3,1),opacity .15s ease}.cpp-card.open .cpp-card-chev{transform:rotate(90deg);opacity:.85}.cpp-card-body{display:flex;flex-direction:column;gap:10px;padding:4px 12px 12px;border-top:1px solid var(--cpp-divider);background-color:var(--cpp-card-body-bg);overflow-y:auto;max-height:min(420px,60vh)}.cpp-card-body::-webkit-scrollbar{width:5px}.cpp-card-body::-webkit-scrollbar-track{background:transparent}.cpp-card-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cpp-card-body::-webkit-scrollbar-thumb:hover{background:var(--cpp-accent)}.cpp-actrow{display:flex;gap:6px;padding-top:10px}.cpp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;font-family:inherit;border-radius:4px;border:1px solid var(--border-color);background-color:var(--background-component);color:var(--font-color);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.cpp-btn:hover:not(:disabled){background-color:var(--cpp-accent-soft);border-color:var(--cpp-accent);color:var(--cpp-accent)}.cpp-btn:disabled{opacity:.55;cursor:not-allowed}.cpp-btn-load{flex:1 1 auto}.cpp-btn-load,.cpp-btn-load:hover:not(:disabled){background-color:var(--cpp-accent);color:#000;border-color:var(--cpp-accent)}.cpp-btn-load:hover:not(:disabled){filter:brightness(1.08)}.cpp-btn-load.loaded{background-color:var(--background-component);color:var(--font-color);border-color:var(--border-color)}.cpp-btn-load.loaded:hover:not(:disabled){background-color:var(--cpp-danger-soft);color:var(--font-color);border-color:var(--cpp-danger);filter:none}.cpp-btn-load.is-busy{pointer-events:none;opacity:.85}.cpp-spinner{display:inline-block;width:13px;height:13px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:cpp-spin .7s linear infinite;vertical-align:middle}@keyframes cpp-spin{to{transform:rotate(1turn)}}.cpp-proplist{display:flex;flex-direction:column;border-radius:4px;overflow-y:auto;max-height:220px;background-color:var(--background-component);border:1px solid var(--border-color)}.cpp-proplist::-webkit-scrollbar{width:6px}.cpp-proplist::-webkit-scrollbar-track{background:transparent}.cpp-proplist::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cpp-proplist::-webkit-scrollbar-thumb:hover{background:var(--cpp-accent)}.cpp-prop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font-size:12px;border-bottom:1px solid var(--cpp-row-divider)}.cpp-prop:last-child{border-bottom:none}.cpp-prop-k{font-weight:500;opacity:.75;max-width:50%}.cpp-prop-k,.cpp-prop-v{color:var(--font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-prop-v{font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:11.5px;text-align:right;max-width:60%}.cpp-prop-empty{padding:12px 10px;text-align:center;font-size:11.5px;color:var(--font-color);opacity:.55;font-style:italic}.cpp-newprop-trigger{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;font-family:inherit;border-radius:4px;border:1px dashed var(--border-color);background-color:transparent;color:var(--font-color);opacity:.75;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.cpp-newprop-trigger:hover:not(:disabled){border-color:var(--cpp-accent);border-style:solid;color:var(--cpp-accent);background-color:var(--cpp-accent-soft);opacity:1}.cpp-newprop-trigger:disabled{cursor:not-allowed;opacity:.4}.cpp-newprop{display:grid;grid-template-columns:1fr 1fr auto auto;grid-gap:6px;gap:6px;align-items:center}.cpp-newprop-input{padding:6px 8px;border-radius:4px;font-size:12px;font-family:inherit;border:1px solid var(--border-color);background-color:var(--editor-outlined-background);color:var(--font-color);min-width:0;transition:border-color .12s ease,box-shadow .12s ease}.cpp-newprop-input::placeholder{color:var(--font-color);opacity:.4}.cpp-newprop-input:focus,.cpp-newprop-input:hover:not(:disabled){border-color:var(--cpp-accent)}.cpp-newprop-input:focus{outline:none}.cpp-newprop-input:disabled{opacity:.5;cursor:not-allowed}.cpp-newprop-add{width:28px;height:28px;padding:0;border-radius:4px;border:1px solid var(--cpp-accent);background-color:var(--cpp-accent);color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .12s ease,opacity .12s ease}.cpp-newprop-add:hover:not(:disabled){filter:brightness(1.08)}.cpp-newprop-add:disabled{background-color:var(--border-color);border-color:var(--border-color);opacity:.5;cursor:not-allowed}.cpp-newprop-cancel{width:28px;height:28px;padding:0;border-radius:4px;border:1px solid var(--border-color);background-color:transparent;color:var(--font-color);opacity:.65;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .12s ease,color .12s ease,opacity .12s ease}.cpp-newprop-cancel:hover{background:var(--cpp-accent-soft);color:var(--cpp-accent);opacity:1}.cpp-newprop-readonly{opacity:.55}.cpp-status{flex:0 0 auto;min-height:0;padding:0 14px;font-size:12px;font-weight:500;text-align:center;transition:padding .18s ease,min-height .18s ease,opacity .18s ease;opacity:0}.cpp-status:not(:empty){padding:8px 14px;min-height:18px;opacity:1}.cpp-status-success{color:var(--cpp-success);background-color:var(--cpp-success-soft)}.cpp-status-error{color:var(--cpp-danger);background-color:var(--cpp-danger-soft)}.cpp-empty-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%}.cpp-empty-content{display:flex;flex-direction:column;align-items:center;gap:6px}.cpp-empty-content-icon{font-size:42px;color:var(--font-color);opacity:.5;margin-bottom:8px}.cpp-empty-title{margin:0;font-size:14px;font-weight:600;color:var(--font-color)}.cpp-empty-sub{margin:4px 0 0;font-size:12px;color:var(--font-color);opacity:.6}.cpp-empty-create-btn{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid var(--cpp-accent);background-color:var(--cpp-accent);color:#000;cursor:pointer;transition:filter .12s ease}.cpp-empty-create-btn:hover{filter:brightness(1.08)}.custom-properties-spinner-overlay{position:absolute;inset:0;background:var(--background-primary);display:flex;align-items:center;justify-content:center;z-index:10;opacity:.97}.custom-properties-spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.custom-properties-spinner{width:40px;height:40px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--cpp-accent);border-radius:50%;animation:custom-spin .8s linear infinite}@keyframes custom-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@container custom-props-panel (max-width: 360px){.cpp-section-header{padding:8px 10px 7px}.cpp-card-list{padding:8px;gap:6px}.cpp-card-head{padding:9px 10px;gap:8px}.cpp-card-name{font-size:12.5px}.cpp-card-body{padding:4px 10px 10px}.cpp-actrow{gap:5px}.cpp-btn{padding:6px 8px;font-size:11.5px}}@container custom-props-panel (max-width: 280px){.cpp-newprop{grid-template-columns:1fr auto auto;grid-template-areas:"name name name" "value add cancel";gap:5px}.cpp-newprop-input:first-of-type{grid-area:name}.cpp-newprop-input:nth-of-type(2){grid-area:value}.cpp-newprop-add{grid-area:add}.cpp-newprop-cancel{grid-area:cancel}.cpp-prop-k{max-width:45%}.cpp-prop-v{max-width:55%;font-size:11px}}@media (max-width:320px){.cpp-section-header{padding:8px 10px 7px}.cpp-card-list{padding:8px;gap:6px}.cpp-card-head{padding:9px 10px;gap:8px}}.create-group-popup-container{display:flex;flex-direction:column;gap:16px;padding:16px;box-sizing:border-box}.create-group-popup-label{font-weight:600;font-size:14px}.create-group-popup-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.create-group-user-access-list{display:flex;flex-direction:column;gap:8px}.create-group-user-access-header,.create-group-user-access-row{display:flex;align-items:center;gap:8px}.create-group-user-access-header{font-weight:600;border-bottom:1px solid #ccc;padding-bottom:4px}.create-group-user-col{flex:1 1}.create-group-access-col{width:60px;text-align:center}.create-group-spinner-inline{width:16px;height:16px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--font-color);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:-8px}.share-group-popup-container{display:flex;flex-direction:column;gap:16px;padding:16px;box-sizing:border-box}.share-group-popup-label{font-weight:600;font-size:14px}.share-group-popup-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.share-group-spinner-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.share-group-user-access-list{display:flex;flex-direction:column;gap:8px;padding:4px 0;min-height:0}.share-group-user-access-header,.share-group-user-access-row{display:flex;align-items:center;gap:8px}.share-group-user-access-header{font-weight:600;border-bottom:1px solid #ccc;padding-bottom:4px}.share-group-user-access-list-rows{display:flex;flex-direction:column}.share-group-user-col{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-group-access-col{width:60px;text-align:center}.share-group-spinner-inline{margin-left:-8px}#export-panel-react-root,.export-panel-container #export-panel-react-root{width:100%;height:100%;box-sizing:border-box}.export-panel-container{--chevron-size:18px;--chevron-hit-area:21px}#export-panel.docking-panel .export-body,#export-panel.docking-panel .export-body *,#export-panel.docking-panel .export-footer,#export-panel.docking-panel .export-footer *,#export-panel.docking-panel .export-group,#export-panel.docking-panel .export-group *,#export-panel.docking-panel .export-header,#export-panel.docking-panel .export-header *,#export-panel.docking-panel .export-panel,#export-panel.docking-panel .export-panel *,#export-panel.docking-panel .export-row,#export-panel.docking-panel .export-row *,#export-panel.docking-panel .export-rows,#export-panel.docking-panel .export-rows *,#export-panel.docking-panel .export-search-container,#export-panel.docking-panel .export-search-container *{box-sizing:border-box!important;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important}.export-panel-container .docking-panel-close{height:32px!important;background-position:50%!important;border-bottom:none!important;background-color:transparent!important}.export-panel{height:calc(100% - 52px);display:flex;flex-direction:column;color:var(--font-color);font-size:12px;box-sizing:border-box}.export-panel,.export-search-container{background:var(--toolbar-background-color)}.export-search-container{padding:10px 12px 8px;border-bottom:1px solid var(--border-color)}.export-search-input{width:100%;padding:8px 12px;font-size:12px;color:var(--font-color);background:var(--toolbar-background-color-secondary);border:1px solid var(--border-color);border-radius:4px;outline:none;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.export-search-input::placeholder{color:var(--typography-label-color);opacity:.6}.export-search-input:focus{border-color:var(--active-background);background:var(--toolbar-background-color)}.export-header{padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--background-toolbar)}.export-select-all label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-select-all input[type=checkbox]{cursor:pointer;width:16px;height:16px}.export-select-all span{font-size:12px;font-weight:600}.export-body{flex:1 1;min-height:0;overflow:auto;padding:8px 10px 22px;background:var(--toolbar-background-color);box-sizing:border-box;overscroll-behavior:contain}.export-group{background:var(--toolbar-background-color-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.export-group+.export-group{margin-top:10px}.export-group-title{width:100%;display:grid;grid-template-columns:var(--chevron-hit-area) 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;border:0;background:var(--active-background);color:inherit;text-align:left;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .12s ease}.export-group-title:hover{background:var(--background-hover)}.export-chevron{width:var(--chevron-size);height:var(--chevron-size);justify-self:center;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M7.41 8.59 12 13.17 16.59 8.59 18 10l-6 6-6-6z"/></svg>') center /contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M7.41 8.59 12 13.17 16.59 8.59 18 10l-6 6-6-6z"/></svg>') center /contain no-repeat;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform .16s ease;pointer-events:none}.export-chevron.open{transform:rotate(0deg)}.export-group-name{font-weight:600}.export-group-count{font-size:11px;opacity:.8}.export-rows{padding:4px 8px 8px}.export-row{padding:6px 4px;border-radius:4px}.export-row+.export-row{border-top:1px solid var(--border-color)}.export-row:hover{background:var(--background-hover)}.export-row label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-row input[type=checkbox]{cursor:pointer;width:16px;height:16px;flex-shrink:0}.export-row span{flex:1 1;font-size:12px}.export-empty,.export-loading{padding:24px 12px;text-align:center;opacity:.7;color:var(--typography-label-color)}.export-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.export-loading i{font-size:24px}.export-footer{padding:12px;border-top:1px solid var(--border-color);background:var(--toolbar-background-color);flex-shrink:0}.export-button{width:100%;padding:10px 16px;font-size:13px;font-weight:600;color:#fff;background:var(--active-background);border:none;border-radius:4px;cursor:pointer;transition:background .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:8px}.export-button:hover:not(:disabled){background:var(--background-hover);filter:brightness(1.1)}.export-button:active:not(:disabled){transform:scale(.98)}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-button i{font-size:14px}.export-uid-option{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.export-uid-option label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-uid-option input[type=checkbox]{cursor:pointer;width:16px;height:16px}.export-uid-option span{font-size:12px}.export-progress{margin-bottom:10px}.export-progress-bar{width:100%;height:6px;background:var(--toolbar-background-color-secondary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.export-progress-fill{height:100%;background:var(--active-background);transition:width .2s ease}.export-progress-text{margin-top:6px;font-size:11px;color:var(--typography-label-color);text-align:center}.export-button-cancel{background:#c0392b}.export-button-cancel:hover:not(:disabled){background:#a93226;filter:none}.export-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.export-modal{background:var(--background-component,#fff);color:var(--font-color,#000);border:1px solid var(--border-color,#ccc);border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:440px;max-width:90vw;font-size:13px;overflow:hidden}.export-modal-title{padding:12px 16px;border-bottom:1px solid var(--border-color,#ccc);font-weight:600;font-size:14px}.export-modal-body{padding:16px}.export-modal-body p{margin:0 0 12px}.export-modal-body p:last-child{margin-bottom:0}.export-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color,#ccc)}.export-modal-btn{padding:8px 16px;font-size:13px;border-radius:4px;cursor:pointer;transition:background .12s ease,filter .12s ease}.export-modal-btn-secondary{background:transparent;color:var(--font-color,#000);border:1px solid var(--border-color,#ccc)}.export-modal-btn-secondary:hover{background:var(--background-hover,rgba(0,0,0,.05))}.export-modal-btn-primary{background:var(--active-background,#1976d2);color:#fff;border:none;font-weight:600}.export-modal-btn-primary:hover{filter:brightness(1.1)}