.hc-page{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;max-width:1600px}.hc-browser,.hc-editor{min-width:0}.type-tabs,.variant-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #e1e7ef}.type-tabs button,.variant-tabs button{min-height:36px}.type-tabs .selected,.variant-tabs .selected{color:white;border-color:#176b87;background:#176b87}.profile-list{display:grid;gap:10px;padding:16px}.profile-card{display:block;width:100%;padding:14px;text-align:left;border:1px solid #dce4ed;border-radius:9px;background:#f8fafc}.profile-card.selected{border-color:#176b87;box-shadow:0 0 0 2px #176b8722;background:#f1f9fb}.profile-card strong{display:block}.profile-meta{display:flex;gap:7px;align-items:center;margin-top:6px;color:#718096;font-size:12px}.default-badge{padding:2px 7px;border-radius:99px;color:#086451;background:#ddf5eb;font-weight:700}
.hc-sections{display:grid;grid-template-columns:1fr;gap:14px;padding:18px}.hc-section{min-width:0;padding:14px;border:1px solid #dfe6ef;border-radius:10px;background:#f8fafc}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h3{margin:0}.section-heading div{display:flex;gap:7px;flex-wrap:wrap}.section-heading button{min-height:32px;padding:5px 9px}.bulk-section textarea{width:100%;min-height:120px;padding:12px;resize:vertical;white-space:pre;overflow:auto;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.5;tab-size:4}.command-selection{margin-top:14px}.command-selection h4{margin:0 0 8px}.command-selection>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.command-choice{display:grid;grid-template-columns:22px 28px minmax(0,1fr);gap:6px;align-items:center;padding:7px 9px;border:1px solid #dfe6ef;border-radius:7px;background:white}.command-choice input{min-height:auto}.command-choice span{color:#7a8799;font-size:11px}.command-choice code{overflow-wrap:anywhere}.command-choice.disabled-command{color:#788495;background:#edf1f5;text-decoration:line-through}.empty-section{color:#7a8799;font-style:italic}.editor-save{display:flex;justify-content:flex-end;padding:0 18px 18px}.hc-editor .panel-heading{align-items:flex-start}.hc-editor .eyebrow{color:#176b87}.hc-editor .message,.hc-editor .error{margin:0 18px 14px}@media(max-width:1100px){.hc-page{grid-template-columns:1fr}.command-selection>div{grid-template-columns:1fr}}@media(max-width:600px){.hc-page{padding:14px}.hc-sections{padding:12px}.profile-actions{width:100%}.section-heading{align-items:flex-start;flex-direction:column}}
.numbered-editor{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;background:white}.line-numbers{width:48px;height:100%;margin:0;padding:12px 9px;overflow:hidden;border-right:1px solid #dfe6ef;color:#8a96a8;background:#f1f4f8;text-align:right;user-select:none}.bulk-section .numbered-editor textarea,.line-numbers{font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.5}.bulk-section .numbered-editor textarea{border:0;border-radius:0}.bulk-section .numbered-editor textarea:focus{box-shadow:inset 0 0 0 2px #176b8733;outline:0}
.editor-save{align-items:center;gap:12px}.save-state{color:#718096;font-size:13px}.save-state.unsaved{color:#8a5b00;font-weight:700}
.editor-actions{align-items:center;justify-content:flex-end}.editor-actions .save-state{align-self:center}.editor-actions .primary{margin:0}.editor-actions #save-lines:disabled{border-color:#cbd5e1;color:#8793a5;background:#e5e9ef;cursor:not-allowed;opacity:1}.editor-actions #save-lines:not(:disabled){border-color:#168b78;color:white;background:#168b78;box-shadow:0 2px 7px #168b7833}
.variant-tabs[hidden]{display:none}
.connection-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connection-options.single{grid-template-columns:1fr}.block-editor{min-width:0}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.block-heading h4{margin:0;color:#34445d}.block-heading button{min-height:32px;padding:5px 9px}@media(max-width:850px){.connection-options{grid-template-columns:1fr}}
.line-numbers{pointer-events:none}.numbered-editor textarea{position:relative;z-index:1;pointer-events:auto}
.owner-filter{padding:14px 20px;border-bottom:1px solid #e1e7ef;background:#f8fafc}.owner-filter label{display:grid;gap:6px}.owner-badge{padding:2px 7px;border-radius:99px;font-weight:700}.owner-badge.general{color:#334e77;background:#e4edf8}.owner-badge.personal{color:#694b12;background:#fff0c9}
.password-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.password-control input{border-radius:7px 0 0 7px}.password-control button{border-left:0;border-radius:0 7px 7px 0}.password-control+small{color:#718096;font-weight:400}
.load-error{margin:16px;padding:12px;border:1px solid #efb2b2;border-radius:8px;color:#8f2929;background:#fff1f1;line-height:1.45}