:root{--bg-primary: oklch(99% .02 290);--text-primary: oklch(1% .02 290);--text-link: oklch(45.92% .0149 300.97);--hover-filter: brightness(50%);--text-secondary: oklch(25% .02 290);--text-tertiary: oklch(35% .02 290);--text-muted: oklch(50% .03 290);font-family:neue-haas-grotesk-text,Inter,Helvetica,sans-serif;--input-background: oklch(96% .01 290);--input-border: oklch(91% .01 290);--input-placeholder: oklch(70% .03 290);--input-text: var(--text-primary);--input-focus: var(--text-tertiary);--item-red: oklch(.95 .05 20);--item-green: oklch(.95 .05 150);--item-red-border: color-mix(in srgb, var(--item-red) 90%, var(--text-primary) 10%);--item-green-border: color-mix(in srgb, var(--item-green) 90%, var(--text-primary) 10%);--color-danger: oklch(65% .2 25)}@media(prefers-color-scheme:dark){:root{--bg-primary: oklch(21% .015 280);--text-primary: oklch(1 0 0);--text-secondary: oklch(85% .02 290);--text-tertiary: oklch(75% .02 290);--text-muted: oklch(60% .03 290);--text-link: oklch(70% .035 280);--hover-filter: brightness(150%);--input-background: oklch(27% .02 290);--input-border: oklch(32% .02 290);--input-placeholder: oklch(45% .03 290);--input-text: var(--text-primary);--input-focus: var(--text-link);--item-red: oklch(.35 .05 20);--item-green: oklch(.35 .05 150)}}html{scroll-behavior:smooth}*{box-sizing:border-box}section{display:flex;flex-direction:column;gap:8px}ul{list-style-type:none;padding:0;margin:0;gap:2px}li{margin-bottom:5px}ul li:last-child{margin-bottom:0}header{display:flex;justify-content:space-between}body{background:var(--bg-primary);color:var(--text-secondary);margin:unset}body{width:calc(100% - 2em);min-height:100vh;height:100%;padding:1em;display:flex;flex-direction:column;align-items:center;margin:auto}#container,footer{max-width:100%;width:1000px}hr{width:90%;border-color:var(--input-border)}h1,h2,h3,h4,h5,h6,p{appearance:none;margin:unset;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a,.label-modal,button{text-decoration:none;color:var(--text-link);transition:filter .15s;cursor:pointer}a.active,input:checked+.label-modal,button.active{color:var(--text-primary);text-decoration:underline}a:hover,.label-modal:hover,button:hover{filter:var(--hover-filter)}a.underlined:hover,button.underlined:hover{text-decoration:underline}h1{font-size:1.5rem;line-height:calc(2 / 1.5);font-weight:700}h1.page-title{font-size:1.125rem;line-height:calc(1.75 / 1.125);font-weight:400}h2{font-size:1.25rem;line-height:calc(1.75 / 1.25)}h3,h4{font-size:1.125rem;line-height:calc(1.75 / 1.125)}h5{font-size:1rem;line-height:1.5}h6{font-size:.875rem;line-height:calc(1.25 / .875);color:var(--text-secondary)}p.description{color:var(--text-tertiary)}.primary{color:var(--text-primary)}.secondary{color:var(--text-secondary)}.tertiary{color:var(--text-tertiary)}.muted{color:var(--text-muted)}.text-xs{font-size:.75rem;line-height:calc(1 / .75)}.text-sm{font-size:.875rem;line-height:calc(1.25 / .875)}.text-base{font-size:1rem;line-height:1.5}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.mono{font-family:monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.flex-col{display:flex;flex-direction:column;gap:24px}.flex-col>section{display:flex;flex-direction:column;gap:4px}.flex-row{display:flex;flex-direction:row;gap:4px;align-items:center}.inline-flex{display:inline-flex;align-items:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.flex-1{flex:1}.min-w-0{min-width:0}.hidden{display:none}.lucide{width:1.1rem;height:1.1rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{color:oklch(from var(--item-green) .8 .15 h)}.error-icon{color:oklch(from var(--item-red) .8 .15 h)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state p{margin-bottom:16px}html select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%209%2012%2015%2018%209%22/%3E%3C/svg%3E) no-repeat;background-size:18px;background-position:calc(100% - 3px) 50%;background-repeat:no-repeat;background-color:var(--input-background);padding-right:24px}@media(prefers-color-scheme:dark){html select{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%209%2012%2015%2018%209%22/%3E%3C/svg%3E)}}input[type=text],input[type=color],select,textarea,input[type=datetime-local]{font-family:inherit;border:1px solid var(--input-border);border-radius:4px;background:var(--input-background);color:var(--input-text);padding:2px 2px 2px 5px;font-size:smaller}input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:var(--input-placeholder)}input[type=text]:focus,select:focus,textarea:focus{outline:none;border:1px solid var(--input-focus)}input[type=text]:disabled,select:disabled,textarea:disabled{background:none;background-image:none;color:var(--text-secondary)}input[type=password]{font-family:inherit;border:1px solid var(--input-border);border-radius:4px;background:var(--input-background);color:var(--input-text);padding:6px 8px;font-size:smaller;width:100%}input[type=password]:focus{outline:none;border-color:var(--input-focus)}form.flex-col{gap:16px}form section label{font-size:smaller;color:var(--text-tertiary);margin-bottom:4px}.form-row{display:flex;flex-direction:column;gap:4px}.form-row input[type=text],.form-row input[type=password]{padding:8px;width:100%}.button-reset{background:none;border:none;padding:0;cursor:pointer;outline:inherit}button[type=submit]{background:none;color:var(--text-link);border:1px solid var(--text-link);border-radius:4px;padding:8px 16px;cursor:pointer;font-size:smaller}button[type=submit]:hover{background:var(--input-background)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}button.icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-link);display:flex;align-items:center;justify-content:center}button.icon-btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:none;color:var(--text-link);border:1px solid var(--text-link);border-radius:4px;padding:8px 16px;cursor:pointer;font-size:smaller}.btn-primary:hover{background:var(--input-background)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--input-background);color:var(--text-secondary);border:1px solid var(--input-border);border-radius:4px;padding:8px 16px;cursor:pointer;font-size:smaller}.btn-secondary:hover{background:var(--input-border)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:none;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:4px;padding:8px 16px;cursor:pointer;font-size:smaller}.btn-danger:hover{background:var(--input-background)}.btn-large{padding:.875rem 2rem;font-size:1.125rem}.card{border:1px solid var(--input-border);border-radius:4px;padding:7px;box-shadow:0 7px 12px #0003}.card:hover .hover-reveal{opacity:1}.card-inactive{opacity:.6}.card-setup{border-style:dashed}nav{display:flex;gap:5px;align-items:center}.auth-btn{background:none;border:1px solid var(--input-border);border-radius:4px;padding:4px 12px;font-size:.875rem;cursor:pointer;color:var(--text-link);transition:all .15s}.auth-btn:hover{border-color:var(--text-link);filter:var(--hover-filter)}.login-btn{margin-left:8px}.logout-btn{background:none;border:none;padding:4px 8px;font-size:.75rem}.user-info{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid var(--input-border)}.user-name{font-size:.875rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{margin-top:auto;display:flex;justify-content:left;align-items:center;gap:10px}.tag-badge{border-radius:5px;padding:2px 8px;font-size:small;min-width:50px;display:flex;align-items:center;gap:4px;flex-direction:row;justify-content:center;background:var(--input-background);border:1px solid var(--input-border)}.tag-badge .lucide{width:unset;height:unset;cursor:pointer}.post-list{display:flex;flex-direction:column;gap:8px}.post-item{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--input-border);border-radius:4px;transition:border-color .15s}.post-item:hover{border-color:var(--text-muted)}.post-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.post-item__title{font-size:1rem;font-weight:500;color:var(--text-primary);flex:1;min-width:0}.post-item__title a{color:inherit}.post-item__title a:hover{color:var(--text-link);text-decoration:none}.post-item__meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--text-muted)}.post-item__category{color:var(--text-tertiary)}.post-item__tags{display:flex;gap:4px;flex-wrap:wrap}.post-item__description{font-size:.875rem;color:var(--text-tertiary);line-height:1.4}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.posts-grid{grid-template-columns:1fr}}.post-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--input-border);border-radius:6px;color:inherit;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--text-muted);box-shadow:0 2px 8px #0000000f}.post-card__link{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.post-card__link:hover{text-decoration:none}.post-card__title{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__description{font-size:.875rem;color:var(--text-tertiary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary);margin-top:auto;padding-top:8px;border-top:1px solid var(--input-border)}.post-card__meta{display:flex;align-items:center;gap:8px}.post-card__category{font-weight:500}.post-card__category:after{content:"•";margin-left:8px;color:var(--text-muted)}.post-card__date{color:var(--text-muted)}.post-card__history{font-size:.75rem;color:var(--text-muted)}.post-card__history:hover{color:var(--text-link)}.post-card__projects{display:flex;flex-wrap:wrap;gap:.375rem}.post-card__project{font-size:.6875rem;color:var(--text-muted);background:var(--input-background);padding:.125rem .5rem;border-radius:999px;text-transform:capitalize}.post-editor{display:flex;flex-direction:column;gap:16px}.post-editor__header{border:1px solid var(--input-border);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:12px}.post-editor__title-input{font-size:1.25rem;font-weight:500;padding:8px;border:none;background:transparent;color:var(--text-primary);width:100%}.post-editor__title-input:focus{outline:none}.post-editor__title-input::placeholder{color:var(--text-muted)}.post-editor__metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.post-editor__field{display:flex;flex-direction:column;gap:4px}.post-editor__field label{font-size:.75rem;color:var(--text-muted)}.post-editor__field input,.post-editor__field select{width:100%}.post-editor__field--wide{grid-column:1 / -1}.post-editor__version-info{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--input-border);font-size:.75rem}.post-editor__last-saved,.post-editor__history-link{color:var(--text-muted)}.post-editor__history-link:hover{color:var(--text-link)}.post-editor__actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--input-border)}.post-editor__content{min-height:400px;padding:12px;font-family:monospace;font-size:.875rem;line-height:1.6;resize:vertical;border:1px solid var(--input-border);border-radius:4px;background:var(--input-background);color:var(--text-primary)}.post-editor__content:focus{outline:none}.post-editor__content::placeholder{color:var(--text-muted)}.editor-tabs{display:flex;gap:0;border-bottom:1px solid var(--input-border)}.editor-tabs .tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-bottom:none;cursor:pointer;font-size:.875rem;color:var(--text-muted);border-radius:4px 4px 0 0;margin-bottom:-1px}.editor-tabs .tab:hover{color:var(--text-secondary);filter:none}.editor-tabs .tab.active{background:var(--bg-primary);border-color:var(--input-border);border-bottom-color:var(--bg-primary);color:var(--text-primary)}.post-preview{min-height:400px;padding:16px;background:var(--input-background);border:1px solid var(--input-border);border-radius:4px}.post-preview__loading{color:var(--text-muted)}.post-preview .prose{line-height:1.7}.post-preview .prose h1,.post-preview .prose h2,.post-preview .prose h3,.post-preview .prose h4,.post-preview .prose h5,.post-preview .prose h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;color:var(--text-primary)}.post-preview .prose h1:first-child,.post-preview .prose h2:first-child,.post-preview .prose h3:first-child{margin-top:0}.post-preview .prose h1{font-size:1.875rem}.post-preview .prose h2{font-size:1.5rem}.post-preview .prose h3{font-size:1.25rem}.post-preview .prose h4{font-size:1.125rem}.post-preview .prose p{margin-bottom:1em}.post-preview .prose code{background:var(--input-border);padding:.125rem .375rem;border-radius:3px;font-size:.875em;font-family:monospace}.post-preview .prose pre{background:var(--input-border);padding:1rem;border-radius:4px;overflow-x:auto;margin:1em 0}.post-preview .prose pre code{background:transparent;padding:0}.post-preview .prose ul,.post-preview .prose ol{margin:1em 0;padding-left:1.5em}.post-preview .prose ul{list-style-type:disc}.post-preview .prose ol{list-style-type:decimal}.post-preview .prose li{margin-bottom:.25em}.post-preview .prose blockquote{border-left:3px solid var(--text-link);padding-left:1rem;margin:1em 0;color:var(--text-muted)}.post-preview .prose a{color:var(--text-link);text-decoration:underline}.post-preview .prose img{max-width:100%;border-radius:4px}.post-preview .prose table{width:100%;border-collapse:collapse;margin:1em 0}.post-preview .prose th,.post-preview .prose td{border:1px solid var(--input-border);padding:.5rem;text-align:left}.post-preview .prose th{background:var(--input-border);font-weight:500}.post-preview .prose hr{border:none;border-top:1px solid var(--input-border);margin:2em 0}.category-tree{display:flex;flex-direction:column;gap:0}.tree-node{display:flex;align-items:center;gap:6px;border-radius:4px}.tree-node:hover{background:var(--input-background)}.tree-node:hover .tree-node__actions{opacity:1}.tree-node__guides{display:flex;align-items:stretch;height:24px}.tree-guide{width:20px;position:relative;flex-shrink:0}.tree-guide--line:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--input-border)}.tree-guide--corner:before,.tree-guide--tee:before{content:"";position:absolute;left:9px;top:0;height:50%;width:1px;background:var(--input-border)}.tree-guide--corner:after,.tree-guide--tee:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--input-border)}.tree-guide--tee:before{height:100%}.tree-node__name{flex:1;color:var(--text-secondary)}.tree-node__actions{display:flex;gap:2px;padding-right:4px;opacity:0;transition:opacity .15s}.tree-action{background:none;border:none;padding:1px;cursor:pointer;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s}.tree-action:hover{background:var(--input-border);filter:none}.tree-action--add:hover{color:var(--text-link)}.tree-action--delete:hover{color:var(--color-danger)}.category-form-section{position:relative;border:1px solid var(--input-border);border-radius:6px;padding:16px 12px 12px;margin-top:8px;transition:border-color .3s,box-shadow .3s}.category-form-section--highlighted{border-color:var(--text-link);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-link) 20%,transparent)}.category-form-title{position:absolute;top:-12px;left:12px;background:var(--bg-primary);padding:0 6px;margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary)}.category-form{display:flex;flex-direction:column;gap:12px}.category-form-actions{display:flex;justify-content:flex-start;gap:.75rem}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px;background:var(--input-background);border-radius:4px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.75rem;color:var(--text-muted)}.filter-group select,.filter-group input[type=text]{padding:6px 8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--bg-primary);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:480px;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--input-border)}.modal-header h3{margin:0}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{color:var(--text-primary);background:var(--input-background)}.modal-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.modal-form textarea{resize:vertical;min-height:60px;padding:8px;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.token-list{display:flex;flex-direction:column;gap:8px}.token-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--input-border);border-radius:4px}.token-item__info{display:flex;flex-direction:column;gap:4px}.token-item__name{font-weight:500;color:var(--text-primary)}.token-item__meta{font-size:.75rem;color:var(--text-muted)}.token-item__actions{display:flex;gap:8px}.settings-section{position:relative;border:1px solid var(--input-border);border-radius:6px;padding:20px 16px 16px}.settings-section__title{position:absolute;top:-12px;left:12px;background:var(--bg-primary);padding:0 8px;margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary)}.settings-section__content{display:flex;flex-direction:column;gap:12px}.settings-section__actions{display:flex;justify-content:flex-start;padding-top:8px}.profile-row{display:flex;align-items:baseline;gap:16px}.profile-row__label{font-size:.875rem;color:var(--text-muted);min-width:80px}.profile-row__value{font-size:.875rem;color:var(--text-secondary)}.profile-note{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:12px;border-top:1px solid var(--input-border)}.integration-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--input-border)}.integration-row:last-child{border-bottom:none;padding-bottom:0}.integration-row:first-child{padding-top:0}.integration-row__name{font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:100px}.integration-row__status{flex:1;font-size:.875rem;color:var(--text-secondary)}.integration-connected{color:oklch(from var(--item-green) .6 .2 h)}.required{color:oklch(from var(--item-red) .6 .15 h)}.input-error{border-color:oklch(from var(--item-red) .6 .15 h)!important}.error-text{color:oklch(from var(--item-red) .6 .15 h)}.form-error{padding:.5rem .75rem;background:var(--item-red);border:1px solid var(--item-red-border);border-radius:4px}.form-success{padding:.5rem .75rem;background:var(--item-green);border:1px solid var(--item-green-border);border-radius:4px}@media(max-width:768px){.filters,.filter-group{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input[type=text]{width:100%}}.project-selector{display:flex;flex-direction:column;gap:.5rem}.project-selector__not-connected{color:var(--text-muted);font-size:.875rem;font-style:italic}.project-selector__selected{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;align-items:center}.project-selector__placeholder{color:var(--text-muted);font-size:.875rem}.project-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--input-background);border-radius:4px;font-size:.875rem;border-left:3px solid var(--project-color)}.project-badge__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 .25rem;font-size:1rem;line-height:1}.project-badge__remove:hover{color:var(--color-danger)}.project-selector__controls{display:flex;gap:.5rem}.project-selector__toggle{padding:.375rem .75rem;background:var(--input-background);border:1px solid var(--input-border);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.project-selector__toggle:hover{background:var(--input-border)}.project-selector__refresh{padding:.375rem .5rem;background:var(--input-background);border:1px solid var(--input-border);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-muted)}.project-selector__refresh:hover{color:var(--text-secondary)}.project-selector__refresh:disabled{opacity:.5;cursor:not-allowed}.project-selector__dropdown{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--input-background);border:1px solid var(--input-border);border-radius:4px;max-height:200px;overflow-y:auto}.project-selector__empty{color:var(--text-muted);font-size:.875rem;text-align:center;padding:.5rem}.project-selector__option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;width:100%}.project-selector__option:hover{background:var(--input-border)}.project-selector__color{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.project-selector__name{font-weight:500;color:var(--text-secondary)}.project-selector__desc{font-size:.75rem;color:var(--text-muted);margin-left:auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devpad-connection{display:flex;flex-direction:column;gap:1rem}.devpad-connection__error{color:var(--color-danger);font-size:.875rem;padding:.5rem;background:var(--item-red);border-radius:4px}.devpad-connection__info{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.devpad-connection__form{display:flex;flex-direction:column;gap:.75rem}.devpad-connection__input-row{display:flex;gap:.5rem}.devpad-connection__input-row .input{flex:1}.devpad-connection__connected{display:flex;align-items:center;justify-content:space-between;gap:1rem}.devpad-connection__status{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--text-muted)}.status-dot--success{background:oklch(from var(--item-green) .6 .2 h)}.status-dot--error{background:var(--color-danger)}