.playground-module__SGR5_W__wrap{flex-direction:column;gap:12px;display:flex}.playground-module__SGR5_W__rail{flex-wrap:wrap;gap:4px;display:flex}.playground-module__SGR5_W__railBtn{color:#ffffff73;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:13px}.playground-module__SGR5_W__railBtn[data-active=true]{color:#f4f4f5;background:#ffffff14}.playground-module__SGR5_W__hintTop{color:#fff6;margin:0;font-size:13px}.playground-module__SGR5_W__shell{border:1px solid var(--border);background:var(--bg-base);border-radius:10px;overflow:hidden;box-shadow:0 24px 80px -32px #000c}.playground-module__SGR5_W__body{grid-template-columns:var(--sidebar-width) var(--list-width) minmax(0, 1fr);height:min(72vh,680px);min-height:520px;display:grid}.playground-module__SGR5_W__body[data-outline=true]{grid-template-columns:var(--sidebar-width) var(--list-width) minmax(0, 1fr) 188px}.playground-module__SGR5_W__sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.playground-module__SGR5_W__sidebarHeader{justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.playground-module__SGR5_W__wordmark{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:500}.playground-module__SGR5_W__iconBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.playground-module__SGR5_W__iconBtn:hover{background:var(--bg-elevated);color:var(--text-primary)}.playground-module__SGR5_W__sidebarNav{flex:1;padding:6px 6px 16px;overflow:auto}.playground-module__SGR5_W__navRow,.playground-module__SGR5_W__nbRow{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0;display:flex}.playground-module__SGR5_W__navRow{margin-bottom:2px;padding:6px 8px}.playground-module__SGR5_W__nbRow{padding:4px 8px}.playground-module__SGR5_W__navRow:hover,.playground-module__SGR5_W__nbRow:hover{background:var(--bg-elevated)}.playground-module__SGR5_W__navRow[data-active=true],.playground-module__SGR5_W__nbRow[data-active=true]{background:color-mix(in srgb, var(--text-primary) 10%, transparent);box-shadow:inset 2px 0 0 var(--accent);color:var(--accent)}.playground-module__SGR5_W__navIcon{color:var(--text-muted);flex-shrink:0;display:flex}.playground-module__SGR5_W__navRow[data-active=true] .playground-module__SGR5_W__navIcon,.playground-module__SGR5_W__nbRow[data-active=true] .playground-module__SGR5_W__navIcon{color:var(--accent)}.playground-module__SGR5_W__navLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.playground-module__SGR5_W__navCount{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-lg);padding:1px 5px}.playground-module__SGR5_W__sectionLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:14px 8px 6px;font-size:10px;font-weight:600}.playground-module__SGR5_W__sidebarFoot{border-top:1px solid var(--border-subtle);color:var(--text-faint);padding:8px 12px 10px;font-size:11px}.playground-module__SGR5_W__list{background:var(--bg-inset);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.playground-module__SGR5_W__listHeader{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;padding:8px 10px;display:flex}.playground-module__SGR5_W__listTitle{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.playground-module__SGR5_W__searchWrap{border-bottom:1px solid var(--border-subtle);padding:8px 10px;position:relative}.playground-module__SGR5_W__searchIcon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.playground-module__SGR5_W__searchInput{border:1px solid var(--border);background:var(--bg-surface);width:100%;height:28px;color:var(--text-primary);border-radius:6px;outline:none;padding:0 10px 0 32px;font-size:12px}.playground-module__SGR5_W__searchInput:focus{border-color:var(--accent);background:var(--bg-elevated)}.playground-module__SGR5_W__searchInput::placeholder{color:var(--text-faint)}.playground-module__SGR5_W__listItems{flex:1;overflow:auto}.playground-module__SGR5_W__noteItem{border:0;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;background:0 0;width:100%;padding:12px 16px}.playground-module__SGR5_W__noteItem:hover{background:var(--bg-surface)}.playground-module__SGR5_W__noteItem[data-active=true]{background:color-mix(in srgb, var(--text-primary) 8%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.playground-module__SGR5_W__noteTitle{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:500;display:block;overflow:hidden}.playground-module__SGR5_W__noteMeta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.playground-module__SGR5_W__noteTime{color:var(--accent);opacity:.8}.playground-module__SGR5_W__tag{background:var(--bg-elevated);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;display:inline-flex}.playground-module__SGR5_W__notePreview{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.playground-module__SGR5_W__editor{background:var(--bg-base);flex-direction:column;min-width:0;display:flex}.playground-module__SGR5_W__editorHeader{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;padding:6px 16px;display:grid}.playground-module__SGR5_W__titleInput{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;padding:2px 0;font-size:16px;font-weight:600}.playground-module__SGR5_W__titleInput:focus{color:var(--accent)}.playground-module__SGR5_W__headerMid{justify-content:center;align-items:center;gap:8px;display:flex}.playground-module__SGR5_W__headerActions{justify-content:flex-end;align-items:center;display:flex}.playground-module__SGR5_W__toggle{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.playground-module__SGR5_W__toggleBtn{width:26px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.playground-module__SGR5_W__toggleBtn:hover{background:var(--bg-hover);color:var(--text-secondary)}.playground-module__SGR5_W__toggleBtn[data-active=true]{background:var(--bg-base);color:var(--accent)}.playground-module__SGR5_W__meta{border-bottom:1px solid var(--border-subtle);flex-wrap:nowrap;align-items:center;gap:2px;min-height:26px;padding:0 16px 6px;display:flex}.playground-module__SGR5_W__metaBtn{border-radius:var(--radius-sm);height:22px;color:var(--text-secondary);cursor:default;background:0 0;border:0;align-items:center;gap:4px;padding:0 6px;font-size:12px;display:flex}.playground-module__SGR5_W__statusDot{background:var(--status-active);border-radius:50%;flex-shrink:0;width:7px;height:7px}.playground-module__SGR5_W__statusDot[data-status=on_hold]{background:var(--status-on-hold)}.playground-module__SGR5_W__statusDot[data-status=completed]{background:var(--status-completed)}.playground-module__SGR5_W__workspace{flex:1;min-height:0;display:flex;overflow:hidden}.playground-module__SGR5_W__panes{flex:1;min-width:0;min-height:0;display:grid}.playground-module__SGR5_W__panes[data-mode=split]{grid-template-columns:1fr 1fr}.playground-module__SGR5_W__read{min-width:0;min-height:0;overflow:auto}.playground-module__SGR5_W__panes[data-mode=split] .playground-module__SGR5_W__read{border-left:1px solid var(--border-subtle)}.playground-module__SGR5_W__empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.playground-module__SGR5_W__outline{border-left:1px solid var(--border-subtle);background:var(--bg-base);width:188px;padding:10px 8px 16px;overflow-y:auto}.playground-module__SGR5_W__outlineLabel{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 8px;font-size:10px;font-weight:600}.playground-module__SGR5_W__outlineEmpty{color:var(--text-muted);margin:0 8px;font-size:12px}.playground-module__SGR5_W__outlineItem{width:100%;color:var(--text-secondary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 8px;font-size:12px;line-height:1.35;display:block;overflow:hidden}.playground-module__SGR5_W__outlineItem:hover{background:var(--bg-hover);color:var(--text-primary)}.playground-module__SGR5_W__outlineL2{padding-left:16px}.playground-module__SGR5_W__outlineL3{padding-left:24px}.playground-module__SGR5_W__outlineL4,.playground-module__SGR5_W__outlineL5,.playground-module__SGR5_W__outlineL6{padding-left:32px}@media (max-width:900px){.playground-module__SGR5_W__body,.playground-module__SGR5_W__body[data-outline=true]{grid-template-columns:1fr;height:auto;min-height:0}.playground-module__SGR5_W__sidebar{border-right:0;border-bottom:1px solid var(--border)}.playground-module__SGR5_W__list{border-right:0;border-bottom:1px solid var(--border);max-height:240px}.playground-module__SGR5_W__editor{min-height:420px}.playground-module__SGR5_W__panes[data-mode=split]{grid-template-columns:1fr}.playground-module__SGR5_W__panes[data-mode=split] .playground-module__SGR5_W__read{display:none}.playground-module__SGR5_W__outline{border-left:0;border-top:1px solid var(--border-subtle);width:100%;max-height:160px}}
.dripnex-app{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--bg-base:#0a0b0d;--bg-surface:#111214;--bg-elevated:#18191c;--bg-inset:#0d0e10;--bg-hover:#ffffff0d;--bg-active:#ffffff14;--border:#ffffff14;--border-subtle:#ffffff0a;--border-strong:#ffffff1f;--text-primary:#f4f4f5;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--text-faint:#ffffff4d;--accent:#5eead4;--accent-hover:#2dd4bf;--accent-muted:#5eead426;--status-active:var(--accent);--status-on-hold:#fbbf24;--status-completed:#4ade80;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono Variable", "SF Mono", "Fira Code", ui-monospace, monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--sidebar-width:200px;--list-width:280px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:.15s ease;--cm-text:var(--text-primary);--cm-cursor:var(--text-primary);--cm-selection:#5eead42e;--cm-active-line:var(--bg-hover);--cm-tooltip-bg:var(--bg-elevated);--cm-tooltip-border:var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}
.md-preview{color:var(--text-primary);font-family:var(--font-sans);padding:12px 16px 24px;font-size:15px;line-height:1.7}.md-preview h1,.md-preview h2,.md-preview h3{color:var(--text-primary);letter-spacing:-.02em;margin:1.2em 0 .5em;font-weight:600}.md-preview h1{margin-top:0;font-size:1.6em}.md-preview h2{font-size:1.25em}.md-preview p,.md-preview ul,.md-preview ol{margin:0 0 .8em}.md-preview ul{padding-left:1.2em;list-style:outside}.md-preview ol{padding-left:1.2em}.md-preview li input{accent-color:var(--accent);margin-right:.45em}.md-preview code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.9em}.md-preview .gh-code,.md-preview pre{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;margin:0 0 .8em;padding:10px 12px;overflow-x:auto}.md-preview a,.md-preview .wiki{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.gh-alert{border-left:3px solid var(--border-strong);background:var(--bg-surface);border-radius:6px;margin:0 0 .9em;padding:10px 12px}.gh-alert p{margin:0}.gh-alert-note{border-left-color:#93c5fd}.gh-alert-tip{border-left-color:var(--accent)}.gh-alert-important{border-left-color:#c4b5fd}.gh-alert-warning{border-left-color:var(--status-on-hold)}.gh-alert-caution{border-left-color:#f87171}.mermaid-wrap{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;margin:0 0 .8em;padding:12px;overflow-x:auto}.mermaid-wrap svg{max-width:100%;height:auto}