mirror of
https://github.com/jacobinwwey/obsidian-NotEMD.git
synced 2026-07-22 05:48:27 +00:00
1993 lines
50 KiB
CSS
1993 lines
50 KiB
CSS
/*
|
|
* Notemd v1.8.2
|
|
*/
|
|
|
|
:root {
|
|
--notemd-accent: #0d9488;
|
|
--notemd-accent-strong: #0f766e;
|
|
--notemd-action: #f97316;
|
|
--notemd-surface: color-mix(in srgb, var(--background-secondary) 86%, #f0fdfa 14%);
|
|
--notemd-surface-alt: color-mix(in srgb, var(--background-primary) 82%, #f0fdfa 18%);
|
|
--notemd-border: color-mix(in srgb, var(--background-modifier-border) 80%, #14b8a6 20%);
|
|
--notemd-focus: color-mix(in srgb, var(--interactive-accent) 75%, #f97316 25%);
|
|
--notemd-button-shadow: 0 1px 0 color-mix(in srgb, #ffffff 20%, transparent),
|
|
0 2px 6px color-mix(in srgb, #0f172a 10%, transparent);
|
|
--notemd-button-shadow-hover: 0 1px 0 color-mix(in srgb, #ffffff 34%, transparent),
|
|
0 8px 18px color-mix(in srgb, #0f172a 16%, transparent);
|
|
--notemd-button-shadow-active: inset 0 1px 0 color-mix(in srgb, #0f172a 12%, transparent),
|
|
0 1px 2px color-mix(in srgb, #0f172a 12%, transparent);
|
|
--notemd-cta-text: color-mix(in srgb, var(--text-normal) 94%, #1f2937 6%);
|
|
--notemd-sidebar-font: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;
|
|
}
|
|
|
|
/* Progress Modal */
|
|
.notemd-progress-modal {
|
|
padding: 1em;
|
|
max-width: 600px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
}
|
|
|
|
.notemd-welcome-modal {
|
|
width: min(92vw, 760px);
|
|
max-width: 760px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
}
|
|
|
|
.notemd-welcome-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.9em;
|
|
}
|
|
|
|
.notemd-welcome-text,
|
|
.notemd-welcome-sponsor,
|
|
.notemd-welcome-closing {
|
|
margin: 0;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.notemd-welcome-release-notes {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
background:
|
|
linear-gradient(180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 78%, #ffffff 22%) 0%,
|
|
color-mix(in srgb, var(--notemd-surface-alt) 90%, #ecfeff 10%) 100%);
|
|
padding: 1em;
|
|
}
|
|
|
|
.notemd-welcome-release-notes-heading {
|
|
margin: 0 0 0.35em;
|
|
}
|
|
|
|
.notemd-welcome-release-notes-intro {
|
|
margin: 0 0 0.8em;
|
|
color: var(--text-muted);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-welcome-release-notes-scroll {
|
|
max-height: min(32vh, 280px);
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8em;
|
|
padding-right: 0.2em;
|
|
}
|
|
|
|
.notemd-welcome-release-note {
|
|
border-radius: 12px;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, #f0fdfa 12%);
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 84%, #ffffff 16%);
|
|
padding: 0.8em 0.9em;
|
|
}
|
|
|
|
.notemd-welcome-release-note-title {
|
|
margin: 0 0 0.45em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notemd-welcome-release-note-list {
|
|
margin: 0;
|
|
padding-left: 1.2em;
|
|
}
|
|
|
|
.notemd-welcome-release-note-item {
|
|
margin: 0.32em 0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-welcome-buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.6em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.modal.notemd-folder-task-selection-shell {
|
|
width: min(92vw, 860px);
|
|
max-width: min(92vw, 860px);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.notemd-folder-task-selection-modal {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
font-family: var(--notemd-sidebar-font);
|
|
padding: 1em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-intro {
|
|
margin: 0 0 1em;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
.notemd-folder-task-selection-layout {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.95fr);
|
|
gap: 1em;
|
|
align-items: start;
|
|
}
|
|
|
|
.notemd-folder-task-selection-main,
|
|
.notemd-folder-task-selection-preview {
|
|
min-width: 0;
|
|
}
|
|
|
|
.notemd-folder-task-selection-main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.85em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-field,
|
|
.notemd-folder-task-selection-toggle {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 82%, #ffffff 18%),
|
|
color-mix(in srgb, var(--notemd-surface-alt) 92%, #ecfeff 8%)
|
|
);
|
|
padding: 0.85em 0.9em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-empty {
|
|
margin: 0;
|
|
border: 1px dashed var(--notemd-border);
|
|
border-radius: 12px;
|
|
padding: 0.85em 0.9em;
|
|
background: color-mix(in srgb, var(--background-primary) 90%, #f0fdfa 10%);
|
|
}
|
|
|
|
.notemd-folder-task-selection-label {
|
|
display: block;
|
|
margin-bottom: 0.45em;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.04em;
|
|
text-transform: uppercase;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-folder-task-selection-select,
|
|
.notemd-folder-task-selection-input {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.notemd-folder-task-selection-hint {
|
|
margin-top: 0.55em;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-folder-task-selection-examples,
|
|
.notemd-folder-task-selection-file-list {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
background: color-mix(in srgb, var(--background-primary) 90%, #f0fdfa 10%);
|
|
padding: 0.85em 0.9em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-examples-heading,
|
|
.notemd-folder-task-selection-file-list-heading {
|
|
margin: 0 0 0.55em;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.05em;
|
|
text-transform: uppercase;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-folder-task-selection-examples-list {
|
|
margin: 0;
|
|
padding-left: 1.1em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-chip-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5em;
|
|
margin: 0.75em 0 0.2em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-chip {
|
|
border: 1px solid color-mix(in srgb, var(--interactive-accent) 34%, var(--notemd-border) 66%);
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--background-primary) 92%, #ecfeff 8%);
|
|
color: var(--text-normal);
|
|
padding: 0.42em 0.8em;
|
|
line-height: 1.35;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.notemd-folder-task-selection-chip:hover,
|
|
.notemd-folder-task-selection-chip:focus-visible {
|
|
border-color: var(--interactive-accent);
|
|
background: color-mix(in srgb, var(--interactive-accent) 14%, var(--background-primary) 86%);
|
|
}
|
|
|
|
.notemd-folder-task-selection-chip.is-active {
|
|
border-color: var(--interactive-accent);
|
|
background: color-mix(in srgb, var(--interactive-accent) 22%, var(--background-primary) 78%);
|
|
color: var(--text-on-accent, var(--text-normal));
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, var(--interactive-accent) 24%, transparent);
|
|
}
|
|
|
|
.notemd-folder-task-selection-examples-item {
|
|
margin: 0.35em 0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-folder-task-selection-validation {
|
|
min-height: 1.2em;
|
|
margin-top: 0.45em;
|
|
color: var(--text-error);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-folder-task-selection-toggle-label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.45em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.notemd-folder-task-selection-override-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 0.75em;
|
|
margin-top: 0.8em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-field-compact {
|
|
margin: 0;
|
|
padding: 0.7em 0.75em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 16px;
|
|
padding: 0.9em;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 84%, #ffffff 16%),
|
|
color-mix(in srgb, var(--notemd-surface-alt) 92%, #ecfeff 8%)
|
|
);
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview-heading {
|
|
margin: 0 0 0.8em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview-rows {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.7em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview-row {
|
|
padding: 0.65em 0.75em;
|
|
border-radius: 12px;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, #f0fdfa 12%);
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 78%, #ffffff 22%);
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview-label {
|
|
margin-bottom: 0.28em;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.05em;
|
|
text-transform: uppercase;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-folder-task-selection-preview-value {
|
|
line-height: 1.5;
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-folder-task-selection-file-list-scroll {
|
|
max-height: min(34vh, 320px);
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.35em;
|
|
padding-right: 0.15em;
|
|
}
|
|
|
|
.notemd-folder-task-selection-file-list-item,
|
|
.notemd-folder-task-selection-file-list-empty {
|
|
border-radius: 10px;
|
|
padding: 0.48em 0.6em;
|
|
background: color-mix(in srgb, var(--background-secondary) 84%, #f0fdfa 16%);
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 76%, #ffffff 24%);
|
|
line-height: 1.45;
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-folder-task-selection-file-list-hint {
|
|
margin-top: 0.6em;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-folder-task-selection-actions {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.notemd-folder-task-selection-layout {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.notemd-folder-task-selection-override-grid {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
.modal.notemd-diagram-preview-shell {
|
|
width: min(96vw, 1152px);
|
|
max-width: min(96vw, 1152px);
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.modal.notemd-diagram-preview-shell .modal-content.notemd-diagram-preview-modal {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.notemd-diagram-preview-modal {
|
|
padding: 1em;
|
|
max-width: 100%;
|
|
width: 100%;
|
|
font-family: var(--notemd-sidebar-font);
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.notemd-diagram-preview-layout {
|
|
display: grid;
|
|
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
|
|
gap: 0.95em;
|
|
align-items: start;
|
|
min-width: 0;
|
|
}
|
|
|
|
.notemd-diagram-preview-rail {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8em;
|
|
min-width: 0;
|
|
}
|
|
|
|
.notemd-diagram-preview-actions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.55em;
|
|
}
|
|
|
|
.notemd-diagram-preview-actions button,
|
|
.notemd-diagram-preview-history-button {
|
|
width: 100%;
|
|
background: var(--background-secondary);
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 9px;
|
|
padding: 0.48em 0.72em;
|
|
font-size: 12px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
cursor: pointer;
|
|
box-shadow: var(--notemd-button-shadow);
|
|
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-diagram-preview-actions button:hover,
|
|
.notemd-diagram-preview-history-button:hover {
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 70%, #f0fdfa 30%);
|
|
border-color: var(--notemd-accent);
|
|
box-shadow: var(--notemd-button-shadow-hover);
|
|
}
|
|
|
|
.notemd-diagram-preview-actions button:active,
|
|
.notemd-diagram-preview-history-button:active {
|
|
transform: translateY(1px) scale(0.995);
|
|
box-shadow: var(--notemd-button-shadow-active);
|
|
}
|
|
|
|
.notemd-diagram-preview-actions button:disabled,
|
|
.notemd-diagram-preview-history-button:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
transform: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.notemd-diagram-preview-history {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 12px;
|
|
padding: 0.75em;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 84%, #ffffff 16%),
|
|
color-mix(in srgb, var(--notemd-surface-alt) 92%, #ecfeff 8%)
|
|
);
|
|
}
|
|
|
|
.notemd-diagram-preview-history-title {
|
|
margin: 0 0 0.55em;
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-diagram-preview-history-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
max-height: min(40vh, 360px);
|
|
overflow-y: auto;
|
|
padding-right: 0.1em;
|
|
}
|
|
|
|
.notemd-diagram-preview-history-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.24em;
|
|
padding: 0.3em;
|
|
border-radius: 10px;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, #f0fdfa 12%);
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 78%, #ffffff 22%);
|
|
}
|
|
|
|
.notemd-diagram-preview-history-item.is-active {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 44%, var(--notemd-border) 56%);
|
|
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 32%, transparent);
|
|
}
|
|
|
|
.notemd-diagram-preview-history-button {
|
|
text-align: left;
|
|
}
|
|
|
|
.notemd-diagram-preview-history-meta {
|
|
font-size: 11px;
|
|
line-height: 1.45;
|
|
color: var(--text-muted);
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-diagram-preview-stage {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
}
|
|
|
|
.notemd-diagram-preview-source-path {
|
|
margin: 0 0 0.8em;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-diagram-preview-body {
|
|
min-height: 360px;
|
|
max-height: 72vh;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 12px;
|
|
background: var(--notemd-surface-alt);
|
|
padding: 1em;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.notemd-diagram-preview-body.is-mermaid {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.notemd-diagram-preview-body.is-json-canvas {
|
|
background: var(--notemd-surface-alt);
|
|
}
|
|
|
|
.notemd-diagram-preview-body.is-vega-lite {
|
|
background: var(--notemd-surface-alt);
|
|
}
|
|
|
|
.notemd-diagram-preview-body svg {
|
|
display: block;
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.notemd-diagram-preview-frame {
|
|
width: 100%;
|
|
min-height: 520px;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
@media (max-width: 860px) {
|
|
.notemd-diagram-preview-layout {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.notemd-diagram-preview-history-list {
|
|
max-height: min(26vh, 220px);
|
|
}
|
|
}
|
|
|
|
.notemd-status-container {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.notemd-status-text {
|
|
font-weight: 600;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.notemd-progress-bar-container {
|
|
width: 100%;
|
|
height: 18px;
|
|
background-color: var(--background-secondary);
|
|
border-radius: 999px;
|
|
margin: 10px 0;
|
|
overflow: hidden;
|
|
border: 1px solid var(--notemd-border);
|
|
}
|
|
|
|
.notemd-progress-bar-fill {
|
|
height: 100%;
|
|
background: linear-gradient(90deg, var(--notemd-accent), var(--notemd-accent-strong));
|
|
transition: width 180ms ease-out, background-color 180ms ease-out;
|
|
width: 0%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.notemd-progress-bar-fill.is-error {
|
|
background: linear-gradient(90deg, #ef4444, #b91c1c);
|
|
}
|
|
|
|
.notemd-log-output {
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
background: var(--notemd-surface-alt);
|
|
border-radius: 10px;
|
|
padding: 0.7em;
|
|
margin: 0.75em 0 0;
|
|
font-family: var(--font-monospace);
|
|
font-size: 12px;
|
|
border: 1px solid var(--notemd-border);
|
|
}
|
|
|
|
.notemd-log-entry {
|
|
margin-bottom: 0.3em;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-log-time {
|
|
color: var(--text-muted);
|
|
margin-right: 0.45em;
|
|
}
|
|
|
|
.notemd-log-message {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.notemd-cancel-button,
|
|
.notemd-copy-log-button {
|
|
background: var(--background-secondary);
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 8px;
|
|
padding: 0.44em 0.75em;
|
|
font-size: 12px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
cursor: pointer;
|
|
box-shadow: var(--notemd-button-shadow);
|
|
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
|
|
}
|
|
|
|
.notemd-cancel-button:hover,
|
|
.notemd-copy-log-button:hover {
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 70%, #f0fdfa 30%);
|
|
border-color: var(--notemd-accent);
|
|
box-shadow: var(--notemd-button-shadow-hover);
|
|
}
|
|
|
|
.notemd-cancel-button:active,
|
|
.notemd-copy-log-button:active {
|
|
transform: translateY(1px) scale(0.995);
|
|
box-shadow: var(--notemd-button-shadow-active);
|
|
}
|
|
|
|
.notemd-cancel-button:focus-visible,
|
|
.notemd-copy-log-button:focus-visible,
|
|
.notemd-action-button:focus-visible,
|
|
.notemd-language-select:focus-visible,
|
|
.notemd-section-summary:focus-visible {
|
|
outline: 2px solid var(--notemd-focus);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.notemd-cancel-button.is-active {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.notemd-cancel-button:disabled {
|
|
opacity: 0.45;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.notemd-error-text {
|
|
color: var(--text-error);
|
|
}
|
|
|
|
.is-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Sidebar */
|
|
.notemd-sidebar-container {
|
|
padding: 0.85em;
|
|
height: 100%;
|
|
min-height: 0;
|
|
font-family: var(--notemd-sidebar-font);
|
|
background:
|
|
radial-gradient(circle at 12% 0%, color-mix(in srgb, #14b8a6 8%, transparent) 0%, transparent 34%),
|
|
radial-gradient(circle at 88% 2%, color-mix(in srgb, #f97316 7%, transparent) 0%, transparent 30%);
|
|
}
|
|
|
|
.notemd-sidebar-shell {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.85em;
|
|
height: 100%;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.notemd-sidebar-scroll {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.85em;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
padding-right: 0.12em;
|
|
padding-bottom: 0.18em;
|
|
}
|
|
|
|
.notemd-sidebar-footer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75em;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.notemd-sidebar-footer.mod-docked {
|
|
flex: 0 0 clamp(280px, 42vh, 460px);
|
|
min-height: 280px;
|
|
max-height: 56%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.notemd-sidebar-footer-scroll {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75em;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding-right: 0.12em;
|
|
}
|
|
|
|
.notemd-hero-card {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
padding: 0.85em 0.95em;
|
|
background:
|
|
radial-gradient(circle at 8% 6%, color-mix(in srgb, #14b8a6 18%, transparent) 0%, transparent 40%),
|
|
radial-gradient(circle at 92% 4%, color-mix(in srgb, #f97316 18%, transparent) 0%, transparent 42%),
|
|
var(--notemd-surface);
|
|
}
|
|
|
|
.notemd-hero-card h3 {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.notemd-hero-card p {
|
|
margin: 0.45em 0 0;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-section-card {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 12px;
|
|
padding: 0.2em 0.75em 0.75em;
|
|
background: var(--notemd-surface-alt);
|
|
transition: border-color 160ms ease, box-shadow 180ms ease, background-color 180ms ease;
|
|
}
|
|
|
|
.notemd-section-card[open] {
|
|
border-color: color-mix(in srgb, var(--notemd-border) 62%, var(--notemd-accent) 38%);
|
|
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 18%, transparent);
|
|
}
|
|
|
|
.notemd-section-summary {
|
|
cursor: pointer;
|
|
list-style: none;
|
|
font-weight: 700;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
padding: 0.45em 0.15em 0.32em;
|
|
border-radius: 8px;
|
|
color: var(--text-normal);
|
|
transition: background-color 140ms ease;
|
|
}
|
|
|
|
.notemd-section-summary:hover {
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 68%, #f0fdfa 32%);
|
|
}
|
|
|
|
.notemd-section-summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
.notemd-section-summary::before {
|
|
content: "▸";
|
|
display: inline-block;
|
|
margin-right: 0.45em;
|
|
transition: transform 150ms ease-out;
|
|
color: var(--notemd-accent);
|
|
}
|
|
|
|
.notemd-section-card[open] > .notemd-section-summary::before {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.notemd-section-description {
|
|
margin: 0 0 0.55em;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-button-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 0.52em;
|
|
}
|
|
|
|
.notemd-action-button {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 10px;
|
|
padding: 0.52em 0.66em;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.01em;
|
|
line-height: 1.35;
|
|
background: var(--background-secondary);
|
|
color: var(--text-normal);
|
|
min-height: 40px;
|
|
box-shadow: var(--notemd-button-shadow);
|
|
transition: transform 140ms ease-out, border-color 140ms ease-out, background-color 140ms ease-out, box-shadow 160ms ease;
|
|
}
|
|
|
|
.notemd-action-button::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, #ffffff 24%, transparent) 0%,
|
|
transparent 46%
|
|
);
|
|
opacity: 0.4;
|
|
pointer-events: none;
|
|
transition: opacity 160ms ease;
|
|
}
|
|
|
|
.notemd-action-button:hover {
|
|
cursor: pointer;
|
|
transform: translateY(-1px);
|
|
border-color: var(--notemd-accent);
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 64%, #f0fdfa 36%);
|
|
box-shadow: var(--notemd-button-shadow-hover);
|
|
}
|
|
|
|
.notemd-action-button:hover::after {
|
|
opacity: 0.58;
|
|
}
|
|
|
|
.notemd-action-button:active {
|
|
transform: translateY(1px) scale(0.997);
|
|
box-shadow: var(--notemd-button-shadow-active);
|
|
}
|
|
|
|
.notemd-action-button.mod-cta {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 60%, var(--notemd-action) 40%);
|
|
background: linear-gradient(
|
|
135deg,
|
|
color-mix(in srgb, var(--interactive-accent) 18%, var(--background-secondary) 82%),
|
|
color-mix(in srgb, var(--notemd-action) 24%, var(--background-secondary) 76%)
|
|
);
|
|
color: var(--notemd-cta-text) !important;
|
|
text-shadow: none;
|
|
box-shadow:
|
|
0 1px 0 color-mix(in srgb, #ffffff 30%, transparent),
|
|
0 7px 16px color-mix(in srgb, var(--interactive-accent) 16%, transparent);
|
|
}
|
|
|
|
.notemd-workflow-button.mod-cta {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 56%, var(--notemd-action) 44%);
|
|
background:
|
|
linear-gradient(
|
|
135deg,
|
|
color-mix(in srgb, #14b8a6 22%, var(--background-secondary) 78%),
|
|
color-mix(in srgb, #f97316 18%, var(--background-secondary) 82%)
|
|
);
|
|
}
|
|
|
|
.notemd-action-button.mod-cta:hover {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 72%, var(--notemd-action) 28%);
|
|
background:
|
|
linear-gradient(
|
|
135deg,
|
|
color-mix(in srgb, var(--interactive-accent) 26%, var(--background-secondary) 74%),
|
|
color-mix(in srgb, var(--notemd-action) 30%, var(--background-secondary) 70%)
|
|
);
|
|
}
|
|
|
|
.notemd-action-button.mod-cta:active {
|
|
background:
|
|
linear-gradient(
|
|
135deg,
|
|
color-mix(in srgb, var(--interactive-accent) 24%, var(--background-secondary) 76%),
|
|
color-mix(in srgb, var(--notemd-action) 28%, var(--background-secondary) 72%)
|
|
);
|
|
}
|
|
|
|
.notemd-action-button:disabled {
|
|
opacity: 0.52;
|
|
cursor: not-allowed;
|
|
transform: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.notemd-inline-control {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.6em;
|
|
margin-top: 0.4em;
|
|
}
|
|
|
|
.notemd-inline-label {
|
|
font-size: 12px;
|
|
color: var(--text-muted);
|
|
min-width: 64px;
|
|
}
|
|
|
|
.notemd-slide-export-format-control {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 0 0 0.12em;
|
|
}
|
|
|
|
.notemd-slide-export-format-control .notemd-inline-label {
|
|
min-width: 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.notemd-slide-export-format-select {
|
|
flex: 1 1 112px;
|
|
min-width: 0;
|
|
max-width: 148px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.notemd-slide-export-probe-button,
|
|
.notemd-slide-export-direct-button {
|
|
min-height: 44px;
|
|
}
|
|
|
|
.notemd-slide-export-secondary-button {
|
|
border-color: color-mix(in srgb, var(--notemd-border) 82%, var(--interactive-accent) 18%);
|
|
background: color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
|
|
color: var(--text-normal);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.notemd-slide-export-secondary-button:hover {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 36%, var(--notemd-border) 64%);
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 70%, var(--background-primary) 30%);
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.68em;
|
|
width: 100%;
|
|
min-height: 44px;
|
|
padding: 0.52em 0.62em;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 78%, transparent);
|
|
border-radius: 8px;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, var(--background-secondary) 12%);
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 650;
|
|
line-height: 1.35;
|
|
cursor: pointer;
|
|
transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle:hover {
|
|
border-color: color-mix(in srgb, var(--notemd-accent) 62%, var(--notemd-border) 38%);
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 64%, var(--background-primary) 36%);
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle.is-enabled {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 54%, var(--notemd-border) 46%);
|
|
background: color-mix(in srgb, var(--interactive-accent) 10%, var(--background-primary) 90%);
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle-track {
|
|
position: relative;
|
|
flex: 0 0 auto;
|
|
width: 36px;
|
|
height: 20px;
|
|
border-radius: 999px;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 86%, transparent);
|
|
background: color-mix(in srgb, var(--background-secondary) 86%, var(--text-muted) 14%);
|
|
transition: background-color 160ms ease, border-color 160ms ease;
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle-track::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 999px;
|
|
background: var(--background-primary);
|
|
box-shadow: 0 1px 3px color-mix(in srgb, #0f172a 26%, transparent);
|
|
transition: transform 160ms ease;
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle.is-enabled .notemd-slide-export-outline-toggle-track {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 62%, var(--notemd-border) 38%);
|
|
background: color-mix(in srgb, var(--interactive-accent) 44%, var(--background-secondary) 56%);
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle.is-enabled .notemd-slide-export-outline-toggle-track::before {
|
|
transform: translateX(16px);
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle-label {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-slide-export-outline-toggle:focus-visible,
|
|
.notemd-slide-export-env-install-button:focus-visible,
|
|
.notemd-slide-export-env-copy-button:focus-visible,
|
|
.notemd-slide-export-env-link:focus-visible {
|
|
outline: 2px solid var(--notemd-focus);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.notemd-slide-export-direct-actions,
|
|
.notemd-slide-export-outline-actions {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 0.52em;
|
|
}
|
|
|
|
.notemd-slide-export-step-button {
|
|
display: grid;
|
|
grid-template-columns: 24px minmax(0, 1fr);
|
|
align-items: center;
|
|
gap: 0.58em;
|
|
min-height: 44px;
|
|
}
|
|
|
|
.notemd-slide-export-step-index {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--interactive-accent) 14%, var(--background-secondary) 86%);
|
|
color: color-mix(in srgb, var(--text-normal) 86%, var(--interactive-accent) 14%);
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.notemd-slide-export-step-label {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-slide-export-env-panel {
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 74%, var(--interactive-accent) 26%);
|
|
border-radius: 8px;
|
|
padding: 0.72em;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, var(--background-secondary) 12%);
|
|
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 32%, transparent);
|
|
}
|
|
|
|
.notemd-slide-export-env-heading,
|
|
.notemd-slide-export-env-tool-header,
|
|
.notemd-slide-export-env-tool-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.55em;
|
|
}
|
|
|
|
.notemd-slide-export-env-title {
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-slide-export-env-desc {
|
|
margin: 0.35em 0 0;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-slide-export-env-desc.is-error {
|
|
color: var(--text-error);
|
|
}
|
|
|
|
.notemd-slide-export-env-badge {
|
|
flex: 0 0 auto;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 70%, var(--interactive-accent) 30%);
|
|
border-radius: 8px;
|
|
padding: 0.18em 0.5em;
|
|
background: color-mix(in srgb, var(--interactive-accent) 10%, var(--background-secondary) 90%);
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
font-weight: 750;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-slide-export-env-tool-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 0.5em;
|
|
margin-top: 0.65em;
|
|
}
|
|
|
|
.notemd-slide-export-env-tool {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 8px;
|
|
padding: 0.56em;
|
|
background: color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
|
|
}
|
|
|
|
.notemd-slide-export-env-tool.is-installed {
|
|
border-color: color-mix(in srgb, #10b981 28%, var(--notemd-border) 72%);
|
|
}
|
|
|
|
.notemd-slide-export-env-tool.is-missing {
|
|
border-color: color-mix(in srgb, #f59e0b 32%, var(--notemd-border) 68%);
|
|
}
|
|
|
|
.notemd-slide-export-env-tool-name {
|
|
color: var(--text-normal);
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-slide-export-env-tool-status {
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
font-weight: 750;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-slide-export-env-tool-detail {
|
|
margin-top: 0.22em;
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
line-height: 1.45;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-slide-export-env-command {
|
|
display: block;
|
|
margin-top: 0.45em;
|
|
padding: 0.48em 0.54em;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 76%, transparent);
|
|
border-radius: 6px;
|
|
background: color-mix(in srgb, var(--background-primary) 88%, #0f172a 12%);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-monospace);
|
|
font-size: 10px;
|
|
line-height: 1.45;
|
|
white-space: pre-wrap;
|
|
user-select: text;
|
|
-webkit-user-select: text;
|
|
}
|
|
|
|
.notemd-slide-export-env-tool-footer {
|
|
margin-top: 0.5em;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.notemd-slide-export-env-link {
|
|
color: var(--link-color);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.notemd-slide-export-env-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.notemd-slide-export-env-install-button,
|
|
.notemd-slide-export-env-copy-button {
|
|
min-height: 32px;
|
|
border: 1px solid color-mix(in srgb, var(--interactive-accent) 44%, var(--notemd-border) 56%);
|
|
border-radius: 8px;
|
|
padding: 0.24em 0.62em;
|
|
background: color-mix(in srgb, var(--interactive-accent) 12%, var(--background-secondary) 88%);
|
|
color: var(--text-normal);
|
|
font-size: 10px;
|
|
font-weight: 750;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.notemd-slide-export-env-copy-button {
|
|
background: var(--background-secondary);
|
|
border-color: color-mix(in srgb, var(--notemd-border) 82%, var(--interactive-accent) 18%);
|
|
}
|
|
|
|
.notemd-slide-export-env-capabilities {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 0.42em;
|
|
margin-top: 0.65em;
|
|
}
|
|
|
|
.notemd-slide-export-env-capability {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.35em;
|
|
min-width: 0;
|
|
border-radius: 6px;
|
|
padding: 0.32em 0.44em;
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-slide-export-env-capability.is-available {
|
|
color: color-mix(in srgb, var(--text-normal) 78%, #10b981 22%);
|
|
}
|
|
|
|
.notemd-slide-export-env-capability.is-unavailable {
|
|
color: color-mix(in srgb, var(--text-muted) 78%, #f59e0b 22%);
|
|
}
|
|
|
|
.notemd-slide-export-env-capability-state {
|
|
font-size: 9px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.notemd-provider-callout {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 12px;
|
|
padding: 0.85em 0.95em;
|
|
margin: 0 0 0.9em;
|
|
background:
|
|
radial-gradient(circle at 12% 16%, color-mix(in srgb, #14b8a6 14%, transparent) 0%, transparent 36%),
|
|
radial-gradient(circle at 88% 12%, color-mix(in srgb, #f97316 12%, transparent) 0%, transparent 34%),
|
|
var(--notemd-surface-alt);
|
|
}
|
|
|
|
.notemd-provider-callout strong {
|
|
display: block;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.notemd-provider-callout p {
|
|
margin: 0.45em 0 0;
|
|
color: var(--text-muted);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-provider-validation {
|
|
border-radius: 10px;
|
|
padding: 0.75em 0.85em;
|
|
margin: 0 0 0.85em;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.notemd-provider-validation strong {
|
|
display: block;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.notemd-provider-validation p {
|
|
margin: 0.4em 0 0;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-provider-validation-warning {
|
|
background: color-mix(in srgb, #f59e0b 12%, var(--background-secondary) 88%);
|
|
border-color: color-mix(in srgb, #f59e0b 42%, var(--background-modifier-border) 58%);
|
|
}
|
|
|
|
.notemd-provider-validation-error {
|
|
background: color-mix(in srgb, #ef4444 10%, var(--background-secondary) 90%);
|
|
border-color: color-mix(in srgb, #ef4444 38%, var(--background-modifier-border) 62%);
|
|
}
|
|
|
|
.notemd-provider-badge-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.45em;
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
.notemd-provider-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
border-radius: 999px;
|
|
padding: 0.2em 0.65em;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.02em;
|
|
background: color-mix(in srgb, #14b8a6 18%, var(--background-secondary) 82%);
|
|
color: var(--text-normal);
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 75%, #14b8a6 25%);
|
|
}
|
|
|
|
.notemd-provider-badge.is-secondary {
|
|
background: color-mix(in srgb, #f97316 15%, var(--background-secondary) 85%);
|
|
border-color: color-mix(in srgb, var(--notemd-border) 70%, #f97316 30%);
|
|
}
|
|
|
|
.notemd-provider-advanced-settings {
|
|
margin: 0 0 0.95em;
|
|
}
|
|
|
|
.notemd-provider-advanced-settings > .setting-item {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.notemd-provider-discovery-panel {
|
|
margin: 0 0 0.95em;
|
|
}
|
|
|
|
.notemd-provider-discovery-summary {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.notemd-provider-model-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.55em;
|
|
margin-top: 0.75em;
|
|
}
|
|
|
|
.notemd-provider-model-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.75em;
|
|
padding: 0.6em 0.7em;
|
|
border-radius: 10px;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 78%, #14b8a6 22%);
|
|
background: color-mix(in srgb, var(--background-primary) 90%, #f0fdfa 10%);
|
|
}
|
|
|
|
.notemd-provider-model-item.is-current {
|
|
border-color: color-mix(in srgb, var(--notemd-accent) 44%, var(--notemd-border) 56%);
|
|
background: color-mix(in srgb, var(--background-primary) 86%, var(--notemd-accent) 14%);
|
|
}
|
|
|
|
.notemd-provider-model-item code {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
word-break: break-word;
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.notemd-provider-model-copy {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
}
|
|
|
|
.notemd-provider-model-meta {
|
|
margin-top: 0.35em;
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
color: var(--text-muted);
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.notemd-provider-model-item button {
|
|
flex: 0 0 auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.notemd-language-select {
|
|
width: 100%;
|
|
min-height: 34px;
|
|
border-radius: 8px;
|
|
border: 1px solid var(--notemd-border);
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
padding: 0.35em 0.5em;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.notemd-workflow-warning {
|
|
margin-top: 0.2em;
|
|
border: 1px solid color-mix(in srgb, var(--text-error) 70%, transparent);
|
|
background: color-mix(in srgb, var(--text-error) 11%, transparent);
|
|
border-radius: 8px;
|
|
padding: 0.45em 0.55em;
|
|
font-size: 11px;
|
|
line-height: 1.4;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.notemd-workflow-builder {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 12px;
|
|
padding: 0.7em;
|
|
background: var(--notemd-surface-alt);
|
|
margin: 0.55em 0 0.85em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.7em;
|
|
}
|
|
|
|
.notemd-workflow-builder-warning {
|
|
border: 1px solid color-mix(in srgb, #f59e0b 65%, transparent);
|
|
background: color-mix(in srgb, #f59e0b 13%, transparent);
|
|
border-radius: 8px;
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
padding: 0.45em 0.55em;
|
|
}
|
|
|
|
.notemd-workflow-card {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 10px;
|
|
background: var(--background-primary);
|
|
padding: 0.58em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.45em;
|
|
}
|
|
|
|
.notemd-workflow-card-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 0.6em;
|
|
}
|
|
|
|
.notemd-workflow-row {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.2em;
|
|
}
|
|
|
|
.notemd-workflow-row label {
|
|
font-size: 12px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-workflow-row input {
|
|
width: 100%;
|
|
min-height: 32px;
|
|
}
|
|
|
|
.notemd-workflow-subtitle {
|
|
margin: 0.2em 0 0;
|
|
font-size: 12px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-workflow-action-row {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto auto auto;
|
|
gap: 0.35em;
|
|
align-items: center;
|
|
}
|
|
|
|
.notemd-workflow-action-row select {
|
|
min-height: 34px;
|
|
}
|
|
|
|
.notemd-workflow-action-row button {
|
|
min-height: 30px;
|
|
min-width: 30px;
|
|
}
|
|
|
|
.notemd-workflow-builder-toolbar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.45em;
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
.notemd-progress-area {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
padding: 0.72em 0.8em 0.82em;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 82%, #ffffff 18%),
|
|
color-mix(in srgb, var(--notemd-surface-alt) 88%, #f0fdfa 12%)
|
|
);
|
|
box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 40%, transparent);
|
|
}
|
|
|
|
.notemd-progress-area.is-idle {
|
|
border-color: color-mix(in srgb, var(--notemd-border) 68%, var(--interactive-accent) 32%);
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--notemd-surface) 76%, #ffffff 24%),
|
|
color-mix(in srgb, var(--notemd-surface-alt) 90%, #e0f2fe 10%)
|
|
);
|
|
}
|
|
|
|
.notemd-progress-meta {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.75em;
|
|
margin-bottom: 0.45em;
|
|
}
|
|
|
|
.notemd-api-liveness {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.45em;
|
|
margin-bottom: 0.5em;
|
|
color: color-mix(in srgb, var(--text-muted) 88%, var(--text-normal) 12%);
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-api-liveness-dot {
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--text-faint) 82%, var(--background-modifier-border) 18%);
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, var(--background-modifier-border) 70%, transparent 30%);
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.notemd-api-liveness.is-waiting .notemd-api-liveness-dot {
|
|
background: #f59e0b;
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 30%, transparent);
|
|
}
|
|
|
|
.notemd-api-liveness.is-accepted .notemd-api-liveness-dot {
|
|
background: #3b82f6;
|
|
box-shadow:
|
|
0 0 0 1px color-mix(in srgb, #3b82f6 28%, transparent),
|
|
0 0 10px color-mix(in srgb, #3b82f6 18%, transparent);
|
|
}
|
|
|
|
.notemd-api-liveness.is-active .notemd-api-liveness-dot {
|
|
background: #10b981;
|
|
box-shadow:
|
|
0 0 0 1px color-mix(in srgb, #10b981 26%, transparent),
|
|
0 0 12px color-mix(in srgb, #10b981 24%, transparent);
|
|
}
|
|
|
|
.notemd-api-liveness.is-error .notemd-api-liveness-dot {
|
|
background: #ef4444;
|
|
box-shadow: 0 0 0 1px color-mix(in srgb, #ef4444 28%, transparent);
|
|
}
|
|
|
|
.notemd-api-activity {
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 72%, transparent);
|
|
border-radius: 10px;
|
|
background: color-mix(in srgb, var(--background-primary) 90%, #ffffff 10%);
|
|
padding: 0.5em 0.58em;
|
|
margin-bottom: 0.55em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.38em;
|
|
}
|
|
|
|
.notemd-api-activity-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.55em;
|
|
}
|
|
|
|
.notemd-api-activity-title {
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.02em;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-api-activity-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.34em;
|
|
}
|
|
|
|
.notemd-api-activity-empty {
|
|
margin: 0;
|
|
color: color-mix(in srgb, var(--text-muted) 90%, var(--text-normal) 10%);
|
|
font-size: 11px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-api-activity-empty.is-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.notemd-api-activity-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.34em;
|
|
}
|
|
|
|
.notemd-api-activity-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.28em;
|
|
}
|
|
|
|
.notemd-api-activity-section.is-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.notemd-api-activity-section-title {
|
|
font-size: 10px;
|
|
font-weight: 800;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
color: color-mix(in srgb, var(--text-muted) 86%, var(--interactive-accent) 14%);
|
|
}
|
|
|
|
.notemd-api-activity-section-empty {
|
|
margin: 0;
|
|
color: color-mix(in srgb, var(--text-muted) 90%, var(--text-normal) 10%);
|
|
font-size: 10px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-api-activity-item {
|
|
border-radius: 8px;
|
|
padding: 0.38em 0.42em;
|
|
background: color-mix(in srgb, var(--background-secondary) 86%, #ecfeff 14%);
|
|
}
|
|
|
|
.notemd-api-activity-item-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.45em;
|
|
}
|
|
|
|
.notemd-api-activity-item-title {
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: var(--text-normal);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.notemd-api-activity-item-meta {
|
|
margin-top: 0.12em;
|
|
color: color-mix(in srgb, var(--text-muted) 88%, var(--text-normal) 12%);
|
|
font-size: 10px;
|
|
line-height: 1.45;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.notemd-api-activity-toggle-button,
|
|
.notemd-copy-api-activity-button {
|
|
background: var(--background-secondary);
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 8px;
|
|
padding: 0.24em 0.58em;
|
|
font-size: 11px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
cursor: pointer;
|
|
box-shadow: var(--notemd-button-shadow);
|
|
transition:
|
|
background-color 160ms ease,
|
|
border-color 160ms ease,
|
|
transform 160ms ease,
|
|
box-shadow 160ms ease;
|
|
}
|
|
|
|
.notemd-api-activity-toggle-button:hover,
|
|
.notemd-copy-api-activity-button:hover {
|
|
background: color-mix(in srgb, var(--background-modifier-hover) 70%, #f0fdfa 30%);
|
|
border-color: var(--notemd-accent);
|
|
box-shadow: var(--notemd-button-shadow-hover);
|
|
}
|
|
|
|
.notemd-api-activity-toggle-button:active,
|
|
.notemd-copy-api-activity-button:active {
|
|
transform: translateY(1px) scale(0.995);
|
|
box-shadow: var(--notemd-button-shadow-active);
|
|
}
|
|
|
|
.notemd-api-activity-history {
|
|
margin-top: 0.28em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.14em;
|
|
}
|
|
|
|
.notemd-api-activity-history-entry {
|
|
font-size: 10px;
|
|
line-height: 1.4;
|
|
color: color-mix(in srgb, var(--text-faint) 78%, var(--text-normal) 22%);
|
|
font-family: var(--font-monospace);
|
|
word-break: break-word;
|
|
}
|
|
|
|
.notemd-progress-value {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 50px;
|
|
padding: 0.24em 0.58em;
|
|
border-radius: 999px;
|
|
border: 1px solid color-mix(in srgb, var(--notemd-border) 76%, var(--notemd-accent) 24%);
|
|
background: color-mix(in srgb, #14b8a6 15%, var(--background-secondary) 85%);
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
.notemd-progress-value.is-idle {
|
|
border-color: color-mix(in srgb, var(--notemd-border) 62%, var(--interactive-accent) 38%);
|
|
background: color-mix(in srgb, var(--interactive-accent) 12%, var(--background-secondary) 88%);
|
|
color: color-mix(in srgb, var(--text-normal) 88%, var(--interactive-accent) 12%);
|
|
}
|
|
|
|
.notemd-progress-value.is-error {
|
|
border-color: color-mix(in srgb, #ef4444 46%, var(--background-modifier-border) 54%);
|
|
background: color-mix(in srgb, #ef4444 12%, var(--background-secondary) 88%);
|
|
}
|
|
|
|
.notemd-progress-area .notemd-progress-bar-container.mod-sidebar {
|
|
position: relative;
|
|
height: 20px;
|
|
margin: 0;
|
|
background:
|
|
linear-gradient(
|
|
180deg,
|
|
color-mix(in srgb, var(--background-secondary) 92%, #ffffff 8%),
|
|
color-mix(in srgb, var(--background-secondary-alt, var(--background-secondary)) 88%, #0f172a 12%)
|
|
);
|
|
box-shadow:
|
|
inset 0 1px 1px color-mix(in srgb, #000000 10%, transparent),
|
|
inset 0 0 0 1px color-mix(in srgb, var(--notemd-border) 72%, #0d9488 28%);
|
|
}
|
|
|
|
.notemd-progress-area .notemd-progress-bar-container.mod-sidebar.is-idle {
|
|
border-style: solid;
|
|
background:
|
|
linear-gradient(
|
|
135deg,
|
|
color-mix(in srgb, var(--background-secondary) 84%, #e0f2fe 16%) 0%,
|
|
color-mix(in srgb, var(--background-secondary-alt, var(--background-secondary)) 88%, #bae6fd 12%) 100%
|
|
);
|
|
box-shadow:
|
|
inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent),
|
|
inset 0 0 0 1px color-mix(in srgb, var(--interactive-accent) 22%, var(--notemd-border) 78%);
|
|
}
|
|
|
|
.notemd-progress-area .notemd-progress-bar-container.mod-sidebar.is-idle::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(
|
|
90deg,
|
|
transparent 0%,
|
|
color-mix(in srgb, var(--interactive-accent) 10%, transparent) 50%,
|
|
transparent 100%
|
|
);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.notemd-progress-area .notemd-progress-bar-fill {
|
|
position: relative;
|
|
box-shadow:
|
|
inset 0 0 0 1px color-mix(in srgb, #ffffff 18%, transparent),
|
|
0 4px 14px color-mix(in srgb, var(--notemd-accent) 18%, transparent);
|
|
}
|
|
|
|
.notemd-progress-area .notemd-progress-bar-container.mod-sidebar.is-idle .notemd-progress-bar-fill {
|
|
opacity: 0.16;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.notemd-time-remaining {
|
|
margin: 0.5em 0 0;
|
|
color: color-mix(in srgb, var(--text-muted) 88%, var(--text-normal) 12%);
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.notemd-log-card {
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 14px;
|
|
background: var(--notemd-surface-alt);
|
|
padding: 0.72em 0.78em 0.78em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.45em;
|
|
}
|
|
|
|
.notemd-log-card.mod-persistent {
|
|
flex: 1 1 180px;
|
|
min-height: 180px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.notemd-log-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 0.7em;
|
|
}
|
|
|
|
.notemd-log-header-actions {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.55em;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.notemd-debug-toggle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.35em;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.notemd-debug-toggle-input {
|
|
margin: 0;
|
|
}
|
|
|
|
.notemd-log-header h5 {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.notemd-log-output.mod-sidebar {
|
|
flex: 1 1 auto;
|
|
min-height: 160px;
|
|
height: 100%;
|
|
max-height: none;
|
|
margin: 0;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.notemd-log-output.is-selectable {
|
|
user-select: text;
|
|
-webkit-user-select: text;
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
.notemd-sidebar-container {
|
|
padding: 0.65em;
|
|
}
|
|
.notemd-action-button {
|
|
min-height: 44px;
|
|
}
|
|
.notemd-log-output.mod-sidebar {
|
|
min-height: 120px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.notemd-action-button,
|
|
.notemd-cancel-button,
|
|
.notemd-slide-export-outline-toggle,
|
|
.notemd-slide-export-outline-toggle-track,
|
|
.notemd-slide-export-outline-toggle-track::before,
|
|
.notemd-copy-log-button,
|
|
.notemd-progress-bar-fill,
|
|
.notemd-section-summary::before {
|
|
transition: none !important;
|
|
}
|
|
}
|
|
|
|
/* RTL safety: keep Notemd panel readable in right-to-left locales. */
|
|
.mod-rtl .notemd-sidebar-container,
|
|
.mod-rtl .notemd-log-output,
|
|
.mod-rtl .notemd-status-text,
|
|
.mod-rtl .notemd-time-remaining {
|
|
direction: rtl;
|
|
text-align: right;
|
|
}
|
|
|
|
.notemd-log-time,
|
|
.notemd-log-message,
|
|
.notemd-status-text,
|
|
.notemd-time-remaining {
|
|
unicode-bidi: plaintext;
|
|
}
|
|
|
|
/* Slide Export Environment Probe Modal */
|
|
.notemd-probe-modal {
|
|
padding: 1.5em;
|
|
max-width: 650px;
|
|
font-family: var(--notemd-sidebar-font);
|
|
}
|
|
|
|
.notemd-probe-grid {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr auto auto;
|
|
gap: 0.75em 1em;
|
|
align-items: center;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.notemd-probe-tool-name {
|
|
font-weight: 600;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.notemd-probe-status {
|
|
font-size: 0.9em;
|
|
padding: 0.2em 0.6em;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.notemd-probe-status.pass {
|
|
background: color-mix(in srgb, var(--color-green) 20%, transparent);
|
|
color: var(--color-green);
|
|
}
|
|
|
|
.notemd-probe-status.fail {
|
|
background: color-mix(in srgb, var(--color-red) 20%, transparent);
|
|
color: var(--color-red);
|
|
}
|
|
|
|
.notemd-probe-version {
|
|
font-family: var(--font-monospace);
|
|
font-size: 0.85em;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-probe-install-btn {
|
|
padding: 0.3em 0.8em;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.notemd-ffmpeg-instructions {
|
|
margin-top: 1em;
|
|
padding: 1em;
|
|
background: var(--notemd-surface);
|
|
border: 1px solid var(--notemd-border);
|
|
border-radius: 6px;
|
|
font-size: 0.9em;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.notemd-ffmpeg-instructions code {
|
|
background: var(--code-background);
|
|
padding: 0.2em 0.4em;
|
|
border-radius: 3px;
|
|
font-family: var(--font-monospace);
|
|
}
|
|
|
|
.notemd-capability-matrix {
|
|
margin-top: 1.5em;
|
|
padding-top: 1em;
|
|
border-top: 1px solid var(--notemd-border);
|
|
}
|
|
|
|
.notemd-capability-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0.4em 0;
|
|
}
|
|
|
|
.notemd-capability-format {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.notemd-capability-indicator {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.notemd-capability-indicator.available {
|
|
color: var(--color-green);
|
|
}
|
|
|
|
.notemd-recheck-btn {
|
|
margin-top: 1em;
|
|
}
|