.skill-editor-doc{flex:1;width:100%;min-height:0;padding:40px clamp(20px,6%,64px) 36px;overflow-y:auto}.skill-editor-doc-inner{max-width:720px;margin:0 auto}.skill-editor-title{width:100%;color:var(--ink);font-family:var(--font-mono);background:0 0;border:0;outline:none;font-size:.875rem;font-weight:600;line-height:1.4;display:block}.skill-editor-subtitle{width:100%;color:var(--ink-2);resize:none;background:0 0;border:0;outline:none;margin-top:.375rem;padding:0;font-family:inherit;font-size:.875rem;line-height:1.6;display:block;overflow:hidden}.skill-editor-frontmatter{border-bottom:1px solid var(--line);padding-bottom:20px}.skill-editor-fm-rows{grid-template-columns:auto 1fr;gap:4px 16px;margin-top:14px;display:grid}.skill-editor-fm-rows dt{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.skill-editor-fm-rows dd{color:var(--ink);white-space:pre-line;margin:0;font-size:12px}.skill-editor-title::placeholder,.skill-editor-subtitle::placeholder{color:color-mix(in srgb, var(--ink-2) 48%, transparent)}.skill-editor-body{min-height:220px;margin-top:28px;padding:0;font-size:15px;line-height:1.62}.skill-editor-body:first-child{margin-top:0}.skill-editor-bubble{z-index:var(--z-dropdown);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:0 12px 34px #11110e2e}.skill-editor-bubble-button{border-radius:var(--radius-md);width:30px;height:30px;color:var(--ink-2);transition:background-color .14s var(--ease), color .14s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.skill-editor-bubble-button:hover{background:var(--bg);color:var(--ink)}.skill-line-flash{scroll-margin-block:40%;animation:1.8s ease-out skill-line-flash}@keyframes skill-line-flash{0%,35%{background:color-mix(in srgb, var(--warning) 30%, transparent);box-shadow:inset 3px 0 0 var(--warning)}to{background:0 0;box-shadow:inset 3px 0 #0000}}.skill-rail-item{text-align:left;width:100%;color:var(--ink-2);transition:color .14s var(--ease);align-items:center;gap:8px;padding:3.5px 12px 3.5px 16px;font-size:13px;line-height:1.4;display:flex;position:relative}.skill-rail-item:hover{color:var(--ink)}.skill-rail-item[data-active=true]{color:var(--ink);font-weight:550}.skill-rail-item[data-active=true]:before{content:"";border-radius:var(--radius-xs);background:var(--accent);width:2px;position:absolute;top:6px;bottom:6px;left:0}.skill-editor-bubble-button[data-active=true]{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink)}.skill-editor-bubble-button[data-active=true]:hover{background:color-mix(in srgb, var(--ink) 14%, transparent)}.skill-editor-reveal-flash{pointer-events:none;border-radius:var(--radius-xs);background:color-mix(in srgb, var(--caution) 28%, transparent);animation:1.6s forwards skill-editor-reveal-fade;position:absolute;left:0}@keyframes skill-editor-reveal-fade{0%,60%{opacity:1}to{opacity:0}}.skill-editor-doc,.skill-editor-textarea,.skill-rail-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-2) 32%, transparent) transparent}.skill-editor-doc::-webkit-scrollbar{width:10px;height:10px}.skill-editor-textarea::-webkit-scrollbar{width:10px;height:10px}.skill-rail-scroll::-webkit-scrollbar{width:10px;height:10px}.skill-editor-doc::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-clip:content-box;background-color:color-mix(in srgb, var(--ink-2) 26%, transparent);border:3px solid #0000}.skill-editor-textarea::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-clip:content-box;background-color:color-mix(in srgb, var(--ink-2) 26%, transparent);border:3px solid #0000}.skill-rail-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-clip:content-box;background-color:color-mix(in srgb, var(--ink-2) 26%, transparent);border:3px solid #0000}.skill-editor-doc::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--ink-2) 44%, transparent)}.skill-editor-textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--ink-2) 44%, transparent)}.skill-rail-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--ink-2) 44%, transparent)}
