@mevdragon/vidfarm-devcli 0.20.5 → 0.20.8

package/dist/src/editor-dark-theme.js

@@ -1,1128 +0,0 @@
-// Dark green "HyperFrames render-bay" theme.
-// Applied only when renderPageShell receives bodyClass === "is-editor-theme".
-// Injected after the base page CSS so it overrides the light-paper defaults.
-export const EDITOR_DARK_THEME_CSS = `
-      /* Dark green theme (editor pages only) — override light-paper base. */
-      :root {
-        color-scheme: dark;
-        --bg: #030603;
-        --paper: rgba(7, 13, 7, 0.82);
-        --paper-strong: rgba(12, 20, 12, 0.96);
-        --panel: transparent;
-        --panel-muted: rgba(18, 28, 15, 0.82);
-        --ink: #fff9d7;
-        --muted: #a6b39b;
-        --line: rgba(210, 255, 110, 0.2);
-        --line-strong: rgba(248, 210, 74, 0.46);
-        --accent: #d7ff46;
-        --accent-deep: #0b1209;
-        --accent-soft: rgba(215, 255, 70, 0.16);
-        --shadow: 0 28px 90px rgba(0, 0, 0, 0.5);
-        --shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.32);
-      }
-
-      body.is-editor-theme {
-        color: var(--ink);
-        background:
-          radial-gradient(circle at 14% 14%, rgba(65, 255, 109, 0.2), transparent 26%),
-          radial-gradient(circle at 84% 8%, rgba(255, 216, 75, 0.18), transparent 28%),
-          radial-gradient(circle at 72% 82%, rgba(91, 146, 255, 0.12), transparent 24%),
-          linear-gradient(145deg, #020402 0%, #071006 46%, #171603 100%);
-        background-attachment: fixed;
-      }
-
-      body.is-editor-theme::before {
-        content: "";
-        position: fixed;
-        inset: 0;
-        pointer-events: none;
-        background-image:
-          linear-gradient(rgba(223, 255, 118, 0.055) 1px, transparent 1px),
-          linear-gradient(90deg, rgba(223, 255, 118, 0.045) 1px, transparent 1px),
-          linear-gradient(115deg, transparent 0 47%, rgba(255, 222, 88, 0.04) 48% 52%, transparent 53% 100%);
-        background-size: 30px 30px;
-        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 88%);
-      }
-
-      body.is-editor-theme::after {
-        content: "";
-        position: fixed;
-        inset: auto -10% -18% -10%;
-        height: 34vh;
-        pointer-events: none;
-        background:
-          repeating-linear-gradient(90deg, rgba(215, 255, 70, 0.18) 0 2px, transparent 2px 72px),
-          linear-gradient(180deg, transparent, rgba(215, 255, 70, 0.08));
-        filter: blur(0.2px);
-        opacity: 0.45;
-        transform: perspective(520px) rotateX(58deg);
-        transform-origin: bottom center;
-      }
-
-      /* HyperFrames render-bay skin. Kept after page CSS so old surfaces cannot leak through visually. */
-      .frame {
-        overflow: visible;
-      }
-
-      .frame-body {
-        position: relative;
-        z-index: 1;
-      }
-
-      .topbar {
-        position: relative;
-        z-index: 40;
-        border: 1px solid rgba(215, 255, 70, 0.22);
-        background:
-          linear-gradient(135deg, rgba(10, 18, 9, 0.92), rgba(15, 18, 5, 0.84)),
-          radial-gradient(circle at 10% 0%, rgba(215, 255, 70, 0.14), transparent 36%);
-        box-shadow:
-          inset 0 1px 0 rgba(255, 255, 255, 0.08),
-          0 24px 68px rgba(0, 0, 0, 0.44);
-        backdrop-filter: blur(18px);
-      }
-
-      .brand-lockup::before {
-        content: "";
-        width: 10px;
-        height: 10px;
-        border-radius: 999px;
-        background: #d7ff46;
-        box-shadow: 0 0 0 5px rgba(215, 255, 70, 0.12), 0 0 26px rgba(215, 255, 70, 0.64);
-        flex: 0 0 auto;
-      }
-
-      .brand-logo-image {
-        filter: saturate(1.12) contrast(1.08);
-      }
-
-      .brand-title,
-      .brand-title-static,
-      h1,
-      h2 {
-        color: var(--ink);
-        font-family: "Bebas Neue", "Instrument Serif", serif;
-        font-weight: 400;
-        letter-spacing: 0.01em;
-        text-transform: uppercase;
-      }
-
-      h3 {
-        color: var(--ink);
-      }
-
-      p,
-      .brand-account-meta,
-      .brand-account-meta span,
-      .helper,
-      .tiny,
-      .meta-copy {
-        color: var(--muted);
-      }
-
-      .primary-nav {
-        position: relative;
-        z-index: 45;
-        border: 1px solid rgba(215, 255, 70, 0.18);
-        background:
-          linear-gradient(180deg, rgba(18, 28, 15, 0.72), rgba(6, 12, 6, 0.78)),
-          repeating-linear-gradient(90deg, rgba(215, 255, 70, 0.07) 0 1px, transparent 1px 38px);
-        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
-      }
-
-      .nav-link,
-      .nav-menu-trigger,
-      .nav-menu-item {
-        color: rgba(255, 249, 215, 0.72);
-        font-family: "JetBrains Mono", "SFMono-Regular", monospace;
-        font-size: 0.78rem;
-        font-weight: 700;
-        letter-spacing: 0.02em;
-      }
-
-      .nav-link:hover,
-      .nav-menu-trigger:hover,
-      .nav-menu[open] > .nav-menu-trigger {
-        color: var(--ink);
-      }
-
-      .nav-link.is-active,
-      .nav-menu-item.is-active {
-        border-color: rgba(215, 255, 70, 0.42);
-        background: rgba(215, 255, 70, 0.12);
-        color: #f8ffd6;
-        box-shadow: 0 0 0 1px rgba(215, 255, 70, 0.08), 0 10px 28px rgba(0, 0, 0, 0.28);
-      }
-
-      .nav-menu-panel,
-      .logout-dialog,
-      .notice,
-      .empty-state {
-        z-index: 80;
-        border-color: rgba(215, 255, 70, 0.22);
-        background: rgba(8, 14, 8, 0.96);
-        color: var(--ink);
-        box-shadow: 0 26px 70px rgba(0, 0, 0, 0.52);
-      }
-
-      .surface,
-      .surface-hero,
-      .surface-muted,
-      .page-section,
-      .developer-panel,
-      .settings-pane,
-      .library-shell,
-      .help-shell,
-      .discover-shell,
-      .calendar-shell,
-      .custom-inpaint-panel,
-      .custom-inpaint-stage,
-      .custom-inpaint-output,
-      .editor-inpaint-panel,
-      .history-toolbar,
-      .history-group,
-      .history-subgroup,
-      .history-linked-job,
-      .history-media-modal,
-      .editor-hero,
-      .editor-section,
-      .editor-panel,
-      .editor-modal,
-      .editor-media-modal,
-      .editor-inpaint-modal,
-      .vf-editor-chat-http-card,
-      .vf-editor-chat-http-modal,
-      .library-post,
-      .library-options-panel,
-      .calendar-main,
-      .calendar-sidebar,
-      .calendar-day-panel,
-      .calendar-schedule-modal,
-      .help-details {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background:
-          linear-gradient(180deg, rgba(13, 22, 11, 0.9), rgba(6, 11, 6, 0.9)),
-          radial-gradient(circle at 12% 0%, rgba(215, 255, 70, 0.1), transparent 30%) !important;
-        color: var(--ink);
-        box-shadow: var(--shadow-soft);
-      }
-
-      .surface-hero,
-      .editor-hero,
-      .discover-shell {
-        position: relative;
-        overflow: hidden;
-      }
-
-      .surface-hero::after,
-      .editor-hero::after,
-      .discover-shell::after {
-        content: "";
-        position: absolute;
-        inset: auto 20px 18px 20px;
-        height: 8px;
-        border-radius: 999px;
-        background: repeating-linear-gradient(90deg, rgba(215, 255, 70, 0.9) 0 18px, rgba(215, 255, 70, 0.2) 18px 22px, transparent 22px 54px);
-        opacity: 0.4;
-        pointer-events: none;
-      }
-
-      .button,
-      button,
-      .link-button,
-      .cta-button,
-      .history-filter-button,
-      .history-action-link,
-      .editor-history-button,
-      .vf-editor-chat-new-thread,
-      .vf-editor-chat-history-toggle,
-      .vf-editor-chat-history-close,
-      .vf-editor-chat-back-button {
-        border-color: rgba(215, 255, 70, 0.42);
-        background: linear-gradient(180deg, #e8ff63, #bddf26);
-        color: #071006;
-        font-family: "JetBrains Mono", "SFMono-Regular", monospace;
-        font-weight: 800;
-        letter-spacing: -0.02em;
-        box-shadow:
-          inset 0 1px 0 rgba(255, 255, 255, 0.48),
-          0 12px 28px rgba(174, 219, 32, 0.18);
-      }
-
-      .button:hover,
-      button:hover,
-      .link-button:hover,
-      .cta-button:hover,
-      .history-filter-button:hover,
-      .history-action-link:hover,
-      .editor-history-button:hover {
-        border-color: rgba(248, 210, 74, 0.74);
-        box-shadow:
-          inset 0 1px 0 rgba(255, 255, 255, 0.54),
-          0 14px 34px rgba(215, 255, 70, 0.24);
-      }
-
-      .button.secondary,
-      button.secondary,
-      .link-button.secondary,
-      .history-filter-button:not(.is-primary),
-      .editor-history-button:not(.is-primary),
-      .discover-media-modal-action,
-      .history-media-modal-source,
-      .editor-media-modal-source {
-        border-color: rgba(255, 249, 215, 0.16);
-        background: rgba(255, 249, 215, 0.08);
-        color: rgba(255, 249, 215, 0.88);
-        box-shadow: none;
-      }
-
-      .input,
-      input,
-      select,
-      textarea {
-        border-color: rgba(215, 255, 70, 0.22);
-        background: rgba(0, 0, 0, 0.34);
-        color: var(--ink);
-        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
-      }
-
-      input::placeholder,
-      textarea::placeholder {
-        color: rgba(166, 179, 155, 0.66);
-      }
-
-      input:focus,
-      select:focus,
-      textarea:focus {
-        border-color: rgba(215, 255, 70, 0.74);
-        box-shadow: 0 0 0 4px rgba(215, 255, 70, 0.13);
-      }
-
-      label,
-      .label,
-      .kicker,
-      .eyebrow,
-      .pill,
-      .pill-tag,
-      .history-chip,
-      .editor-pill,
-      .vf-editor-chat-kicker,
-      .vf-editor-chat-tracer-label,
-      .vf-editor-chat-http-label {
-        color: rgba(215, 255, 70, 0.82);
-        font-family: "JetBrains Mono", "SFMono-Regular", monospace;
-        letter-spacing: 0.18em;
-      }
-
-      .pill,
-      .pill-tag,
-      .history-chip,
-      .editor-pill,
-      .vf-editor-chat-tracer-chip,
-      .vf-editor-chat-thread-chip {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(215, 255, 70, 0.08);
-        color: rgba(255, 249, 215, 0.86);
-      }
-
-      pre,
-      code,
-      .vf-editor-chat-http-pre {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(0, 0, 0, 0.48);
-        color: #e8ff9b;
-      }
-
-      .discover-shell {
-        border: 1px solid rgba(215, 255, 70, 0.22);
-        background:
-          radial-gradient(circle at 9% 12%, rgba(215, 255, 70, 0.12), transparent 30%),
-          linear-gradient(135deg, rgba(9, 15, 8, 0.96), rgba(3, 6, 3, 0.94)) !important;
-        box-shadow: 0 34px 100px rgba(0, 0, 0, 0.5);
-      }
-
-      .discover-sidebar {
-        border-right-color: rgba(215, 255, 70, 0.18);
-        background:
-          linear-gradient(180deg, rgba(16, 27, 12, 0.94), rgba(4, 8, 4, 0.9)),
-          repeating-linear-gradient(0deg, rgba(215, 255, 70, 0.06) 0 1px, transparent 1px 44px) !important;
-      }
-
-      .discover-filter-block {
-        padding: 18px;
-        border: 1px solid rgba(215, 255, 70, 0.16);
-        border-radius: 20px;
-        background: rgba(0, 0, 0, 0.22);
-      }
-
-      .bookmarks-row,
-      .switch-shell,
-      .discover-filter-panel > summary {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(0, 0, 0, 0.26);
-        color: rgba(255, 249, 215, 0.82);
-      }
-
-      .switch-shell[data-active="true"],
-      .switch-input:checked + .switch-knob {
-        background: #d7ff46;
-      }
-
-      .discover-results {
-        background:
-          linear-gradient(90deg, transparent 0 21px, rgba(215, 255, 70, 0.08) 21px 22px, transparent 22px 100%),
-          linear-gradient(180deg, rgba(0, 0, 0, 0.12), transparent);
-        background-size: 44px 100%, auto;
-      }
-
-      .discover-count {
-        color: rgba(215, 255, 70, 0.72);
-        background: linear-gradient(180deg, rgba(5, 9, 5, 0.98), rgba(5, 9, 5, 0));
-        font-family: "JetBrains Mono", "SFMono-Regular", monospace;
-        letter-spacing: 0.02em;
-      }
-
-      .discover-card {
-        position: relative;
-        overflow: hidden;
-        border-color: rgba(215, 255, 70, 0.2);
-        background:
-          linear-gradient(90deg, rgba(215, 255, 70, 0.09) 0 1px, transparent 1px 100%),
-          linear-gradient(180deg, rgba(17, 28, 13, 0.94), rgba(4, 8, 4, 0.94)) !important;
-        background-size: 58px 100%, auto !important;
-        box-shadow: 0 22px 60px rgba(0, 0, 0, 0.46);
-      }
-
-      .discover-card::before {
-        content: "TIMELINE LAYERS";
-        position: absolute;
-        top: 14px;
-        right: 20px;
-        color: rgba(215, 255, 70, 0.46);
-        font-family: "JetBrains Mono", "SFMono-Regular", monospace;
-        font-size: 0.65rem;
-        font-weight: 800;
-        letter-spacing: 0.22em;
-      }
-
-      .discover-card-media {
-        border-color: rgba(215, 255, 70, 0.18);
-        background:
-          linear-gradient(45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%),
-          linear-gradient(-45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%),
-          #050905;
-        background-size: 24px 24px;
-        box-shadow: inset 0 0 0 1px rgba(255, 249, 215, 0.04);
-      }
-
-      .discover-card-media::after {
-        content: "";
-        position: absolute;
-        left: 16px;
-        right: 16px;
-        bottom: 16px;
-        height: 5px;
-        border-radius: 999px;
-        background: linear-gradient(90deg, #d7ff46 0 26%, rgba(215, 255, 70, 0.2) 26% 64%, rgba(248, 210, 74, 0.78) 64% 100%);
-        opacity: 0.78;
-      }
-
-      .discover-card-title-wrap h2,
-      .library-post-title,
-      .history-title,
-      .editor-title,
-      .vf-editor-chat-empty h2,
-      .vf-editor-chat-disabled h2 {
-        color: var(--ink);
-      }
-
-      .discover-card-meta,
-      .discover-card-body p,
-      .editor-note,
-      .history-linked-job-meta,
-      .library-post-meta,
-      .vf-editor-chat-empty p,
-      .vf-editor-chat-disabled p {
-        color: rgba(201, 215, 188, 0.78);
-      }
-
-      .difficulty-pill,
-      .difficulty-pill[data-difficulty="hard"],
-      .difficulty-pill[data-difficulty="expert"] {
-        border-color: rgba(248, 210, 74, 0.42);
-        background: rgba(248, 210, 74, 0.12);
-        color: #ffe878;
-      }
-
-      .copy-inline[data-state="done"] {
-        border-color: rgba(215, 255, 70, 0.5);
-        background: rgba(215, 255, 70, 0.12);
-        color: var(--ink);
-      }
-
-      .editor-floating-nav {
-        border-color: rgba(215, 255, 70, 0.24);
-        background: rgba(5, 10, 5, 0.9);
-        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52);
-        backdrop-filter: blur(18px);
-      }
-
-      .editor-back-link {
-        border-color: rgba(215, 255, 70, 0.42);
-        background: #d7ff46;
-        color: #071006;
-      }
-
-      .editor-nav-title,
-      .vf-editor-chat-brainstorm-title,
-      .vf-editor-chat-header-title,
-      .vf-editor-chat-header-subtitle,
-      .vf-editor-chat-thread-chip-title,
-      .vf-editor-chat-http-url,
-      .editor-media-modal-title {
-        color: var(--ink);
-      }
-
-      .editor-chat-panel,
-      .vf-editor-chat-thread,
-      .vf-editor-chat-history-pane,
-      .vf-editor-chat-header,
-      .vf-editor-chat-empty,
-      .vf-editor-chat-disabled,
-      .vf-editor-chat-bubble,
-      .vf-editor-chat-thread-chip,
-      .vf-editor-chat-thread-menu {
-        border-color: rgba(215, 255, 70, 0.16);
-        background:
-          linear-gradient(180deg, rgba(12, 20, 10, 0.96), rgba(4, 8, 4, 0.96)) !important;
-        color: var(--ink);
-      }
-
-      .vf-editor-chat-message.is-assistant .vf-editor-chat-bubble {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(255, 249, 215, 0.08) !important;
-      }
-
-      .vf-editor-chat-message.is-user .vf-editor-chat-bubble {
-        background: rgba(215, 255, 70, 0.14) !important;
-      }
-
-      .vf-editor-chat-composer,
-      .vf-editor-chat-input-shell {
-        border-color: rgba(215, 255, 70, 0.2);
-        background: rgba(0, 0, 0, 0.32);
-      }
-
-      .history-card,
-      .history-subgroup,
-      .history-linked-job,
-      .library-post,
-      .help-details,
-      .settings-pane,
-      .developer-panel {
-        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36);
-      }
-
-      .history-card-path,
-      .history-linked-job-title,
-      .history-card-time,
-      .library-content-box,
-      .calendar-ribbon-title,
-      .calendar-post-title {
-        color: var(--ink);
-      }
-
-      .library-toolbar,
-      .calendar-toolbar,
-      .history-options-popover {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(6, 11, 6, 0.94);
-      }
-
-      .library-post[data-selected="true"] {
-        border-color: rgba(215, 255, 70, 0.48);
-        box-shadow: 0 0 0 1px rgba(215, 255, 70, 0.16), 0 18px 52px rgba(0, 0, 0, 0.42);
-      }
-
-      .discover-media-modal,
-      .custom-inpaint-lightbox-dialog,
-      .logout-dialog-head {
-        border-color: rgba(215, 255, 70, 0.18);
-        background: rgba(8, 14, 8, 0.98);
-      }
-
-      .discover-media-modal-head h2,
-      .custom-inpaint-lightbox-title,
-      .logout-dialog-head h3 {
-        color: var(--ink);
-      }
-
-      .discover-media-modal-stage,
-      .custom-inpaint-lightbox-stage,
-      .editor-media-modal-body {
-        background: #020402;
-      }
-
-      .auth-frame {
-        overflow: visible;
-      }
-
-      .auth-layout {
-        align-items: stretch;
-        overflow: auto;
-        padding-bottom: 22px;
-      }
-
-      .auth-shell-panel {
-        position: relative;
-        overflow: hidden;
-        border-color: rgba(215, 255, 70, 0.22) !important;
-        background:
-          radial-gradient(circle at 12% 8%, rgba(215, 255, 70, 0.12), transparent 30%),
-          linear-gradient(135deg, rgba(9, 15, 8, 0.96), rgba(3, 6, 3, 0.94)) !important;
-        color: var(--ink);
-        box-shadow: 0 34px 100px rgba(0, 0, 0, 0.5);
-      }
-
-      .auth-shell-inner {
-        min-height: min(680px, calc(100dvh - 148px));
-      }
-
-      .auth-shell-copy {
-        border-right-color: rgba(215, 255, 70, 0.18) !important;
-        background:
-          linear-gradient(180deg, rgba(16, 27, 12, 0.82), rgba(4, 8, 4, 0.68)),
-          repeating-linear-gradient(0deg, rgba(215, 255, 70, 0.06) 0 1px, transparent 1px 44px) !important;
-      }
-
-      .auth-copy-stack .label,
-      .auth-plan-kicker,
-      .mode-switch a {
-        color: #e8ff63 !important;
-      }
-
-      .auth-plan-card,
-      .auth-shell,
-      .form-panel {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background: rgba(0, 0, 0, 0.26) !important;
-        color: var(--ink);
-      }
-
-      .auth-plan-card.featured {
-        border-color: rgba(248, 210, 74, 0.42) !important;
-        background:
-          linear-gradient(180deg, rgba(248, 210, 74, 0.12), rgba(0, 0, 0, 0.24)) !important;
-      }
-
-      .auth-plan-card p,
-      .auth-shell p,
-      .form-panel p {
-        color: rgba(201, 215, 188, 0.78) !important;
-      }
-
-      .auth-plan-name,
-      .auth-plan-price strong,
-      .auth-plan-features span,
-      .form-panel label {
-        color: var(--ink) !important;
-      }
-
-      .form-panel input,
-      .auth-shell input {
-        border-color: rgba(215, 255, 70, 0.22) !important;
-        background: rgba(0, 0, 0, 0.32) !important;
-        color: var(--ink) !important;
-      }
-
-      /* Dark surface normalization for legacy pages that still ship light local CSS. */
-      .app-shell h1,
-      .app-shell h2,
-      .app-shell .history-title,
-      .app-shell .settings-sidebar h1,
-      .app-shell .calendar-ribbon-title {
-        font-family: "Bebas Neue", "Arial Narrow", sans-serif !important;
-        font-weight: 400 !important;
-        letter-spacing: 0.01em !important;
-        text-transform: uppercase !important;
-      }
-
-      .auth-login-frame .auth-shell-inner {
-        grid-template-columns: minmax(360px, 0.66fr) minmax(0, 1fr) !important;
-        align-items: stretch;
-      }
-
-      .auth-login-frame .auth-shell-form {
-        order: 1;
-        align-items: stretch;
-        justify-content: stretch;
-        padding: clamp(20px, 3vw, 34px);
-        border: 1px solid rgba(215, 255, 70, 0.2);
-        border-radius: 28px;
-        background:
-          radial-gradient(circle at 16% 12%, rgba(215, 255, 70, 0.12), transparent 34%),
-          rgba(0, 0, 0, 0.26);
-      }
-
-      .auth-login-frame .auth-shell-copy {
-        order: 2;
-        padding: clamp(18px, 2.2vw, 28px);
-        border-right: 0 !important;
-        border-left: 1px solid rgba(215, 255, 70, 0.14);
-      }
-
-      .auth-login-frame .auth-shell {
-        display: grid;
-        width: 100%;
-        align-content: center;
-      }
-
-      .auth-login-frame .auth-plan-grid {
-        max-height: min(54dvh, 520px);
-        overflow: auto;
-        padding-right: 6px;
-      }
-
-      .auth-shell-form .form-panel {
-        padding: clamp(22px, 3vw, 34px);
-        border-radius: 24px;
-      }
-
-      .auth-shell-form .form-panel h2 {
-        font-size: clamp(3rem, 6vw, 5.4rem);
-        line-height: 0.85;
-      }
-
-      .auth-frame .price-panel,
-      .auth-frame .auth-plan-features span,
-      .settings-frame .settings-nav-panel > summary,
-      .settings-frame .flockposter-dialog,
-      .settings-frame .channel-menu,
-      .settings-frame .channel-menu-panel {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background:
-          linear-gradient(180deg, rgba(13, 22, 11, 0.94), rgba(6, 11, 6, 0.94)) !important;
-        color: var(--ink) !important;
-      }
-
-      .auth-login-frame .auth-shell-panel {
-        place-items: stretch;
-        overflow: auto;
-      }
-
-      .auth-login-frame .auth-shell-inner {
-        min-height: 0;
-      }
-
-      .settings-shell,
-      .calendar-shell,
-      .calendar-rail,
-      .calendar-stage,
-      .library-toolbar,
-      .history-toolbar,
-      .custom-inpaint-workbench,
-      .vf-editor-chat-shell {
-        color: var(--ink) !important;
-      }
-
-      .settings-shell,
-      .calendar-shell {
-        border-color: rgba(215, 255, 70, 0.2) !important;
-        background:
-          linear-gradient(135deg, rgba(10, 18, 9, 0.94), rgba(3, 6, 3, 0.96)),
-          radial-gradient(circle at 8% 8%, rgba(215, 255, 70, 0.12), transparent 32%) !important;
-        box-shadow: 0 32px 90px rgba(0, 0, 0, 0.52) !important;
-      }
-
-      .settings-sidebar,
-      .settings-content,
-      .calendar-rail,
-      .calendar-stage {
-        border-color: rgba(215, 255, 70, 0.16) !important;
-        background:
-          linear-gradient(180deg, rgba(14, 24, 11, 0.9), rgba(3, 7, 3, 0.92)),
-          repeating-linear-gradient(0deg, rgba(215, 255, 70, 0.045) 0 1px, transparent 1px 42px) !important;
-      }
-
-      .profile-card,
-      .files-card,
-      .settings-panel,
-      .key-card,
-      .attachment-card,
-      .price-panel,
-      .developer-panel,
-      .wallet-panel,
-      .wallet-history,
-      .wallet-history-item,
-      .wallet-history-empty,
-      .file-card,
-      .developer-card,
-      .channel-card,
-      .provider-key-card,
-      .email-avatar-preview,
-      .files-dropzone,
-      .file-popconfirm,
-      .settings-flash,
-      .agency-list-card,
-      .agency-account-card,
-      .library-post,
-      .library-options-panel,
-      .library-row-menu,
-      .library-content-box,
-      .library-empty,
-      .history-card,
-      .history-group,
-      .history-subgroup,
-      .history-linked-job,
-      .history-options-popover,
-      .history-output-preview,
-      .history-preview-empty,
-      .history-summary-preview,
-      .history-summary-preview-more,
-      .history-mobile-details summary::after,
-      .calendar-channel-card,
-      .calendar-empty-card,
-      .calendar-board,
-      .calendar-weekdays,
-      .calendar-grid,
-      .calendar-cell,
-      .calendar-day-post,
-      .calendar-day-hero,
-      .calendar-post-pill,
-      .calendar-view-tabs,
-      .calendar-nav,
-      .custom-inpaint-upload,
-      .custom-inpaint-history,
-      .custom-inpaint-history-item,
-      .custom-inpaint-history-empty,
-      .custom-inpaint-history-popconfirm,
-      .custom-inpaint-settings,
-      .custom-inpaint-output,
-      .editor-inpaint-toolbar,
-      .editor-inpaint-color-row,
-      .editor-inpaint-global,
-      .editor-inpaint-prompt-field,
-      .editor-inpaint-attachment-chip,
-      .vf-editor-chat-footer,
-      .vf-editor-chat-composer,
-      .vf-editor-chat-input-shell,
-      .vf-editor-chat-empty-prompts button {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background:
-          linear-gradient(180deg, rgba(16, 27, 12, 0.88), rgba(4, 8, 4, 0.9)),
-          radial-gradient(circle at 0% 0%, rgba(215, 255, 70, 0.08), transparent 34%) !important;
-        color: var(--ink) !important;
-        box-shadow: 0 16px 44px rgba(0, 0, 0, 0.34) !important;
-      }
-
-      .wallet-hero {
-        border-color: rgba(248, 210, 74, 0.32) !important;
-        background:
-          linear-gradient(135deg, rgba(248, 210, 74, 0.16), rgba(215, 255, 70, 0.08)),
-          rgba(0, 0, 0, 0.26) !important;
-      }
-
-      .settings-nav-item,
-      .library-options summary,
-      .library-row-menu button,
-      .library-row-menu a,
-      .history-filter-button,
-      .history-toolbar-back,
-      .calendar-tab,
-      .calendar-nav button,
-      .calendar-ribbon-refresh,
-      .calendar-refresh-button,
-      .vf-editor-chat-empty-prompts button {
-        border-color: rgba(215, 255, 70, 0.24) !important;
-        background: rgba(255, 249, 215, 0.07) !important;
-        color: rgba(255, 249, 215, 0.86) !important;
-        box-shadow: none !important;
-      }
-
-      .settings-nav-item.is-active,
-      .calendar-tab.is-active,
-      .calendar-day-chip.is-selected,
-      .history-filter-button.is-primary {
-        border-color: rgba(215, 255, 70, 0.66) !important;
-        background: linear-gradient(180deg, #e8ff63, #bddf26) !important;
-        color: #071006 !important;
-        box-shadow: 0 12px 28px rgba(215, 255, 70, 0.18) !important;
-      }
-
-      .settings-nav-item-danger {
-        color: #ffb5a7 !important;
-      }
-
-      .wallet-balance-label,
-      .history-toolbar .label-group label,
-      .library-options-panel label,
-      .library-selection-count,
-      .calendar-post-meta,
-      .calendar-cell-more,
-      .editor-inpaint-label,
-      .custom-inpaint-status,
-      .vf-editor-chat-history-kicker,
-      .vf-editor-chat-kicker {
-        color: rgba(215, 255, 70, 0.72) !important;
-      }
-
-      .wallet-balance-amount,
-      .wallet-history-item-title,
-      .files-dropzone-title,
-      .file-card-copy h3,
-      .developer-card-titleline h3,
-      .history-group-head h2,
-      .history-subgroup-head h3,
-      .history-path,
-      .history-linked-job-title,
-      .library-post-title,
-      .library-content-details summary,
-      .calendar-channel-name,
-      .calendar-day-post-top,
-      .calendar-empty-title,
-      .custom-inpaint-history-title,
-      .vf-editor-chat-input {
-        color: var(--ink) !important;
-      }
-
-      .wallet-history-item-meta,
-      .files-dropzone-copy p,
-      .file-popconfirm p,
-      .profile-id-inline,
-      .history-toolbar-copy .tiny,
-      .history-card-time,
-      .history-mobile-details summary,
-      .history-linked-job-meta,
-      .library-post-meta span,
-      .custom-inpaint-history-subtitle,
-      .vf-editor-chat-input::placeholder {
-        color: rgba(201, 215, 188, 0.72) !important;
-      }
-
-      .wallet-history-item-amount.is-credit,
-      .history-chip.is-success,
-      .calendar-status.sent,
-      .calendar-post-pill.sent,
-      .custom-inpaint-status[data-tone="success"] {
-        color: #abff9b !important;
-        border-color: rgba(171, 255, 155, 0.28) !important;
-      }
-
-      .wallet-history-item-amount.is-debit,
-      .history-chip.is-error,
-      .calendar-status.error,
-      .calendar-post-pill.error,
-      .custom-inpaint-status[data-tone="error"] {
-        color: #ff9f91 !important;
-        border-color: rgba(255, 159, 145, 0.28) !important;
-      }
-
-      .history-chip,
-      .history-method,
-      .library-post-meta span,
-      .calendar-status,
-      .calendar-today-badge {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background: rgba(215, 255, 70, 0.08) !important;
-        color: rgba(255, 249, 215, 0.86) !important;
-      }
-
-      .calendar-board {
-        overflow: hidden;
-      }
-
-      .calendar-weekdays,
-      .calendar-grid {
-        border-color: rgba(215, 255, 70, 0.16) !important;
-      }
-
-      .calendar-cell {
-        box-shadow: inset 1px 0 0 rgba(215, 255, 70, 0.09), inset 0 1px 0 rgba(215, 255, 70, 0.09) !important;
-      }
-
-      .calendar-cell.is-outside {
-        opacity: 0.56;
-      }
-
-      .calendar-day-chip {
-        color: rgba(255, 249, 215, 0.92) !important;
-      }
-
-      .calendar-day-chip.is-muted {
-        color: rgba(201, 215, 188, 0.42) !important;
-      }
-
-      .calendar-channel-card.is-selected {
-        border-color: rgba(248, 210, 74, 0.42) !important;
-        background:
-          linear-gradient(180deg, rgba(248, 210, 74, 0.12), rgba(4, 8, 4, 0.88)) !important;
-      }
-
-      .calendar-avatar,
-      .calendar-platform-avatar,
-      .file-card-art,
-      .history-summary-preview-fallback {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background: rgba(255, 249, 215, 0.08) !important;
-        color: var(--ink) !important;
-      }
-
-      .custom-inpaint-stage,
-      .editor-inpaint-canvas-wrap {
-        background:
-          radial-gradient(circle at center, rgba(215, 255, 70, 0.05), transparent 44%),
-          rgba(0, 0, 0, 0.32) !important;
-      }
-
-      .custom-inpaint-upload {
-        border-style: dashed !important;
-      }
-
-      .editor-inpaint-prompt,
-      .editor-inpaint-provider select,
-      .vf-editor-chat-input,
-      .settings-frame input,
-      .settings-frame textarea,
-      .settings-frame select,
-      .calendar-frame input,
-      .calendar-frame select,
-      .history-toolbar input,
-      .history-toolbar select,
-      .library-search,
-      .library-options input,
-      .library-options select {
-        border-color: rgba(215, 255, 70, 0.24) !important;
-        background: rgba(0, 0, 0, 0.38) !important;
-        color: var(--ink) !important;
-      }
-
-      .editor-inpaint-color-picker {
-        background: transparent !important;
-        box-shadow: 0 0 0 1px rgba(215, 255, 70, 0.2) !important;
-      }
-
-      .vf-editor-chat-footer {
-        border-top: 1px solid rgba(215, 255, 70, 0.18) !important;
-      }
-
-      .frame :is(
-        .calendar-weekday,
-        .calendar-day-view,
-        .calendar-empty,
-        .calendar-ribbon,
-        .calendar-ribbon-channel,
-        .history-http-action,
-        .history-output-previews,
-        .vf-editor-chat-http-card,
-        .vf-editor-chat-http-modal,
-        .vf-editor-chat-http-modal-header,
-        .vf-editor-chat-http-body,
-        .vf-editor-chat-http-pre,
-        .custom-inpaint-panel-head,
-        .custom-inpaint-tool-head,
-        .editor-inpaint-color-row[data-active="true"]
-      ) {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background: rgba(6, 11, 6, 0.9) !important;
-        color: var(--ink) !important;
-      }
-
-      .frame :is(
-        .calendar-nav-title,
-        .calendar-day-date,
-        .calendar-post-title,
-        .vf-editor-chat-http-url,
-        .vf-editor-chat-http-modal-url,
-        .vf-editor-chat-http-status,
-        .vf-editor-chat-http-expand
-      ) {
-        color: var(--ink) !important;
-      }
-
-      .frame :is(
-        .calendar-channel-handle-inline,
-        .calendar-ribbon-channel-handle,
-        .calendar-day-post-summary,
-        .custom-inpaint-history-empty,
-        .vf-editor-chat-http-label,
-        .vf-editor-chat-http-meta
-      ) {
-        color: rgba(201, 215, 188, 0.78) !important;
-      }
-
-      .vf-editor-chat-empty-prompts div,
-      .vf-editor-chat-attachment,
-      .vf-editor-chat-composer-attachment-item,
-      .vf-editor-chat-http-pill {
-        border-color: rgba(215, 255, 70, 0.18) !important;
-        background: rgba(0, 0, 0, 0.34) !important;
-        color: var(--ink) !important;
-      }
-
-      .vf-editor-chat-attach-button,
-      .vf-editor-chat-send-button,
-      .editor-inpaint-attach-button,
-      .custom-inpaint-history-icon,
-      .custom-inpaint-history-check,
-      .editor-inpaint-color-remove {
-        border-color: rgba(215, 255, 70, 0.22) !important;
-        background: rgba(255, 249, 215, 0.08) !important;
-        color: var(--ink) !important;
-        box-shadow: none !important;
-      }
-
-      @media (max-width: 900px) {
-        .auth-login-frame .auth-shell-inner {
-          grid-template-columns: 1fr !important;
-        }
-
-        .auth-login-frame .auth-shell-copy {
-          border-left: 0 !important;
-          border-top: 1px solid rgba(215, 255, 70, 0.14);
-        }
-      }
-
-      .frame h1,
-      .frame h2,
-      .frame h3,
-      .frame summary,
-      .frame [class$="-title"],
-      .frame [class*="-title "],
-      .frame [class*="-title"],
-      .frame [class*="-head"] h1,
-      .frame [class*="-head"] h2,
-      .frame [class*="-head"] h3,
-      .editor-workbench h1,
-      .editor-workbench h2,
-      .editor-workbench h3,
-      .editor-workbench [class*="-title"],
-      .vf-editor-chat-shell h1,
-      .vf-editor-chat-shell h2,
-      .vf-editor-chat-shell h3 {
-        color: var(--ink) !important;
-      }
-
-      .frame p,
-      .frame [class*="-meta"],
-      .frame [class*="-note"],
-      .frame [class*="-desc"],
-      .frame [class*="-subtitle"],
-      .frame [class*="-empty"],
-      .editor-workbench p,
-      .editor-workbench [class*="-meta"],
-      .editor-workbench [class*="-note"],
-      .editor-workbench [class*="-desc"],
-      .editor-workbench [class*="-subtitle"],
-      .vf-editor-chat-shell p,
-      .vf-editor-chat-shell [class*="-preview"],
-      .vf-editor-chat-shell [class*="-tracers"] {
-        color: rgba(201, 215, 188, 0.78) !important;
-      }
-
-      .frame a:not(.button):not(.cta-button):not(.link-button),
-      .editor-workbench a:not(.button):not(.cta-button):not(.link-button),
-      .vf-editor-chat-shell a:not(.button):not(.cta-button):not(.link-button) {
-        color: #e8ff63;
-      }
-`;
-//# sourceMappingURL=editor-dark-theme.js.map