/*
 * StoryOS AI 编剧页样式 V4.0（合并瘦身版，2026-09-24）
 * 由原 storyos-worker-category.css + storyos-worker-category-v3.css 合并为一个文件：
 *   - 删除选择器在页面、插件、脚本里都已不存在的规则（旧左栏、旧概览卡、旧标题行、最近用过等）
 *   - 同一选择器被后面覆盖掉的声明删除，空规则删除
 * 合并前后逐状态截图比对一致。规格说明见《新 StoryOS UI 规则书》。
 */

/* ===== 基础层（原 storyos-worker-category.css，已去掉失效规则） ===== */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }
*, *::before, *::after { box-sizing: border-box; }
body { overflow: hidden !important; background: #ebeef4 !important; font-family: "DM Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; margin: 0 !important; padding: 0 !important; min-height: 100vh !important; }
html.saas-takeover-preload body { overflow: auto !important; }
#saas-fullscreen-app-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; display: flex !important; flex-direction: row !important; z-index: 2147483645 !important; background: #ebeef4; overflow: hidden !important; }
.main-area { flex: 1; display: flex; flex-direction: column; min-width: 0; background: #ebeef4; height: 100vh; overflow-x: hidden; }
.content { flex: 1; overflow-y: auto; }
#saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { padding: 20px 24px 32px !important; max-width: none !important; }
#saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .main-area { padding-left: 0 !important; padding-right: 0 !important; }
@media (min-width: 961px) {
  #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] #saas-global-sidebar, #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .saas-sidebar-container { flex-shrink: 0 !important; }
}
.topbar { display: none; }
.mobile-toggle { display: none; background: transparent; border: none; color: #8a8fa8; cursor: pointer; padding: 0; margin-right: 8px; }
::-webkit-scrollbar { width: 6px !important; }
::-webkit-scrollbar-thumb { background-color: #d1d5db !important; border-radius: 3px !important; }
@media (max-width: 960px) {
  #saas-global-sidebar, .saas-sidebar-container, #saas-sidebar-overlay { display: none !important; }
  #saas-fullscreen-app-wrapper { flex-direction: row !important; }
  #saas-fullscreen-app-wrapper .main-area { width: 100% !important; flex: 1 1 auto !important; }
  #saas-fullscreen-app-wrapper .topbar { display: none !important; }
  #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { padding: 64px 16px 24px !important; }
}
.wd2-wrap { display: flex; align-items: flex-start; }
.wd2-bayrow { display: flex; align-items: flex-start; min-height: 0; padding-bottom: 24px; }
.wd2-work { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0; }
.wd2-wrap [hidden], .wd2-wrap [hidden="hidden"] { display: none !important; }
.wd2-list { display: flex; flex-direction: column; gap: 14px; }
.wd2-outgroup, .wd2-outgroup.wd2-solo { border-radius: 14px; padding: 13px 8px 9px; }
.wd2-outgroup-hd, .wd2-taskhd { display: flex; align-items: center; gap: 6px; width: 100%; padding: 0 8px 10px; border: 0; background: none; font-family: inherit; text-align: left; cursor: pointer; user-select: none; }
.wd2-outgroup-hd b, .wd2-taskhd b { font-size: 14px; font-weight: 600; }
.wd2-taskhd .wd2-count { margin-left: auto; font-size: 11px; color: #6b7280; }
.wd2-outgroup-hd .wd2-count { display: none; }
.wd2-ar { margin-left: auto; font-size: 12px; color: #94a3b8; opacity: 0; transition: opacity .15s, transform .15s; }
.wd2-outgroup-hd:hover .wd2-ar, .wd2-outgroup.is-fold .wd2-ar { opacity: .5; }
.wd2-outgroup.is-fold .wd2-ar { transform: rotate(-90deg); }
.wd2-outgroup.is-fold .wd2-fold-body { display: none; }
.wd2-fold-body { display: flex; flex-direction: column; gap: 2px; }
.wd2-emp { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; border: 0; border-radius: 9px; background: transparent; font-family: inherit; text-align: left; cursor: pointer; transition: background .12s, opacity .12s; }
.wd2-emp:not(.is-on):not(.is-busy) { opacity: .82; }
.wd2-emp:hover { background: #eceff6; opacity: 1; }
.wd2-emp.is-on { background: #eaecfa; opacity: 1; }
.wd2-emp.is-busy { opacity: 1; }
.wd2-emp-av { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; display: block; opacity: .5; transition: opacity .18s; }
.wd2-emp:hover .wd2-emp-av { opacity: .75; }
.wd2-emp.is-on .wd2-emp-av, .wd2-emp.is-busy .wd2-emp-av { opacity: 1; }
.wd2-emp.is-busy .wd2-emp-av { box-shadow: 0 0 0 2px #f5f7fb, 0 0 0 3.5px #7083df; }
@keyframes wd2pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.wd2-emp-name { flex: 1; min-width: 0; font-size: 13px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd2-emp.is-on .wd2-emp-name { font-weight: 600; }
.wd2-task { display: flex; align-items: center; gap: 9px; width: 100%; padding: 6px 8px; border: 0; border-radius: 8px; background: none; font-family: inherit; text-align: left; cursor: pointer; opacity: .82; }
.wd2-task:hover { background: #eceff6; opacity: 1; }
.wd2-task-name { flex: 1; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd2-jobhd { align-items: center; border-bottom: 1px solid #ecedf3; }
.wd2-jobhd .wd2-status { margin-left: auto; flex-shrink: 0; }
.wd2-main { display: flex; flex-direction: column; }
.wd2-fields { display: flex; flex-direction: column; min-width: 0; }
.wd2-fields.is-loading { opacity: .4; pointer-events: none; transition: opacity .15s; }
.wd2-skel { display: flex; flex-direction: column; gap: 10px; padding: 20px 0; }
.wd2-skel i { display: block; height: 14px; border-radius: 7px; background: linear-gradient(90deg, #e2e6ee 25%, #eef1f6 50%, #e2e6ee 75%); background-size: 200% 100%; animation: wd2shine 1.1s linear infinite; }
.wd2-skel i:nth-child(2) { width: 70%; }
.wd2-skel i:nth-child(3) { height: 96px; border-radius: 12px; }
@keyframes wd2shine { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.wd2-formbox { min-width: 0; overflow-x: auto; }
.wd2-formbox[hidden] { display: none !important; }
.wd2-formbox.is-loading { pointer-events: none; }
.wd2-formbox #saas-fullscreen-app-wrapper[data-storyos-embedded] { position: static !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; inset: auto !important; background: transparent !important; overflow: visible !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .main-area, .wd2-formbox #saas-fullscreen-app-wrapper .content, .wd2-formbox #saas-fullscreen-app-wrapper .workspace-main, .wd2-formbox #saas-fullscreen-app-wrapper .workspace-main-card { position: static !important; display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; inset: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; overflow: visible !important; flex: none !important; grid-template-columns: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .topbar, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-page-crumb, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-page-header, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-idcard, .wd2-formbox #saas-fullscreen-app-wrapper .profile-card-compact, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-worker-intro-card { display: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .workspace-side, .wd2-formbox #saas-fullscreen-app-wrapper .workspace-generate-card { display: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-summary .sbs-hide-m, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-summary .sbs-head, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-summary .sbs-rows { display: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-summary, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-brief-summary-in { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper img, .wd2-formbox #saas-fullscreen-app-wrapper video, .wd2-formbox #saas-fullscreen-app-wrapper canvas { max-width: 100% !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-label, .wd2-formbox #saas-fullscreen-app-wrapper .va-ttl { line-height: 1.5 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .va-desc { display: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-label, .wd2-formbox #saas-fullscreen-app-wrapper .va-ttl { white-space: nowrap !important; flex-shrink: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper [data-wd2-req]::after { content: "选填"; display: inline-block; vertical-align: 2px; margin-left: 8px; padding: 2px 7px; border-radius: 5px; background: #f1f3f8; font-size: 10px; font-weight: 600; line-height: 1.5; color: #6b7280; }
.wd2-formbox #saas-fullscreen-app-wrapper [data-wd2-req="1"]::after { content: "必填"; background: #fdf3dc; color: #8a6100; }
.wd2-formbox #saas-fullscreen-app-wrapper [data-wd2-filled="1"]::after { content: "已填"; background: #eaf6ef; color: #3f8a5f; }
.wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom:30px"], .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom: 30px"] { margin-bottom: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field], .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom:30px"], .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom: 30px"], .wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block, .wd2-fields > * { background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block, .wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field], .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom:30px"], .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom: 30px"], .wd2-fields > * { border-bottom: 1px solid #ecedf3 !important; padding: 20px 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block:last-child, .wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field]:last-child, .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom:30px"]:last-child, .wd2-formbox #saas-fullscreen-app-wrapper div[style*="margin-bottom: 30px"]:last-child, .wd2-fields > *:last-child { border-bottom: 0 !important; padding-bottom: 4px !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block .saas-v29-field-block { border-bottom: 0 !important; padding: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field] [data-storyos-field], .wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field] div[style*="margin-bottom:30px"], .wd2-formbox #saas-fullscreen-app-wrapper [data-storyos-field] div[style*="margin-bottom: 30px"] { border-bottom: 0 !important; padding: 0 !important; }
.wd2-fields > .wd2-skel { border-bottom: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block .card { background: transparent !important; box-shadow: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper input[type="text"], .wd2-formbox #saas-fullscreen-app-wrapper textarea, .wd2-formbox #saas-fullscreen-app-wrapper select { border-radius: 8px !important; }
.wd2-status { margin-left: auto; font-size: 11px; font-weight: 400; white-space: nowrap; }
.wd2-status.is-wait { color: #59616f; }
.wd2-status.is-ok { color: #3f8a5f; }
.wd2-nav { display: flex; flex-direction: column; }
.wd2-nav .inspector-card, .wd2-nav .inspector-card > *, .wd2-nav .storyos-inspector-mirror-list { margin: 0 !important; }
.wd2-nav-empty { padding: 14px 0; text-align: center; font-size: 11px; color: #6b7280; }
.wd2-nav .inspector-title { display: none !important; }
.wd2-nav .storyos-inspector-mirror-list { display: flex; flex-direction: column; gap: 0 !important; }
.wd2-nav .storyos-inspector-item { background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; cursor: pointer; }
.wd2-nav .storyos-inspector-head { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 0 !important; }
.wd2-nav .storyos-inspector-state { margin-left: auto !important; font-size: 0 !important; line-height: 1 !important; border: 0 !important; padding: 0 !important; background: transparent !important; }
.wd2-nav .storyos-inspector-value { font-size: 11px !important; line-height: 1.55 !important; color: #59616f !important; margin-top: 3px !important; }
.wd2-nav .storyos-inspector-value.is-empty { display: none !important; }
.wd2-nav .storyos-inspector-tags { flex-wrap: wrap !important; gap: 4px; min-width: 0 !important; }
.wd2-nav .storyos-inspector-tag { height: auto !important; min-height: 20px !important; max-width: 100% !important; min-width: 0 !important; flex: 0 1 auto !important; padding: 3px 8px !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #59616f !important; background: #f1f3f8 !important; border: 0 !important; border-radius: 999px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
.wd2-nav .storyos-inspector-slider-bar { width: 56px !important; border-radius: 3px !important; }
.wd2-nav .storyos-inspector-subnote { font-size: 11px !important; }
.wd2-gets { display: flex; flex-direction: column; gap: 7px; margin-bottom: 10px; }
.wd2-gets span { font-size: 13px; color: #59616f; }
.wd2-gets[hidden] { display: none; }
.wd2-peek { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0; border: 0; background: none; font-family: inherit; font-size: 11px; font-weight: 400; color: #4a55c7; text-align: left; cursor: pointer; }
.wd2-peek:hover { color: #343ea6; }
.wd2-sample { margin-top: 12px; background: #fbfbfe; border: 1px solid #eef0f5; border-radius: 8px; padding: 12px 14px; font-size: 13px; line-height: 1.8; color: #59616f; white-space: pre-wrap; word-break: break-word; max-height: 260px; overflow-y: auto; }
.wd2-rgen { display: flex; flex-direction: column; }
.wd2-gen-tx { font-size: 13px; }
.wd2-gen-tx b { color: #161720; }
.wd2-gen-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; padding: 0; border: none; border-radius: 8px; background: #4a55c7; color: #fff; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.wd2-gen-btn:hover { background: #343ea6; }
.wd2-gen-btn[disabled] { cursor: not-allowed; }
@media (max-width: 1100px) {
  .wd2-wrap { flex-direction: column; }
  .wd2-list { flex: 1 1 260px; }
  .wd2-outgroup.wd2-solo { flex: 1 1 260px; }
  .wd2-bayrow { flex-direction: column; background: #ffffff; padding-bottom: 8px; }
}
.wd2-formbox #saas-fullscreen-app-wrapper { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
                 "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; -webkit-font-smoothing: antialiased; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block, .wd2-fields > * { background: #ffffff !important; border: 0 !important; border-bottom: 0 !important; border-radius: 14px !important; box-shadow: none !important; padding: 18px 22px 20px !important; margin: 0 0 14px !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block:last-child, .wd2-fields > *:last-child { margin-bottom: 0 !important; padding-bottom: 20px !important; }
.wd2-formbox #saas-fullscreen-app-wrapper form, .wd2-formbox #saas-fullscreen-app-wrapper .content { gap: 0 !important; }
.wd2-work { padding: 16px 16px 4px !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell { overflow: hidden !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell textarea, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell input, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell textarea:focus, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell input:focus, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell textarea:focus-visible, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell input:focus-visible { background: transparent !important; border: 0 !important; outline: 0 !important; outline-offset: 0 !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; font-size: 15px !important; line-height: 1.7 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-label, .wd2-formbox #saas-fullscreen-app-wrapper .va-ttl { font-size: 17px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-field-block { color: #1d1d1f; }
.wd2-formbox #saas-fullscreen-app-wrapper [class*="st-empty"] { background: #f5f5f7 !important; border: 0 !important; border-radius: 12px !important; }
.wd2-nav .storyos-inspector-item { padding: 11px 0 !important; border-bottom: 1px solid rgba(60, 60, 67, .10) !important; }
.wd2-nav .storyos-inspector-item:last-child { border-bottom: 0 !important; }
.wd2-nav .storyos-inspector-label { font-size: 14px !important; font-weight: 400 !important; }
.wd2-nav .storyos-inspector-value, .wd2-nav .storyos-inspector-tags { display: none !important; }
.wd2-nav .storyos-inspector-state::after { content: "选填"; font-size: 13px; font-weight: 400; }
.wd2-nav .storyos-inspector-item[data-storyos-required="1"] .storyos-inspector-state::after { content: "必填"; color: #86868b; }
.wd2-nav .storyos-inspector-item.is-filled .storyos-inspector-state::after { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #8e8e93; color: #fff; font-size: 10px; font-weight: 700; }
.wd2-rgen { gap: 0 !important; }
.wd2-rgen .wd2-gen-tx { font-size: 13px !important; margin-bottom: 12px; }
.wd2-rgen .wd2-gen-btn { height: 46px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 600 !important; background: #4a55c7 !important; }
.wd2-rgen .wd2-gen-btn:hover { background: #3f49ad !important; }
.wd2-gen-btn[disabled] { background: #d5d9e2 !important; }
.wd2-draftst { font-size: 12px !important; text-align: center; margin-top: 8px; }
.wd2-draftst:empty { display: none; }
.wd2-rgen { position: relative; }
.wd2-rgen .wd2-peek { display: block !important; width: 100% !important; margin-top: 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-family: inherit; font-size: 13px !important; font-weight: 400 !important; text-align: center !important; letter-spacing: 0 !important; cursor: pointer; }
.wd2-rgen .wd2-peek:hover { color: #1d1d1f !important; }
.wd2-pop { position: absolute; left: 14px; right: 14px; bottom: calc(100% - 6px); z-index: 30; box-sizing: border-box; background: #fff; border-radius: 14px; padding: 16px 18px; box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 12px 32px rgba(0, 0, 0, .12); }
.wd2-pop[hidden] { display: none !important; }
.wd2-pop-hd b { font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: #1d1d1f; }
.wd2-pop .wd2-gets { display: flex; flex-direction: column; margin: 10px 0 0; }
.wd2-pop .wd2-gets[hidden] { display: none; }
.wd2-pop .wd2-gets span { font-size: 14px; padding: 7px 0; border-bottom: 1px solid rgba(60, 60, 67, .10); }
.wd2-pop .wd2-gets span:last-child { border-bottom: 0; }
.wd2-pop-more { display: inline-block; margin-top: 12px; font-size: 13px; color: #4a55c7 !important; text-decoration: none !important; }
.wd2-pop .wd2-sample { margin-top: 10px; background: #f5f5f7 !important; border: 0 !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 13px !important; max-height: 220px; }
#saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { padding-top: 12px !important; }
html:not(.dark-mode) body.saas-takeover-active, #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"], #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .main-area, #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { background: #dfe3ec !important; }
.wd2-outgroup, .wd2-outgroup.wd2-solo { background: #f0f2f8 !important; }
.wd2-jobhd { background: #f2f4fa !important; }
.wd2-bayrow { background: linear-gradient(90deg,
        #eceef4 0 calc(100% - 250px),
        #dcdfe8 calc(100% - 250px) calc(100% - 249px),
        #eceef4 calc(100% - 249px) 100%) !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell { background: #ffffff !important; border: 1px solid #dfe3ea !important; border-radius: 12px !important; box-shadow: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell:focus-within { background: #ffffff !important; border-color: #4a55c7 !important; box-shadow: none !important; }
.wd2-outgroup-hd b, .wd2-taskhd b, .wd2-emp.is-on .wd2-emp-name, .wd2-formbox #saas-fullscreen-app-wrapper .saas-v29-label, .wd2-formbox #saas-fullscreen-app-wrapper .va-ttl, .wd2-nav .storyos-inspector-label { color: #1d1d1f !important; }
.wd2-emp-name, .wd2-task-name, .wd2-gen-tx, .wd2-rgen .wd2-gen-tx, .wd2-rgen .wd2-peek, .wd2-formbox #saas-fullscreen-app-wrapper .va-desc, .wd2-pop .wd2-gets span { color: #454b57 !important; }
.wd2-count, .wd2-draftst, .wd2-status, .wd2-nav .storyos-inspector-state::after, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-person-index, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-headtag-empty { color: #6b7280 !important; }
.wd2-wrap.is-picking { align-items: stretch !important; }
.wd2-empty { box-sizing: border-box; flex: 1 1 auto; background: transparent; min-height: 0; padding: 48px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.wd2-empty[hidden] { display: none !important; }
.wd2-empty b { font-size: 24px; font-weight: 600; letter-spacing: -.022em; color: #1d1d1f; }
.wd2-jobhd[hidden], .wd2-bayrow[hidden] { display: none !important; }
.wd2-empty.is-loading { transition: opacity .15s; }
.wd2-formbox.is-loading { transition: opacity .15s; }
#wd2-main { display: none !important; }
.wd2-login { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background: rgba(20, 22, 30, .32); }
.wd2-login[hidden] { display: none !important; }
.wd2-login-box { box-sizing: border-box; width: 340px; max-width: calc(100vw - 32px); background: #fff; border-radius: 16px; padding: 26px 24px 22px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 2px 6px rgba(0, 0, 0, .06), 0 20px 48px rgba(0, 0, 0, .16); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif; }
.wd2-login-box b { letter-spacing: -.015em; }
.wd2-login-tx { margin-top: 10px; }
.wd2-login-acts { display: flex; gap: 10px; margin-top: 22px; width: 100%; }
.wd2-login-go, .wd2-login-no { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; height: 42px; border-radius: 11px; font-family: inherit; cursor: pointer; text-decoration: none !important; }
.wd2-login-go { background: #4a55c7; color: #fff !important; border: 0; }
.wd2-login-go:hover { background: #3f49ad; }
.wd2-login-no { background: #fff; border: 1px solid #dfe3ea; }
#saas-global-login-modal .wd2-gl-x { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 5 !important; display: inline-flex !important; align-items: center; justify-content: center; width: 32px !important; height: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f2f3f7 !important; color: #454b57 !important; cursor: pointer; pointer-events: auto !important; }
#saas-global-login-modal .wd2-gl-x:hover { background: #e6e8ee !important; color: #1d1d1f !important; }
.wd2-formbox.wd2-is-brief .wd2b-no[data-wd2b-req="必填"]::after { color: #8a6100; }
.wd2-formbox.wd2-is-brief .wd2b-no[data-wd2b-req="选填"]::after { color: #6b7280; }
.wd2-formbox.wd2-is-brief .wd2b-sec::before, .wd2-formbox.wd2-is-brief .wd2b-sec::after { display: none !important; }
.wd2-formbox.wd2-is-brief input[type="range"] { accent-color: #4a55c7 !important; }
.wd2-rgen .wd2-gen-hd { display: flex; align-items: center; gap: 8px; min-width: 0; }
.wd2-rgen .wd2-gen-hd .wd2-gen-tx { margin-bottom: 0 !important; min-width: 0; }
.wd2-vippill { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; margin-left: auto; height: 22px; padding: 0 8px; border-radius: 6px; background: #fdf3dc; color: #8a6100; font-size: 12px; font-weight: 600; white-space: nowrap; }
.wd2-vippill[hidden], .wd2-viprow[hidden] { display: none !important; }
.wd2-gen-btn .wd2-gen-lock { display: none; }
.wd2-rgen.is-viplock .wd2-gen-btn .wd2-gen-lock { display: inline-block; }
.wd2-rgen.is-viplock .wd2-gen-btn, .wd2-rgen.is-viplock .wd2-gen-btn:hover { background: #fffbf1 !important; border: 1px dashed #d9b86a !important; color: #8a6100 !important; box-shadow: none !important; }
.wd2-rgen.is-viplock .wd2-gen-btn:hover { background: #fdf3dc !important; }
.wd2-rgen.is-viplock .wd2-peek, .wd2-rgen.is-viplock .wd2-pop { display: none !important; }
.wd2-viprow { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; font-size: 13px; color: #6b7280; }
.wd2-vipgo { display: inline-flex; align-items: center; gap: 3px; color: #4a55c7 !important; font-weight: 600; text-decoration: none !important; }
.wd2-vipgo:hover { color: #3f49ad !important; }
.wd2-drafts-hd { display: flex; align-items: center; gap: 8px; padding: 0 8px 8px; }
.wd2-drafts-hd b { font-size: 15px; font-weight: 700; color: #1d1d1f; }
.wd2-drafts-n { font-size: 12px; font-weight: 600; color: #4a55c7; background: #eef0fb; padding: 1px 7px; border-radius: 9px; }
.wd2-drafts-clear { margin-left: auto; padding: 2px 0; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 12px; color: #6b7280; }
.wd2-drafts-clear:hover { color: #1d1d1f; }
.wd2-drafts-clear.is-confirm { color: #b3261e; font-weight: 600; }
.wd2-drafts-list { display: flex; flex-direction: column; }
.wd2-drafts-list { max-height: 200px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c9cdd6 transparent; }
.wd2-drafts-list::-webkit-scrollbar { width: 6px; }
.wd2-drafts-list::-webkit-scrollbar-thumb { background: #c9cdd6; border-radius: 3px; }
.wd2-drafts-list::-webkit-scrollbar-track { background: transparent; margin: 25px 0; }
.wd2-drow { display: flex; align-items: center; gap: 2px; height: 40px; flex: 0 0 40px; box-sizing: border-box; border-bottom: 1px solid rgba(60, 60, 67, .10); }
.wd2-drow .wd2-dopen { height: 100%; padding-top: 0 !important; padding-bottom: 0 !important; }
.wd2-drow:last-child { border-bottom: 0; }
.wd2-dopen { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 9px 4px 9px 8px; border: 0; background: none; cursor: pointer; font-family: inherit; text-align: left; }
.wd2-dname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #1d1d1f; }
.wd2-dopen:hover .wd2-dname { color: #4a55c7; }
.wd2-drow.is-cur .wd2-dname { font-weight: 600; }
.wd2-dtime { margin-left: auto; flex-shrink: 0; white-space: nowrap; font-size: 12px; color: #9aa0ab; }
.wd2-ddel { flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 24px; height: 24px; padding: 0 5px; border: 0; border-radius: 6px; background: none; cursor: pointer; font-family: inherit; font-size: 12px; color: #9aa0ab; }
.wd2-ddel:hover { color: #454b57; background: #e9ecf5; }
.wd2-drow.is-confirm .wd2-ddel { font-weight: 600; background: #fdf1f0; }
.wd2-savedraft[hidden] { display: none !important; }
.wd2-rgen .wd2-savedraft { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; margin-top: 10px; padding: 4px 0; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 13px; color: #6b7280; }
.wd2-rgen .wd2-savedraft:hover { color: #1d1d1f; }
.wd2-rgen .wd2-savedraft.is-saved { color: #3f8a5f; }
.wd2-rgen .wd2-draftst { display: none !important; }
.wd2-jobhd { padding: 6px 22px !important; gap: 10px !important; }
.wd2-jobhd .wd2-status { font-size: 12px !important; }
.wd2-up[hidden] { display: none !important; }
.wd2-up { background: rgba(20, 24, 40, .45); align-items: center; justify-content: center; box-sizing: border-box; padding: 24px; }
.wd2-up-box { position: relative; box-sizing: border-box; width: min(980px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: #f5f6fa; border-radius: 20px; padding: 32px; box-shadow: 0 24px 64px rgba(20, 24, 40, .28); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #1d1d1f; text-align: left; }
.wd2-up-x { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #eceef4; color: #454b57; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.wd2-up-x:hover { background: #e3e6ee; }
.wd2-up-hd { text-align: center; }
.wd2-up-hd b { display: block; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.wd2-up-sub { margin-top: 8px; font-size: 14px; color: #454b57; }
.wd2-up-sub em { font-style: normal; font-weight: 600; color: #8a6100; }
.wd2-up-seg { display: inline-flex; margin-top: 18px; padding: 3px; border-radius: 10px; background: #e9ebf1; }
.wd2-up-seg button { height: 32px; padding: 0 16px; border: 0; border-radius: 8px; background: none; cursor: pointer; font-family: inherit; font-size: 13px; color: #454b57; }
.wd2-up-seg button.is-on { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); font-weight: 600; color: #1d1d1f; }
.wd2-up-cards { display: flex; gap: 14px; margin-top: 26px; }
.wd2-up-card { flex: 1 1 0; min-width: 0; box-sizing: border-box; background: #fff; border-radius: 16px; padding: 22px; border: 2px solid transparent; display: flex; flex-direction: column; }
.wd2-up-card.is-need { border-color: #4a55c7; }
.wd2-up-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; }
.wd2-up-name { font-size: 16px; font-weight: 600; }
.wd2-up-tag { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.wd2-up-tag.is-need { background: #fdf3dc; color: #8a6100; }
.wd2-up-tag.is-cur { background: #f1f3f8; color: #6b7280; }
.wd2-up-price { display: flex; align-items: baseline; gap: 4px; margin-top: 14px; }
.wd2-up-price i { font-style: normal; font-size: 15px; font-weight: 600; }
.wd2-up-price strong { font-size: 34px; font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.wd2-up-price span { font-size: 13px; color: #6b7280; }
.wd2-up-price s { font-size: 12px; color: #9aa0ab; margin-left: 4px; }
.wd2-up-desc { margin: 10px 0 16px; min-height: 42px; font-size: 13px; line-height: 1.6; color: #6b7280; }
.wd2-up-btn { width: 100%; height: 44px; border-radius: 12px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid #dfe3ea; background: #fff; color: #1d1d1f; }
.wd2-up-btn:hover { border-color: #c9cdf0; }
.wd2-up-btn.is-primary { height: 46px; border: 0; background: #4a55c7; color: #fff; font-size: 15px; }
.wd2-up-btn.is-primary:hover { background: #3f49ad; }
.wd2-up-btn.is-busy { opacity: .7; cursor: progress; }
.wd2-up-hint { margin-top: 8px; text-align: center; font-size: 12px; color: #8a6100; }
.wd2-up-line { height: 1px; background: rgba(60, 60, 67, .10); margin: 18px 0; }
.wd2-up-feats { display: flex; flex-direction: column; gap: 10px; }
.wd2-up-feats span { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #454b57; }
.wd2-up-feats svg { flex-shrink: 0; color: #4a55c7; }
.wd2-up-pay { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 28px 0 8px; }
.wd2-up-pay[hidden], .wd2-up-cards[hidden], .wd2-up-seg[hidden] { display: none !important; }
.wd2-up-spin { width: 44px; height: 44px; border-radius: 50%; box-sizing: border-box; border: 3px solid #e3e6f5; border-top-color: #4a55c7; animation: wd2UpSpin .9s linear infinite; }
@keyframes wd2UpSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .wd2-up-spin { animation: none; }
}
.wd2-up-ok { width: 52px; height: 52px; border-radius: 50%; background: #e3f4ea; color: #3f8a5f; display: flex; align-items: center; justify-content: center; }
.wd2-up-pay b { display: block; margin-top: 18px; font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.wd2-up-order { margin-top: 10px; font-size: 14px; color: #454b57; }
.wd2-up-st { margin-top: 6px; min-height: 20px; font-size: 13px; color: #6b7280; }
.wd2-up-st.is-err { color: #b3261e; }
.wd2-up-acts { display: flex; gap: 10px; margin-top: 22px; width: 100%; max-width: 380px; }
.wd2-up-acts > * { flex: 1 1 0; }
.wd2-up-acts a.wd2-up-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; text-decoration: none !important; }
.wd2-up-links { display: flex; gap: 18px; justify-content: center; margin-top: 16px; }
.wd2-up-links button { border: 0; background: none; padding: 0; font-family: inherit; font-size: 13px; color: #4a55c7; font-weight: 500; cursor: pointer; }
.wd2-up-links button:hover { color: #3f49ad; }
@media (max-width: 760px) {
  .wd2-up-box { padding: 24px 16px; }
  .wd2-up-cards { flex-direction: column; }
}
.wd2-nav.wd2b-on .inspector-card { display: none !important; }
.wd2b-nav { display: flex; flex-direction: column; }
.wd2b-nav .wd2b-nav-row { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 11px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(60, 60, 67, .10) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-family: inherit !important; text-align: left !important; cursor: pointer; }
.wd2b-nav .wd2b-nav-row:last-child { border-bottom: 0 !important; }
.wd2b-nav .wd2b-nav-name { font-size: 14px !important; font-weight: 400 !important; color: #1d1d1f !important; }
.wd2b-nav .wd2b-nav-st { margin-left: auto !important; font-size: 13px !important; color: #6b7280 !important; }
.wd2b-nav .wd2b-nav-row.is-filled .wd2b-nav-st { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: #e3f4ea !important; color: #3f8a5f !important; font-size: 11px !important; line-height: 1 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell:focus-within { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell textarea, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell input { padding-left: 0 !important; padding-right: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell > div[style*="justify-content:space-between"] { background: transparent !important; border-top: 1px solid #e3e6ee !important; padding-left: 0 !important; padding-right: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell:focus-within > div[style*="justify-content:space-between"] { border-top-color: #4a55c7 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .va-import, .wd2-formbox #saas-fullscreen-app-wrapper .va-cc-import, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-module-import { height: auto !important; min-height: 0 !important; padding: 4px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #4a55c7 !important; font-size: 13px !important; font-weight: 500 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .va-import:hover, .wd2-formbox #saas-fullscreen-app-wrapper .va-cc-import:hover, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-module-import:hover { background: transparent !important; color: #3f49ad !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .va-import svg, .wd2-formbox #saas-fullscreen-app-wrapper .va-cc-import svg { color: currentColor !important; stroke: currentColor !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-content-frame, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-card-stack { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-person-card { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(60, 60, 67, .10) !important; border-bottom: 1px solid rgba(60, 60, 67, .10) !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-person-card + .storyos-cc-person-card { border-top: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-add-btn { height: auto !important; min-height: 0 !important; padding: 4px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #4a55c7 !important; font-size: 13px !important; font-weight: 500 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-add-btn:hover { background: transparent !important; color: #3f49ad !important; }
.wd2-rvip { display: inline-flex !important; align-items: center; height: 18px; padding: 0 6px; border-radius: 5px; background: #eef0fb; color: #4a55c7 !important; font-size: 11px !important; font-weight: 600; }
.wd2-rvip[hidden] { display: none !important; }
.wd2-nav .inspector-card, .wd2-nav .storyos-inspector-mirror-list { padding: 0 !important; }
.wd2-nav .storyos-inspector-item { padding-left: 0 !important; padding-right: 0 !important; }
.wd2-rgen .wd2-gen-tx { display: block !important; width: 100%; }
.wd2-cost-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 13px; color: #454b57; }
.wd2-cost-n { font-size: 12px; color: #6b7280; white-space: nowrap; }
.wd2-cost-n b { font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: #1d1d1f; margin-right: 2px; }
.wd2-cost-sub { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: #6b7280; }
.wd2-cost-sub .is-short { color: #8a6100; font-weight: 600; white-space: nowrap; }
.wd2-rgen .wd2-gen-hd { margin-bottom: 14px; }
.wd2-gen-links { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; }
.wd2-gen-links .wd2-gen-dot { color: #d0d4dc; font-size: 13px; }
.wd2-gen-links .wd2-savedraft[hidden] + .wd2-gen-dot { display: none; }
.wd2-rgen .wd2-gen-links .wd2-savedraft, .wd2-rgen .wd2-gen-links .wd2-peek { width: auto !important; margin: 0 !important; padding: 2px 0 !important; font-size: 13px !important; color: #6b7280 !important; }
.wd2-rgen .wd2-gen-links .wd2-savedraft:hover, .wd2-rgen .wd2-gen-links .wd2-peek:hover { color: #1d1d1f !important; }
.wd2-rgen .wd2-gen-links .wd2-savedraft.is-saved { color: #3f8a5f !important; }
.wd2-rgen.is-viplock .wd2-gen-links .wd2-gen-dot { display: none; }
.wd2-jobhd { display: none !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell textarea { padding-top: 2px !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell > div[style*="justify-content:space-between"] > :first-child, .wd2-formbox #saas-fullscreen-app-wrapper .storyos-sc-focus-shell > div[style*="justify-content:space-between"] > :first-child > :first-child { padding-left: 0 !important; margin-left: 0 !important; }
.wd2-formbox #saas-fullscreen-app-wrapper .storyos-cc-person-head { padding-left: 0 !important; padding-right: 0 !important; }
.wd2-rgen .wd2-gen-links { flex-wrap: nowrap; white-space: nowrap; }
.wd2-rgen .wd2-gen-links .wd2-savedraft, .wd2-rgen .wd2-gen-links .wd2-peek { flex: 0 0 auto !important; white-space: nowrap !important; display: inline-flex !important; align-items: center; gap: 5px; }
.wd2-rgen .wd2-gen-links .wd2-savedraft span { white-space: nowrap !important; }
.wd2-wrap:not(.is-picking) .wd2-bayrow { background: transparent !important; }
@media (max-width: 1100px) {
  .wd2-wrap:not(.is-picking) .wd2-bayrow { background: transparent !important; }
}
.wd2-wrap:not(.is-picking) .wd2-work { padding-top: 0 !important; }
.wd2-wrap { gap: 14px !important; }
.wd2-wrap:not(.is-picking) .wd2-work { padding-left: 0 !important; padding-right: 0 !important; }
.wd2-wrap:not(.is-picking) .wd2-bayrow { gap: 14px; }
@media (max-width: 1100px) {
  .wd2-wrap { gap: 14px !important; }
}
[data-group].is-fold .wd2-ar { transform: rotate(-90deg); }
[data-group].is-fold .wd2-fold-body { display: none !important; }
.wd2-recent[hidden] { display: none !important; }
.wd2-ric { display: inline-flex; align-items: center; justify-content: center; width: 16px; flex: 0 0 16px; }
.wd2-ric-draft, .wd2-ric-run { color: #4a55c7; }
.wd2-ric-done { color: #9aa0ab; }
.wd2-ric-fail { color: #c9a45c; }
.wd2-mbar { position: absolute; right: 1px; width: 4px; pointer-events: none; z-index: 1; }
.wd2-mbar[hidden] { display: none !important; }
.wd2-mbar i { display: block; width: 4px; height: 18px; border-radius: 2px; background: #c4c8d2; pointer-events: auto; cursor: grab; transition: background .15s; }
.wd2-mbar i:hover, .wd2-mbar i:active { background: #9aa0ab; }
.wd2-lockmsg[hidden] { display: none !important; }
.wd2-lockmsg { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; font-size: 13px; font-weight: 600; color: #8a6100; }
.wd2-formbox.is-loading { opacity: 1 !important; }
.wd2-empty.is-loading { opacity: 1 !important; }
.wd2-formbox { position: relative; }
.wd2-formbox.is-fetching::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 2px; z-index: 5; border-radius: 2px; overflow: hidden; opacity: .55; background: linear-gradient(90deg, transparent 0, #4a55c7 40%, #4a55c7 60%, transparent 100%); background-size: 35% 100%; background-repeat: no-repeat; animation: wd2fetch 1.4s ease-in-out infinite; }
@keyframes wd2fetch { 0% { background-position: -35% 0; } 100% { background-position: 135% 0; } }
.wd2-formbox.is-swap { animation: wd2swap .22s cubic-bezier(.2, 0, .2, 1); }
@keyframes wd2swap { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .wd2-formbox.is-swap { animation: none; }
  .wd2-formbox.is-fetching::before { animation: none; background: #4a55c7; opacity: .5; }
}
.wd2-formbox.wd2-is-brief .wd2b-no::after { content: none !important; }
.wd2-formbox.wd2-is-brief .wd2b-ttl::after { content: attr(data-wd2b-req); display: block; margin-top: 4px; font-size: 11px; font-weight: 400; line-height: 1.4; letter-spacing: 0; }
.wd2-formbox.wd2-is-brief .wd2b-ttl[data-wd2b-req="必填"]::after { color: #8a6100; }
.wd2-formbox.wd2-is-brief .wd2b-ttl[data-wd2b-req="选填"]::after { color: #9aa0ab; }
.wd2-result[hidden], .wd2-rres[hidden] { display: none !important; }
.wd2-wrap.is-result #wd2-form, .wd2-wrap.is-result #wd2-main { display: none !important; }
.wd2-result { background: #ffffff; border-radius: 14px; padding: 18px 26px 26px; animation: wd2swap .22s cubic-bezier(.2, 0, .2, 1); }
.wd2-res-hd { display: flex; align-items: center; gap: 8px; }
.wd2-res-time { margin-left: auto; font-size: 12px; font-variant-numeric: tabular-nums; }
.wd2-res-title { margin: 8px 0 0; }
.wd2-res-seg { display: inline-flex; flex-wrap: wrap; gap: 0; margin: 16px 0 18px; padding: 3px; border-radius: 10px; background: #eceef4; }
.wd2-res-tab { height: 30px; padding: 0 12px; border: 0; border-radius: 8px; background: none; cursor: pointer; font-family: inherit; font-size: 13px; }
.wd2-res-tab:hover:not(:disabled):not(.is-on) { color: #1d1d1f; }
.wd2-res-tab.is-on { background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); font-weight: 600; }
.wd2-res-tab:disabled { cursor: not-allowed; }
.wd2-res-body { font-size: 15px; line-height: 1.85; color: #1d1d1f; }
.wd2-res-pane[hidden] { display: none !important; }
.wd2-res-pane strong { font-weight: 600; }
.wd2-res-pane h3, .wd2-res-pane h4, .wd2-res-pane h5, .wd2-res-pane h6 { margin: 18px 0 6px; font-size: 16px; font-weight: 600; line-height: 1.5; }
.wd2-res-pane h3:first-child, .wd2-res-pane h4:first-child { margin-top: 0; }
.wd2-res-pane ul { margin: 6px 0; padding-left: 22px; }
.wd2-res-pane li { margin: 2px 0; }
.wd2-res-empty { margin: 0; padding: 40px 0; text-align: center; font-size: 14px; color: #9aa0ab; }
.wd2-rres { display: flex; flex-direction: column; }
.wd2-rres-who { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: #f5f6fa; }
.wd2-rres-av { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #cfd3dc; display: block; }
.wd2-rres-id { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wd2-rres-id b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd2-rres-id span { display: flex; align-items: center; gap: 6px; }
.wd2-rres-id .wd2-rvip { font-style: normal; }
.wd2-rres-mid { padding: 14px 18px; background: #ffffff; }
.wd2-rres-lab { font-size: 12px; font-weight: 600; }
.wd2-rres-t { margin-top: 8px; font-size: 14px; font-weight: 600; color: #1d1d1f; }
.wd2-rres-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.wd2-rres-chip { font-size: 12px; padding: 0 8px; border-radius: 6px; background: #f1f3f8; }
.wd2-rres-chip.is-has { background: #eef0fb; }
.wd2-rres-when { margin-top: 10px; font-size: 12px; }
.wd2-rres-act { padding: 16px 18px; background: #f5f6fa; }
.wd2-rres-go { width: 100%; height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; background: #4a55c7; color: #ffffff; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 600; }
.wd2-rres-go:hover { background: #3f49ad; }
.wd2-rres-go[data-busy="1"] { opacity: .7; cursor: progress; }
.wd2-rres-links { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; }
.wd2-rres-links button { display: inline-flex; align-items: center; gap: 5px; padding: 2px 0; border: 0; background: none; cursor: pointer; font-family: inherit; font-size: 13px; white-space: nowrap; }
.wd2-rres-links button.is-done { color: #3f8a5f; cursor: default; }
.wd2-rres-links .wd2-gen-dot { color: #d0d4dc; font-size: 13px; }
@media (prefers-reduced-motion: reduce) {
  .wd2-result { animation: none; }
}
.wd2-tpill { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 7px; border-radius: 10px; font-size: 12px; white-space: nowrap; }
.wd2-tpill i { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; position: relative; }
.wd2-tpill-run { background: #fbf3de; }
.wd2-tpill-run i { background: #d9b45a; }
.wd2-tpill-ok { background: #e6f3eb; color: #3f8a5f; }
.wd2-tpill-ok i { background: #7dbf97; }
.wd2-tpill-fail { background: #fbe9e7; }
.wd2-tpill-fail i { background: #df8e85; }
.wd2-tpill-etc { background: #f1f3f8; color: #6b7280; }
.wd2-tpill-etc i { background: #c4c8d0; }
.wd2-tpill-run i::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; background: #d9b45a; opacity: .3; animation: wd2breath 1.8s ease-in-out infinite; }
@keyframes wd2breath { 0%, 100% { transform: scale(.6); opacity: .35; } 50% { transform: scale(1.1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .wd2-tpill-run i::after { animation: none; opacity: .25; }
}
.wd2-tasknote[hidden] { display: none !important; }
:root { --sf-1: #18181B; --sf-2: #52525B; --sf-3: #71717A; --sf-4: #A1A1AA; --sf-brand: #4A55C7; --sf-warn: #9A3412; --sf-err: #991B1B; --sf-font: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.wd2-up, .wd2-up button, .wd2-login, .wd2-login button, #saas-toast-container { font-family: var(--sf-font) !important; -webkit-font-smoothing: antialiased; font-optical-sizing: auto; }
.wd2-tpill { line-height: 16px !important; }
.wd2-tpill-run { color: var(--sf-warn) !important; }
.wd2-tpill-fail { color: var(--sf-err) !important; }
#wd2-empty b, #wd2-empty h2 { font-weight: 600 !important; }
.wd2-formbox.wd2-is-brief .wd2b-ttl { font-weight: 600 !important; }
.wd2-res-time { color: var(--sf-3) !important; line-height: 16px !important; }
.wd2-res-title { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--sf-1) !important; }
.wd2-res-tab { color: var(--sf-2) !important; line-height: 18px !important; }
.wd2-res-tab.is-on { color: var(--sf-1) !important; }
.wd2-res-tab:disabled { color: var(--sf-4) !important; }
.wd2-login-box b { font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
.wd2-login-tx { font-size: 14px !important; line-height: 1.6 !important; color: var(--sf-2) !important; }
.wd2-login-no { color: var(--sf-2) !important; }
.wd2-login-go, .wd2-login-no { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; }
.wd2-rres-id b { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
.wd2-rres-id span { font-size: 12px !important; line-height: 16px !important; color: var(--sf-2) !important; }
.wd2-rres-id .wd2-rvip { font-size: 11px !important; line-height: 14px !important; font-weight: 600 !important; color: var(--sf-brand) !important; }
.wd2-rres-go, .wd2-rres-go span { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; }
.wd2-pop .wd2-pop-hd b { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
.wd2-pop #wd2-gets > span { font-size: 13px !important; line-height: 18px !important; color: var(--sf-2) !important; }
.wd2-rres-lab { color: var(--sf-2) !important; line-height: 16px !important; }
.wd2-rres-t { line-height: 20px !important; }
.wd2-rres-when { color: var(--sf-3) !important; line-height: 16px !important; font-variant-numeric: tabular-nums; }
.wd2-rres-chip { line-height: 20px !important; color: var(--sf-4) !important; }
.wd2-rres-chip.is-has { color: var(--sf-brand) !important; }
.wd2-rres-links button { color: var(--sf-2) !important; line-height: 18px !important; }
.wd2-rres-links button:hover:not(:disabled) { color: var(--sf-1) !important; }
.wd2-up #wd2-up-t { font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--sf-1) !important; }
.wd2-up .wd2-up-sub { font-size: 14px !important; line-height: 1.6 !important; color: var(--sf-2) !important; }
.wd2-up .wd2-up-seg button { font-size: 13px !important; line-height: 18px !important; color: var(--sf-2) !important; }
.wd2-up .wd2-up-seg button.is-on, .wd2-up .wd2-up-seg button[aria-selected="true"] { color: var(--sf-1) !important; font-weight: 600 !important; }
.wd2-up .wd2-up-name { font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
.wd2-up .wd2-up-tag { font-size: 11px !important; line-height: 14px !important; font-weight: 600 !important; }
.wd2-up .wd2-up-tag.is-cur { color: var(--sf-2) !important; }
.wd2-up .wd2-up-price i { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; font-style: normal; }
.wd2-up .wd2-up-price strong { font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--sf-1) !important; font-variant-numeric: tabular-nums; }
.wd2-up .wd2-up-price span { font-size: 12px !important; line-height: 16px !important; color: var(--sf-3) !important; }
.wd2-up .wd2-up-price s { font-size: 12px !important; line-height: 16px !important; color: var(--sf-3) !important; font-variant-numeric: tabular-nums; }
.wd2-up .wd2-up-desc { font-size: 13px !important; line-height: 1.6 !important; color: var(--sf-2) !important; }
.wd2-up .wd2-up-feats span { font-size: 13px !important; line-height: 18px !important; color: var(--sf-2) !important; }
.wd2-up .wd2-up-btn { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; }
.wd2-up .wd2-up-links button { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--sf-brand) !important; }
#saas-toast-container > div { color: var(--sf-1) !important; font-size: 14px !important; line-height: 20px !important; }
#saas-toast-container > div span:last-child { line-height: 20px !important; }
.wd2-drow.is-confirm .wd2-ddel { color: var(--sf-err) !important; }
html body #wd2-form.wd2-formbox .saas-v29-label { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox .saas-v29-required { font-size: 14px !important; font-weight: 600 !important; color: var(--sf-err) !important; }
html body #wd2-form.wd2-formbox .saas-v29-tooltip, html body #wd2-form.wd2-formbox .saas-v29-select-value, html body #wd2-form.wd2-formbox .saas-v29-select-option, html body #wd2-form.wd2-formbox .saas-v29-slider-value-badge, html body #wd2-form.wd2-formbox .saas-v29-item-header, html body #wd2-form.wd2-formbox .saas-v29-btn-add-item, html body #wd2-form.wd2-formbox .saas-v29-item-del, html body #wd2-form.wd2-formbox .saas-v29-action-btn { font-weight: 600 !important; }
html body #wd2-form.wd2-formbox .saas-v29-input, html body #wd2-form.wd2-formbox .saas-v29-textarea, html body #wd2-form.wd2-formbox .saas-v29-select-header, html body #wd2-form.wd2-formbox .saas-v29-item-input, html body #wd2-form.wd2-formbox .saas-v29-item-textarea, html body #wd2-form.wd2-formbox .saas-v29-tag, html body #wd2-form.wd2-formbox .saas-v29-tag-custom, html body #wd2-form.wd2-formbox .saas-v29-grouped-tab, html body #wd2-form.wd2-formbox .saas-v29-module-tab, html body #wd2-form.wd2-formbox .saas-v29-sub-title { font-weight: 400 !important; }
html body #wd2-form.wd2-formbox .saas-v29-input, html body #wd2-form.wd2-formbox .saas-v29-textarea, html body #wd2-form.wd2-formbox .saas-v29-item-input, html body #wd2-form.wd2-formbox .saas-v29-item-textarea { font-size: 14px !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox .saas-v29-tag, html body #wd2-form.wd2-formbox .saas-v29-tag-custom { font-size: 13px !important; line-height: 18px !important; }
html body #wd2-form.wd2-formbox .saas-v29-sub-title { font-size: 12px !important; line-height: 16px !important; color: var(--sf-2) !important; }
.storyos-prompt-hd, .storyos-alert-hd, .storyos-confirm-hd { font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
.storyos-alert-bd, .storyos-confirm-bd { font-weight: 400 !important; font-size: 14px !important; line-height: 1.6 !important; color: var(--sf-1) !important; }
.storyos-prompt-cancel, .storyos-confirm-cancel, .storyos-confirm-ok { font-weight: 600 !important; font-size: 14px !important; line-height: 20px !important; }
.wd2-up .wd2-up-box, .wd2-up .wd2-up-box * { font-family: var(--sf-font) !important; }
#wd2-empty > b { line-height: 30px !important; }
.wd2-up .wd2-up-hint { font-size: 12px !important; line-height: 16px !important; }
.wd2-drow .wd2-ddel { line-height: 16px !important; }
html body #wd2-form.wd2-formbox .va-ttl { line-height: 24px !important; }
html body #wd2-form.wd2-formbox .va-import { font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox textarea.scd-tx { font-size: 14px !important; line-height: 1.6 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [data-sc-tags-label], html body #wd2-form.wd2-formbox [data-sc-adv-label] { font-size: 12px !important; line-height: 16px !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox button:has(> [data-sc-tags-label]), html body #wd2-form.wd2-formbox button:has(> [data-sc-adv-label]) { color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox [data-sc-tags-count] { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox [data-sc-focus-counter] { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-role-wrap button, html body #wd2-form.wd2-formbox [data-cc-role-label] { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-person-index { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; font-variant-numeric: tabular-nums; }
html body #wd2-form.wd2-formbox .storyos-cc-person-head > strong { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-headtag-empty { font-size: 12px !important; line-height: 16px !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-person-relation { font-size: 12px !important; line-height: 16px !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-person-relation.is-disabled { color: var(--sf-4) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-person-toggle, html body #wd2-form.wd2-formbox .storyos-cc-person-toggle span { font-size: 12px !important; line-height: 16px !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .storyos-cc-add-btn { font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_drop_"] > span:first-child { color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_drop_"] > span:nth-child(2) { font-size: 13px !important; line-height: 18px !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_drop_"] > span:nth-child(2) > span { color: var(--sf-brand) !important; font-weight: 600 !important; }
html body #wd2-form.wd2-formbox [id^="adapt_drop_"] > span:nth-child(3) { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_count_"] { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; font-variant-numeric: tabular-nums; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > div > span:first-child, html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > label > span:first-child, html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > label > span:first-child > span:first-child { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > label > span:first-child > span:last-child:not(:first-child) { font-size: 11px !important; line-height: 14px !important; font-weight: 400 !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > label > span:nth-child(2) > span { font-size: 13px !important; line-height: 18px !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid button[data-scope] { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid button[data-scope][aria-pressed="true"] { font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid input { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; font-variant-numeric: tabular-nums; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid select { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_adv_btn_"] > span:first-child { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [id^="adapt_adv_btn_"] > span:nth-child(2) { font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox div[style*="color:#6b7280"][style*="font-weight:600"] { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox span[style*="color:#e2553b"] { color: var(--sf-err) !important; }
html body #wd2-form.wd2-formbox .adapt-chip { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox .adapt-chip.on { font-weight: 600 !important; color: var(--sf-brand) !important; border-color: var(--sf-brand) !important; background: rgba(74, 85, 199, .06) !important; }
html body #wd2-form.wd2-formbox .adapt-chip-add { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox div[style*="font-size:11px"][style*="color:#6b7280"], html body #wd2-form.wd2-formbox div[style*="font-size:11px"][style*="color:#6b7280"] span { font-size: 11px !important; line-height: 14px !important; color: var(--sf-3) !important; }
html body #wd2-form.wd2-formbox input[type="range"] { accent-color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox .storyos-adapt-spec-grid > div:not([data-adapt-spec]), html body #wd2-form.wd2-formbox div[style*="color:#5b6472"]:not(button) { font-size: 12px !important; line-height: 1.6 !important; font-weight: 400 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox [style*="color:#4b5563"] { color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [style*="color:#2f7a5a"] { color: var(--sf-ok, #3f8a5f) !important; }
html body #wd2-form.wd2-formbox [style*="color:#4682b4"] { color: var(--sf-brand) !important; }
html body #wd2-form.wd2-formbox [style*="color:#d4af37"] { color: var(--sf-brand) !important; font-weight: 600 !important; }
html body #wd2-form.wd2-formbox [style*="font-weight:700"][style*="color:#1a1a2e"] { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [style*="font-size:19px"] { font-size: 17px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--sf-1) !important; }
html body #wd2-form.wd2-formbox [style*="color:#6b6b9a"] { font-size: 14px !important; line-height: 1.6 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox [style*="color:#9aa0b8"] { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--sf-2) !important; }
html body #wd2-form.wd2-formbox [style*="font-size:15px"][style*="color:#fff"] { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: #ffffff !important; }

/* ===== 新版布局与规则书样式（原 storyos-worker-category-v3.css，V3.0～V3.13 合并） ===== */
html.wd3-page { --wd3-page: #E9E9EB; }
html.wd3-page.dark-mode { --wd3-page: #09090B; }
#storyos-wd3 { --w-t1: #18181B; --w-t2: #3F3F46; --w-t3: #71717A; --w-t4: #A1A1AA; --w-t5: #52525B; --w-line: #E4E4E7; --w-row: #F4F4F5; --w-field: #D4D4D8; --w-well: #F4F4F5; --w-soft: #FAFAFA; --w-paper: #FFFFFF; --w-ink: #27272A; --w-ink-edge: #18181B; --w-on-ink: #FAFAFA; --w-head: #27272A; --w-black: #000000; --w-brand: #4A55C7; --w-brand-h: #3A44A8; --w-ring: #27272A; --w-ok-bg: #DCFCE7; --w-ok-t: #166534; --w-run-bg: #FEF9C3; --w-run-t: #854D0E; --w-run-dot: #CA8A04; --w-bad-bg: #FEE2E2; --w-bad-t: #991B1B; --w-warn-bg: #FFEDD5; --w-warn-t: #9A3412; --w-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; --w-serif: "Songti SC", "STSong", "SimSun", serif; }
html.dark-mode #storyos-wd3 { --w-t1: #FAFAFA; --w-t2: #D4D4D8; --w-t3: #A1A1AA; --w-t4: #71717A; --w-t5: #A1A1AA; --w-line: #3F3F46; --w-row: #27272A; --w-field: #52525B; --w-well: #27272A; --w-soft: #1F1F23; --w-paper: #18181B; --w-ink: #F4F4F5; --w-ink-edge: #FAFAFA; --w-on-ink: #18181B; --w-head: #E4E4E7; --w-black: #FAFAFA; --w-brand: #8E96F0; --w-brand-h: #A9AFF5; --w-ring: #D4D4D8; --w-ok-bg: #052E16; --w-ok-t: #86EFAC; --w-run-bg: #422006; --w-run-t: #FDE68A; --w-run-dot: #EAB308; --w-bad-bg: #450A0A; --w-bad-t: #FCA5A5; --w-warn-bg: #431407; --w-warn-t: #FED7AA; }
html.wd3-page body.saas-takeover-active, html.wd3-page #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"], html.wd3-page #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .main-area { background: var(--wd3-page) !important; }
#saas-fullscreen-app-wrapper.wd3-topbar > #saas-global-sidebar, #saas-fullscreen-app-wrapper.wd3-topbar > .saas-sidebar-overlay, #saas-fullscreen-app-wrapper.wd3-topbar .saas-sidebar-container { display: none !important; }
#saas-fullscreen-app-wrapper.wd3-topbar .main-area { margin: 0 !important; width: 100% !important; }
html.wd3-page #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { padding: 0 16px 32px !important; max-width: none !important; }
html.wd3-page #saas-fullscreen-app-wrapper.wd3-sidebar[data-storyos-page="worker-category"] .content { padding-top: 24px !important; }
#storyos-wd3 { max-width: 1024px; margin: 0 auto; font-family: var(--w-sans); color: var(--w-t1); font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; }
#storyos-wd3 *, #storyos-wd3 *::before, #storyos-wd3 *::after { box-sizing: border-box; }
#storyos-wd3 button, #storyos-wd3 input { font-family: inherit; }
#storyos-wd3 a:focus-visible, #storyos-wd3 button:focus-visible, #storyos-wd3 input:focus-visible { outline: 2px solid var(--w-brand); outline-offset: 2px; }
#storyos-wd3 .wd3-paper { background: var(--w-paper); border-radius: 0 0 8px 8px; padding: 48px 48px 0; display: flex; flex-direction: column; gap: 24px; box-shadow: 0 0 0 1px #F4F4F5, 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1); }
html.dark-mode #storyos-wd3 .wd3-paper { box-shadow: 0 0 0 1px rgba(212,212,216,.12); }
.wd3-sidebar #storyos-wd3 .wd3-paper { border-radius: 8px; padding-top: 24px; }
#storyos-wd3 .wd3-noworker { padding: 60px 0; text-align: center; color: var(--w-t3); font-size: 14px; line-height: 20px; }
#storyos-wd3 .wd3-link { all: unset; cursor: pointer; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--w-brand) !important; white-space: nowrap; text-decoration: none !important; }
#storyos-wd3 .wd3-link:hover { color: var(--w-brand-h) !important; }
#storyos-wd3 .wd2-wrap.wd3-split { margin: 0 -48px !important; height: min(85vh, 960px); min-height: 560px; border-top: 1px solid var(--w-line); border-radius: 0 0 8px 8px; display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; padding: 0 !important; overflow: hidden; background: transparent !important; }
#storyos-wd3 .wd3-side { width: 256px; flex: 0 0 256px; border-right: 1px solid var(--w-line); display: flex; flex-direction: column; min-height: 0; background: var(--w-paper); }
#storyos-wd3 .wd3-search { position: relative; padding: 8px; flex-shrink: 0; }
#storyos-wd3 .wd3-search svg { position: absolute; left: 19px; top: 19px; color: var(--w-t4); pointer-events: none; }
#storyos-wd3 .wd3-search input { width: 100%; height: 36px; margin: 0; padding: 0 10px 0 30px; border: 1px solid var(--w-field); border-radius: 4px; background: var(--w-paper); font-size: 14px; line-height: 20px; color: var(--w-t1); outline: 0; box-shadow: 0 1px 2px rgba(0,0,0,.05); -webkit-appearance: none; appearance: none; }
#storyos-wd3 .wd3-search input::placeholder { color: var(--w-t4); }
#storyos-wd3 .wd3-search input:focus { border-color: var(--w-t3); }
#storyos-wd3 .wd2-list.wd3-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: block !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; scrollbar-width: thin; }
#storyos-wd3 .wd3-group { border-top: 1px solid var(--w-line); background: transparent !important; padding: 0 !important; margin: 0 !important; }
#storyos-wd3 .wd3-group[hidden] { display: none; }
#storyos-wd3 .wd3-group-hd { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; height: 37px; display: flex !important; align-items: center; gap: 8px; background: var(--w-soft); font-family: var(--w-sans); position: sticky; top: 0; z-index: 2; }
#storyos-wd3 .wd3-group-hd b { flex: 1; font-size: 14px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--w-t1) !important; letter-spacing: 0 !important; }
#storyos-wd3 .wd3-group-n { font-size: 12px; line-height: 12px; color: var(--w-t3); }
#storyos-wd3 .wd3-group-hd .wd2-ar { display: inline-flex; margin: 0 !important; color: var(--w-t3) !important; transition: transform .15s; }
#storyos-wd3 .wd3-group.is-fold .wd2-ar { transform: rotate(-90deg); }
#storyos-wd3 .wd3-group.is-fold .wd2-fold-body { display: none !important; }
#storyos-wd3 .wd3-group .wd2-fold-body { display: block; }
#storyos-wd3 .wd2-emp { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; height: 41px; padding: 2px; border-top: 1px solid var(--w-row); border-radius: 6px; display: flex !important; font-family: var(--w-sans); background: transparent !important; box-shadow: none !important; }
#storyos-wd3 .wd2-fold-body > .wd2-emp:first-child { border-top-color: transparent; }
#storyos-wd3 .wd2-emp[hidden] { display: none !important; }
#storyos-wd3 .wd3-emp-in { flex: 1; min-width: 0; border-radius: 4px; display: flex; align-items: center; gap: 8px; transition: background .1s; }
#storyos-wd3 .wd2-emp:hover .wd3-emp-in { background: var(--w-well); }
#storyos-wd3 .wd2-emp.is-on { border-top-color: transparent; }
#storyos-wd3 .wd2-emp.is-on + .wd2-emp { border-top-color: transparent; }
#storyos-wd3 .wd2-emp-av { width: 24px !important; height: 24px !important; flex-shrink: 0; border-radius: 9999px !important; object-fit: cover; background: var(--w-well); margin: 0 !important; }
#storyos-wd3 .wd2-emp.is-loading .wd2-emp-av { animation: wd3-pulse 1s ease-in-out infinite; }
@keyframes wd3-pulse { 50% { opacity: .45; } }
#storyos-wd3 .wd3-emp-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; }
#storyos-wd3 .wd2-emp-name { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--w-black) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1 !important; letter-spacing: 0 !important; }
#storyos-wd3 .wd3-busy { display: none; width: 6px; height: 6px; flex-shrink: 0; border-radius: 9999px; background: var(--w-run-dot); }
#storyos-wd3 .wd2-emp.is-busy .wd3-busy { display: inline-block; }
#storyos-wd3 .wd3-made { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9999px; background: var(--w-well); color: var(--w-t2); font-size: 11px; line-height: 18px; font-weight: 600; text-align: center; flex-shrink: 0; }
#storyos-wd3 .wd3-meta { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--w-t3); white-space: nowrap; flex-shrink: 0; }
#storyos-wd3 .wd3-nohit { margin: 0; padding: 16px 12px; font-size: 13px; line-height: 18px; color: var(--w-t3); }
#storyos-wd3 .wd3-main { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--w-soft); position: relative; }
#storyos-wd3 #wd2-empty.wd3-overview { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: left !important; }
#storyos-wd3 #wd2-empty.wd3-overview[hidden] { display: none !important; }
#storyos-wd3 #wd2-empty.is-loading { opacity: .6; }
#storyos-wd3 .wd3-ov-in { width: min(560px, calc(100% - 48px)); margin: 0 auto; padding: 32px 0 40px; display: flex; flex-direction: column; gap: 12px; }
#storyos-wd3 .wd3-ov-hd { padding-bottom: 12px; }
#storyos-wd3 .wd3-ov-hd h2 { margin: 0; font-family: var(--w-serif); font-weight: 600; letter-spacing: -0.01em; color: var(--w-black); }
#storyos-wd3 .wd3-cards { display: flex !important; flex-direction: column; gap: 12px; background: transparent !important; padding: 0 !important; border-radius: 0 !important; }
#storyos-wd3 .wd3-cards[hidden] { display: none !important; }
#storyos-wd3 .wd3-card { background: var(--w-paper); border: 1px solid var(--w-line); border-radius: 8px; padding: 24px; display: flex; flex-direction: column; }
#storyos-wd3 .wd3-card-hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#storyos-wd3 .wd3-card-hd b { font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.35px; color: var(--w-t1); }
#storyos-wd3 .wd3-card-desc { margin: 8px 0 16px; font-family: var(--w-serif); font-size: 16px; line-height: 24px; color: var(--w-t2); }
#storyos-wd3 .wd3-none { display: none; }
#storyos-wd3 .wd3-none .wd3-card-desc { margin-bottom: 0; }
#storyos-wd3 #wd2-recent[hidden] ~ .wd3-none { display: flex; }
#storyos-wd3 #wd3-card-tasks:has(#wd2-tasks[hidden]), #storyos-wd3 #wd3-card-drafts:has(#wd2-drafts[hidden]) { display: none; }
#storyos-wd3 .wd3-clear { all: unset; cursor: pointer; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--w-t3) !important; }
#storyos-wd3 .wd3-clear:hover { color: var(--w-t1) !important; }
#storyos-wd3 .wd3-clear.is-confirm { color: var(--w-bad-t) !important; }
#storyos-wd3 .wd3-clear[hidden] { display: none !important; }
#storyos-wd3 .wd3-tasks, #storyos-wd3 .wd3-drafts { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; }
#storyos-wd3 .wd3-tasks[hidden], #storyos-wd3 .wd3-drafts[hidden] { display: none !important; }
#storyos-wd3 .wd2-taskhd, #storyos-wd3 .wd2-drafts-hd { display: none !important; }
#storyos-wd3 #wd2-tasklist, #storyos-wd3 #wd2-drafts-list { display: flex !important; flex-direction: column; max-height: none !important; overflow: visible !important; gap: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-mbar { display: none !important; }
#storyos-wd3 .wd2-task { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; min-height: 44px; padding: 6px 0; border-top: 1px solid var(--w-row); display: flex !important; align-items: center; gap: 12px; font-family: var(--w-sans); background: transparent !important; }
#storyos-wd3 .wd2-task.wd3-other, #storyos-wd3 .wd2-drow.wd3-other { display: none !important; }
#storyos-wd3 .wd2-task-name { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--w-t1) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; min-width: 0; }
#storyos-wd3 .wd3-task-sub { flex: 1 1 auto; min-width: 0; font-size: 12px; line-height: 16px; color: var(--w-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#storyos-wd3 .wd2-task:hover .wd2-task-name { color: var(--w-brand) !important; }
#storyos-wd3 .wd2-task.is-on .wd2-task-name { font-weight: 600 !important; }
#storyos-wd3 .wd2-task .wd2-ric { display: none !important; }
#storyos-wd3 .wd2-tpill { height: 22px; padding: 0 8px; display: inline-flex !important; align-items: center; gap: 5px; border-radius: 9999px; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; white-space: nowrap; flex-shrink: 0; border: 0 !important; }
#storyos-wd3 .wd2-tpill i { width: 6px; height: 6px; border-radius: 9999px; background: currentColor !important; display: inline-block; animation: none !important; }
#storyos-wd3 .wd2-tpill-run { background: var(--w-run-bg) !important; color: var(--w-run-t) !important; }
#storyos-wd3 .wd2-tpill-ok { background: var(--w-ok-bg) !important; color: var(--w-ok-t) !important; }
#storyos-wd3 .wd2-tpill-fail { background: var(--w-bad-bg) !important; color: var(--w-bad-t) !important; }
#storyos-wd3 .wd2-tpill-etc { background: var(--w-well) !important; color: var(--w-t2) !important; }
#storyos-wd3 .wd2-tasknote { padding: 8px 0 0 !important; font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; }
#storyos-wd3 .wd2-tasknote[hidden] { display: none !important; }
#storyos-wd3 .wd2-drow { min-height: 44px; height: auto !important; border-top: 1px solid var(--w-row); border-bottom: 0 !important; display: flex !important; align-items: center; gap: 8px; background: transparent !important; border-radius: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-dopen { all: unset; box-sizing: border-box; cursor: pointer; flex: 1; min-width: 0; min-height: 43px; display: flex; align-items: baseline; gap: 8px; padding: 12px 0 !important; font-family: var(--w-sans); }
#storyos-wd3 .wd2-dopen .wd2-ric { display: none !important; }
#storyos-wd3 .wd2-dname { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--w-t1) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#storyos-wd3 .wd2-dopen:hover .wd2-dname { color: var(--w-brand) !important; }
#storyos-wd3 .wd2-drow.is-cur .wd2-dname { font-weight: 600 !important; }
#storyos-wd3 .wd2-dtime { font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; white-space: nowrap; }
#storyos-wd3 .wd2-ddel { all: unset; box-sizing: border-box; cursor: pointer; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: var(--w-t4) !important; font-family: var(--w-sans); font-size: 12px; line-height: 16px; font-weight: 600; flex-shrink: 0; }
#storyos-wd3 .wd2-ddel:hover { background: var(--w-well); color: var(--w-t1) !important; }
#storyos-wd3 .wd2-drow.is-confirm .wd2-ddel { color: var(--w-bad-t) !important; background: var(--w-bad-bg); }
#storyos-wd3 #wd3-slot-tasks .wd2-task:first-child, #storyos-wd3 #wd3-slot-drafts .wd2-drow:first-child, #storyos-wd3 .wd3-pane .wd2-task:first-child, #storyos-wd3 .wd3-pane .wd2-drow:first-child { border-top-color: transparent; }
#storyos-wd3 .wd2-jobhd.wd3-wbhd { flex-shrink: 0; display: block !important; padding: 24px 24px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; height: auto !important; }
#storyos-wd3 .wd2-jobhd.wd3-wbhd[hidden] { display: none !important; }
#storyos-wd3 .wd2-wrap.is-result .wd3-wbhd { display: none !important; }
#storyos-wd3 .wd3-wbhd-in { margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
#storyos-wd3 .wd3-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
#storyos-wd3 .wd3-who-av { width: 40px; height: 40px; border-radius: 9999px; object-fit: cover; background: var(--w-well); flex-shrink: 0; }
#storyos-wd3 .wd3-who-tx { display: flex; flex-direction: column; min-width: 0; }
#storyos-wd3 .wd3-who-tx b { font-family: var(--w-serif); font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; color: var(--w-black) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0 !important; }
#storyos-wd3 .wd3-who-meta { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 18px; color: var(--w-t3); }
#storyos-wd3 .wd3-who-meta #wd2-out { font-size: 13px !important; line-height: 18px !important; color: var(--w-t3) !important; }
#storyos-wd3 .wd3-who-vip { height: 18px; padding: 0 6px; display: inline-flex; align-items: center; border-radius: 4px; background: var(--w-well); color: var(--w-t2); font-size: 11px; line-height: 14px; font-weight: 600; }
#storyos-wd3 .wd3-who-vip[hidden] { display: none; }
#storyos-wd3 .wd3-tabs { display: flex; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--w-line); }
#storyos-wd3 .wd3-tab { all: unset; box-sizing: border-box; cursor: pointer; height: 32px; padding: 6px 12px; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--w-sans); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--w-t3); }
#storyos-wd3 .wd3-tab:hover { color: var(--w-t1); }
#storyos-wd3 .wd3-tab.is-on { background: rgba(161,161,170,.2); color: var(--w-t1); }
#storyos-wd3 .wd3-tab i { font-style: normal; padding: 0 4px; border-radius: 4px; background: var(--w-well); color: var(--w-t2); font-size: 12px; line-height: 18px; }
#storyos-wd3 .wd3-tab.is-on i { background: var(--w-paper); }
#storyos-wd3 .wd3-tab i[hidden] { display: none; }
#storyos-wd3 .wd2-bayrow.wd3-bay { flex: 1 1 auto; min-height: 0; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding: 0 !important; background: transparent !important; }
#storyos-wd3 .wd2-bayrow.wd3-bay[hidden] { display: none !important; }
#storyos-wd3 .wd2-work.wd3-work { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; width: auto !important; max-width: none !important; }
#storyos-wd3 .wd3-work-in { margin: 0 auto; padding: 20px 0 32px; display: flex; flex-direction: column; gap: 16px; }
#storyos-wd3 .wd3-intro { margin: 0; font-family: var(--w-serif); font-size: 16px; line-height: 24px; color: var(--w-t2); }
#storyos-wd3 .wd3-intro:empty { display: none; }
#storyos-wd3 .wd2-wrap.is-result .wd3-intro, #storyos-wd3 .wd2-wrap.is-result .wd3-navhost { display: none !important; }
#storyos-wd3 .wd2-wrap[data-wd3-tab="drafts"] .wd3-work-in > :not(#wd3-pane-drafts), #storyos-wd3 .wd2-wrap[data-wd3-tab="tasks"] .wd3-work-in > :not(#wd3-pane-tasks) { display: none !important; }
#storyos-wd3 .wd2-wrap[data-wd3-tab="drafts"] .wd3-bar, #storyos-wd3 .wd2-wrap[data-wd3-tab="tasks"] .wd3-bar { display: none !important; }
#storyos-wd3 .wd3-pane { background: var(--w-paper); border: 1px solid var(--w-line); border-radius: 8px; padding: 8px 20px 16px; }
#storyos-wd3 .wd3-pane[hidden] { display: none !important; }
#storyos-wd3 .wd3-pane-empty { display: none; margin: 0; padding: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--w-t3); }
#storyos-wd3 .wd3-pane.is-empty .wd3-pane-empty { display: block; }
#storyos-wd3 .wd3-pane.is-empty .wd2-tasknote { display: none !important; }
#storyos-wd3 #wd2-form { width: 100% !important; max-width: none !important; margin: 0 !important; }
#storyos-wd3 #wd2-main { margin: 0 !important; }
#storyos-wd3 .wd2-navhost.wd3-navhost { display: none !important; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#storyos-wd3 .wd2-navhost.wd3-navhost:has(.wd2b-on) { display: flex !important; }
#storyos-wd3 .wd3-jump { font-size: 12px; line-height: 16px; color: var(--w-t3); margin-right: 4px; }
#storyos-wd3 .wd3-navhost .wd2-nav { display: block !important; padding: 0 !important; margin: 0 !important; }
#storyos-wd3 .wd3-navhost .wd2-nav > :not(.wd2b-nav) { display: none !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0 !important; margin: 0 !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav-row { all: unset; box-sizing: border-box; cursor: pointer; height: 26px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; border-radius: 9999px; border: 1px solid var(--w-line); background: var(--w-paper); font-family: var(--w-sans); }
#storyos-wd3 .wd3-navhost .wd2b-nav-row:hover { border-color: var(--w-t4); }
#storyos-wd3 .wd3-navhost .wd2b-nav-name { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: var(--w-t2) !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav-st { font-size: 11px !important; line-height: 14px !important; font-weight: 500 !important; color: var(--w-t4) !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav-row.is-req { border-color: var(--w-ring); }
#storyos-wd3 .wd3-navhost .wd2b-nav-row.is-req .wd2b-nav-name { color: var(--w-t1) !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav-row.is-req .wd2b-nav-st { color: var(--w-bad-t) !important; font-weight: 600 !important; }
#storyos-wd3 .wd3-navhost .wd2b-nav-row.is-filled .wd2b-nav-st { color: var(--w-ok-t) !important; font-weight: 600 !important; }
#storyos-wd3 #wd2-result { display: flex; flex-direction: column; gap: 16px; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#storyos-wd3 #wd2-result[hidden] { display: none !important; }
#storyos-wd3 .wd2-res-hd { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd3-back { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-family: var(--w-sans); font-size: 13px; line-height: 18px; font-weight: 600; color: var(--w-t5); }
#storyos-wd3 .wd3-back::before { content: ""; width: 6px; height: 6px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: 0 4px 0 2px; }
#storyos-wd3 .wd3-back:hover { color: var(--w-t1); }
#storyos-wd3 .wd2-res-time { font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; }
#storyos-wd3 .wd2-res-title { margin: 0 !important; font-family: var(--w-serif) !important; font-size: 24px !important; line-height: 32px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: var(--w-black) !important; text-align: left !important; }
#storyos-wd3 .wd2-res-seg { display: flex !important; flex-wrap: wrap; gap: 4px !important; padding: 0 0 12px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--w-line) !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
#storyos-wd3 .wd2-res-tab { all: unset; box-sizing: border-box; cursor: pointer; height: 30px; padding: 0 12px; border-radius: 6px; display: inline-flex; align-items: center; font-family: var(--w-sans); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--w-t3); }
#storyos-wd3 .wd2-res-tab:hover { color: var(--w-t1); }
#storyos-wd3 .wd2-res-tab.is-on { background: rgba(161,161,170,.2); color: var(--w-t1); }
#storyos-wd3 .wd2-res-tab[disabled] { color: var(--w-field); cursor: default; }
#storyos-wd3 .wd2-res-body { background: var(--w-paper) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; padding: 24px 28px !important; box-shadow: none !important; margin: 0 !important; }
#storyos-wd3 .wd2-res-pane, #storyos-wd3 .wd2-res-pane p, #storyos-wd3 .wd2-res-pane li { font-family: var(--w-serif) !important; font-size: 16px !important; line-height: 28px !important; color: var(--w-head) !important; }
#storyos-wd3 .wd2-res-pane h1, #storyos-wd3 .wd2-res-pane h2, #storyos-wd3 .wd2-res-pane h3, #storyos-wd3 .wd2-res-pane h4 { font-family: var(--w-sans) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t1) !important; margin: 20px 0 8px !important; letter-spacing: 0 !important; }
#storyos-wd3 .wd2-res-pane > :first-child { margin-top: 0 !important; }
#storyos-wd3 .wd2-res-empty { color: var(--w-t3) !important; }
#storyos-wd3 .wd3-bar { flex-shrink: 0; position: relative; background: var(--w-paper); border-top: 1px solid var(--w-line); padding: 0 24px; }
#storyos-wd3 .wd2-rgen.wd3-gen { min-height: 60px; display: flex !important; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; padding: 10px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; position: static; }
#storyos-wd3 .wd2-wrap.is-result .wd3-gen { display: none !important; }
#storyos-wd3 .wd3-gen-l, #storyos-wd3 .wd3-gen-r { display: flex; align-items: center; gap: 12px; min-width: 0; }
#storyos-wd3 .wd3-gen-r { margin-left: auto; }
#storyos-wd3 .wd2-rgen.wd3-gen::before, #storyos-wd3 .wd2-rgen.wd3-gen::after { content: none !important; display: none !important; }
@media (min-width: 721px) {
  #storyos-wd3 .wd2-rgen.wd3-gen { flex-direction: row !important; flex-wrap: nowrap !important; }
}
#storyos-wd3 .wd2-rgen.wd3-gen { flex-direction: row !important; }
#storyos-wd3 .wd2-savedraft { box-sizing: border-box; padding: 0 10px !important; white-space: nowrap; }
#storyos-wd3 #wd2-form .saas-v29-action-btn, #storyos-wd3 #wd2-fields .saas-v29-action-btn { display: none !important; }
#storyos-wd3 .wd2-status { height: 22px; padding: 0 8px; display: inline-flex !important; align-items: center; gap: 5px; border-radius: 9999px; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; white-space: nowrap; background: var(--w-well); color: var(--w-t2) !important; border: 0 !important; }
#storyos-wd3 .wd2-status::before { content: ""; width: 6px; height: 6px; border-radius: 9999px; background: currentColor; }
#storyos-wd3 .wd2-status:empty { display: none !important; }
#storyos-wd3 .wd2-status.is-ok { background: var(--w-ok-bg) !important; color: var(--w-ok-t) !important; }
#storyos-wd3 .wd2-status.is-wait { background: var(--w-warn-bg) !important; color: var(--w-warn-t) !important; }
#storyos-wd3 .wd2-lockmsg { display: none !important; }
#storyos-wd3 .wd2-gen-hd { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-gen-tx, #storyos-wd3 .wd2-gen-tx span { font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; color: var(--w-t2) !important; white-space: nowrap; }
#storyos-wd3 .wd2-cost-row, #storyos-wd3 .wd2-cost-sub, #storyos-wd3 .wd2-cost-n { display: inline !important; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-cost-row > span:first-child::after { content: " "; }
#storyos-wd3 .wd2-cost-sub::before { content: "，"; }
#storyos-wd3 .wd2-cost-n b { font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 .wd2-cost-sub .is-short { margin-left: 8px; color: var(--w-warn-t) !important; font-weight: 600 !important; }
#storyos-wd3 .wd2-vippill, #storyos-wd3 .wd2-viprow { display: none !important; }
#storyos-wd3 .wd2-draftst { font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; white-space: nowrap; }
#storyos-wd3 .wd2-draftst:empty { display: none; }
#storyos-wd3 .wd2-gen-links { display: flex !important; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-gen-links .wd2-gen-dot { display: none !important; }
#storyos-wd3 #wd2-peek { all: unset; cursor: pointer; font-family: var(--w-sans); font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--w-brand) !important; white-space: nowrap; display: inline-flex !important; }
#storyos-wd3 #wd2-peek:hover, #storyos-wd3 #wd2-peek.is-open { color: var(--w-brand-h) !important; }
#storyos-wd3 #wd2-savedraft { all: unset; box-sizing: border-box; cursor: pointer; height: 30px; padding: 6px 10px; display: inline-flex !important; align-items: center; gap: 4px; border: 1px solid var(--w-field); border-radius: 4px; background: var(--w-paper); box-shadow: 0 1px 2px rgba(0,0,0,.05); font-family: var(--w-sans); white-space: nowrap; }
#storyos-wd3 #wd2-savedraft[hidden] { display: none !important; }
#storyos-wd3 #wd2-savedraft:hover { background: var(--w-soft); border-color: var(--w-t4); }
#storyos-wd3 #wd2-savedraft, #storyos-wd3 #wd2-savedraft-tx { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px; color: var(--w-t5) !important; }
#storyos-wd3 #wd2-savedraft svg { display: none; }
#storyos-wd3 #wd2-savedraft.is-saved { border-color: transparent; background: transparent; box-shadow: none; }
#storyos-wd3 #wd2-savedraft.is-saved #wd2-savedraft-tx { color: var(--w-ok-t) !important; }
#storyos-wd3 .wd2-gen-btn { all: unset; box-sizing: border-box; cursor: pointer; height: 30px !important; min-height: 0 !important; width: auto !important; padding: 6px 12px !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--w-ink-edge) !important; border-radius: 4px !important; background: var(--w-ink) !important; color: var(--w-on-ink) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; font-family: var(--w-sans); white-space: nowrap; transform: none !important; }
#storyos-wd3 .wd2-gen-btn:hover { background: #18181B !important; }
html.dark-mode #storyos-wd3 .wd2-gen-btn:hover { background: #FFFFFF !important; }
#storyos-wd3 .wd2-gen-btn #wd2-gen-label { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px; color: inherit !important; }
#storyos-wd3 .wd2-gen-btn[disabled] { opacity: .5; cursor: default; }
#storyos-wd3 .wd2-gen-btn .wd2-gen-lock { display: none !important; }
#storyos-wd3 .wd2-rgen.is-viplock .wd2-gen-btn .wd2-gen-lock { display: inline-block !important; }
#storyos-wd3 .wd2-rgen.is-viplock { background: transparent !important; box-shadow: none !important; }
#storyos-wd3 .wd2-pop.wd3-pop { position: absolute !important; right: 24px !important; left: auto !important; top: auto !important; bottom: calc(100% + 8px) !important; z-index: 30; width: 300px !important; max-width: calc(100% - 48px); padding: 16px !important; margin: 0 !important; background: var(--w-paper) !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 0 0 1px var(--w-line), 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important; display: flex !important; flex-direction: column; gap: 10px; transform: none !important; }
#storyos-wd3 .wd2-pop.wd3-pop[hidden] { display: none !important; }
#storyos-wd3 .wd2-pop-hd { margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-pop-hd b { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 .wd2-gets { display: flex !important; flex-direction: column; gap: 6px; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-gets[hidden] { display: none !important; }
#storyos-wd3 .wd2-gets span { display: flex !important; align-items: center; gap: 8px; font-size: 14px !important; line-height: 20px !important; color: var(--w-t2) !important; background: transparent !important; padding: 0 !important; border: 0 !important; }
#storyos-wd3 .wd2-gets span::before { content: ""; width: 5px; height: 5px; flex-shrink: 0; border-radius: 9999px; background: var(--w-t4); }
#storyos-wd3 .wd2-pop-more { font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--w-brand) !important; text-decoration: none !important; }
#storyos-wd3 .wd2-sample { max-height: 220px; overflow-y: auto; margin: 0 !important; padding: 12px !important; border-radius: 6px !important; background: var(--w-soft) !important; border: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: var(--w-t2) !important; white-space: pre-wrap; }
#storyos-wd3 .wd2-sample[hidden] { display: none !important; }
#storyos-wd3 .wd2-rres.wd3-rres { min-height: 60px; display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#storyos-wd3 .wd2-rres.wd3-rres[hidden] { display: none !important; }
#storyos-wd3 .wd2-rres-who, #storyos-wd3 .wd2-rres-lab, #storyos-wd3 .wd2-rres-t, #storyos-wd3 .wd2-rres-chips { display: none !important; }
#storyos-wd3 .wd2-rres-mid { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#storyos-wd3 .wd2-rres-when { height: 22px; padding: 0 8px; display: inline-flex !important; align-items: center; border-radius: 9999px; background: var(--w-ok-bg); color: var(--w-ok-t) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; margin: 0 !important; }
#storyos-wd3 .wd2-rres-act { display: flex !important; flex-direction: row-reverse; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#storyos-wd3 .wd2-rres-links { display: flex !important; flex-direction: row-reverse; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; }
#storyos-wd3 .wd2-rres-links .wd2-gen-dot { display: none !important; }
#storyos-wd3 .wd2-rres-links button { all: unset; box-sizing: border-box; cursor: pointer; height: 30px; padding: 6px 10px; display: inline-flex !important; align-items: center; gap: 4px; border: 1px solid var(--w-field); border-radius: 4px; background: var(--w-paper); box-shadow: 0 1px 2px rgba(0,0,0,.05); font-family: var(--w-sans); white-space: nowrap; color: var(--w-t5) !important; }
#storyos-wd3 .wd2-rres-links button:hover { background: var(--w-soft); border-color: var(--w-t4); }
#storyos-wd3 .wd2-rres-links button span { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px; color: inherit !important; }
#storyos-wd3 .wd2-rres-links button svg { display: none; }
#storyos-wd3 .wd2-rres-go { all: unset; box-sizing: border-box; cursor: pointer; height: 30px !important; padding: 6px 12px !important; display: inline-flex !important; align-items: center; gap: 4px; border: 1px solid var(--w-ink-edge) !important; border-radius: 4px !important; background: var(--w-ink) !important; color: var(--w-on-ink) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; font-family: var(--w-sans); white-space: nowrap; width: auto !important; }
#storyos-wd3 .wd2-rres-go span { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px; color: inherit !important; }
#storyos-wd3 .wd2-rres-go svg { width: 13px; height: 13px; }
.wd2-up .wd2-up-btn.is-primary, .wd2-login .wd2-login-go { background: #27272A !important; border-color: #18181B !important; color: #FAFAFA !important; border-radius: 4px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; }
.wd2-up .wd2-up-btn.is-primary:hover, .wd2-login .wd2-login-go:hover { background: #18181B !important; }
@media (max-width: 900px) {
  #storyos-wd3 .wd3-paper { padding: 32px 32px 0; }
  #storyos-wd3 .wd2-wrap.wd3-split { margin: 0 -32px !important; }
  #storyos-wd3 .wd3-side { width: 220px; flex-basis: 220px; }
}
@media (max-width: 720px) {
  html.wd3-page #saas-fullscreen-app-wrapper[data-storyos-page="worker-category"] .content { padding: 0 0 24px !important; }
  #storyos-wd3 .wd3-paper { padding: 20px 16px 0; border-radius: 0; gap: 16px; box-shadow: none; }
  #storyos-wd3 .wd2-wrap.wd3-split { margin: 0 -16px !important; height: auto; min-height: 0; flex-direction: column !important; border-radius: 0; }
  #storyos-wd3 .wd3-side { width: 100%; flex: 0 0 auto; max-height: 300px; border-right: 0; border-bottom: 1px solid var(--w-line); }
  #storyos-wd3 .wd3-main { min-height: 560px; }
  #storyos-wd3 #wd2-empty.wd3-overview, #storyos-wd3 .wd2-work.wd3-work { overflow: visible; }
  #storyos-wd3 .wd3-ov-in, #storyos-wd3 .wd3-work-in { width: calc(100% - 32px); }
  #storyos-wd3 .wd2-jobhd.wd3-wbhd { padding: 20px 16px 0 !important; }
  #storyos-wd3 .wd3-bar { padding: 0 16px; position: sticky; bottom: 0; }
  #storyos-wd3 .wd3-gen-l { flex-wrap: wrap; }
  #storyos-wd3 .wd3-gen-r { width: 100%; justify-content: flex-end; }
  #storyos-wd3 .wd2-pop.wd3-pop { right: 16px !important; max-width: calc(100% - 32px); }
  #storyos-wd3 .wd3-card { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #storyos-wd3 * { transition: none !important; animation: none !important; }
}
@media (min-width: 721px) {
  #storyos-wd3 .wd3-side { width: 236px; flex: 0 0 236px; }
}
#storyos-wd3 .wd3-emp-in { padding: 0 12px 0 8px; }
#storyos-wd3 .wd2-emp-name { flex: 0 1 auto; min-width: 0; }
#storyos-wd3 .wd3-made, #storyos-wd3 .wd3-meta { flex-shrink: 0; }
#storyos-wd3 .wd3-meta { min-width: 30px; text-align: right; }
#storyos-wd3 .wd3-group-hd { padding: 6px 12px !important; }
@media (min-width: 721px) {
  html.wd3-page #saas-fullscreen-app-wrapper.wd3-topbar[data-storyos-page="worker-category"] .content { height: 100vh !important; overflow-y: auto !important; display: flex !important; flex-direction: column !important; padding-bottom: 0 !important; }
  .wd3-topbar #storyos-wd3 { width: 100%; min-height: 100%; flex: 1 0 auto; display: flex; flex-direction: column; }
  .wd3-topbar #storyos-wd3 .wd3-paper { flex: 1 0 auto; border-radius: 0; }
  .wd3-topbar #storyos-wd3 .wd2-wrap.wd3-split { flex: 1 1 auto; height: 0 !important; min-height: 480px !important; border-radius: 0 !important; }
}
#storyos-wd3 .wd3-work-in { width: min(688px, calc(100% - 48px)); }
#storyos-wd3 #wd2-form .workspace-main, #storyos-wd3 #wd2-form .workspace-main-card { padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
#storyos-wd3 #wd2-form #saas-v29-form { display: flex !important; flex-direction: column !important; overflow: visible; }
#storyos-wd3 #wd2-form .saas-v29-field-block { margin: 0 !important; padding: 24px !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--w-line) !important; border-radius: 0 !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .saas-v29-field-block:first-of-type { border-top: 0 !important; }
#storyos-wd3 #wd2-form .saas-v29-field-block > .saas-v29-label { display: none !important; }
#storyos-wd3 #wd2-form .storyos-sc-va { display: grid !important; column-gap: 24px !important; align-items: start !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > * { min-width: 0; margin-top: 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > * + *:not(.va-top) { margin-top: 8px !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > .va-top { grid-column: 1 !important; display: flex !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#storyos-wd3 #wd2-form .va-title-block { display: flex !important; min-height: 0 !important; height: auto !important; padding: 0 !important; }
#storyos-wd3 #wd2-form .va-title-block::before { display: none !important; content: none !important; }
#storyos-wd3 #wd2-form .va-ttl { display: inline-flex !important; align-items: baseline !important; flex-wrap: wrap; gap: 0 8px; margin: 0 !important; padding: 0 !important; font-family: var(--w-sans) !important; }
#storyos-wd3 #wd2-form .va-ttl::after { display: inline !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; font-family: var(--w-sans) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .va-desc { margin: 0 !important; padding: 0 !important; font-weight: 400 !important; white-space: normal !important; }
#storyos-wd3 #wd2-form .va-top button.va-import, #storyos-wd3 #wd2-form .storyos-sc-va button.va-import { all: unset; box-sizing: border-box !important; cursor: pointer; height: 26px !important; padding: 4px 6px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; font-family: var(--w-sans) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; letter-spacing: 0.3px !important; color: var(--w-t5) !important; white-space: nowrap !important; }
#storyos-wd3 #wd2-form .va-top button.va-import:hover { background: rgba(161,161,170,.2) !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .va-top button.va-import svg { width: 14px !important; height: 14px !important; color: currentColor !important; stroke: currentColor !important; }
#storyos-wd3 #wd2-form .storyos-st-va > .va-top > div:not(.va-title-block) { display: flex !important; padding: 0 !important; width: auto !important; }
#storyos-wd3 #wd2-form .storyos-st-custom-build-btn, #storyos-wd3 #wd2-form .storyos-st-template-trigger { box-sizing: border-box !important; height: 30px !important; padding: 6px 10px !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; border: 1px solid var(--w-field) !important; border-radius: 4px !important; background: var(--w-paper) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; font-family: var(--w-sans) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; color: var(--w-t5) !important; white-space: nowrap !important; }
#storyos-wd3 #wd2-form .storyos-st-custom-build-btn:hover, #storyos-wd3 #wd2-form .storyos-st-template-trigger:hover { background: var(--w-soft) !important; border-color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-st-template-trigger span { font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: inherit !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell { border-radius: 4px !important; padding: 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell:focus-within { border-color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell textarea.scd-tx { display: block; width: 100% !important; min-height: 112px !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--w-sans) !important; font-size: 14px !important; line-height: 22px !important; color: var(--w-t1) !important; resize: vertical; outline: none !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell textarea.scd-tx::placeholder { color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child { display: flex !important; align-items: center !important; justify-content: space-between !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child button { all: unset; box-sizing: border-box; cursor: pointer; height: 26px; padding: 4px 6px; display: inline-flex; align-items: center; gap: 4px; border-radius: 8px; font-family: var(--w-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.3px; color: var(--w-t5); }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child button:hover { background: rgba(161,161,170,.2); color: var(--w-t1); }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child button span { font-size: 12px !important; line-height: 16px !important; color: inherit !important; font-weight: 500 !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child > div > span { display: none !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child > span { font-size: 12px !important; line-height: 16px !important; color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-cc-content-frame { border: 1px solid var(--w-field) !important; border-radius: 4px !important; background: var(--w-paper) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; padding: 0 !important; margin: 0 !important; overflow: hidden; }
#storyos-wd3 #wd2-form .storyos-cc-card-stack { margin: 0 !important; padding: 0 !important; gap: 0 !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-card { margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--w-row) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-head { min-height: 44px; padding: 0 10px !important; border: 0 !important; background: transparent !important; }
#storyos-wd3 #wd2-form .storyos-cc-role-wrap button { height: 24px !important; padding: 0 6px 0 8px !important; border: 1px solid var(--w-field) !important; border-radius: 4px !important; background: var(--w-paper) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; color: var(--w-t2) !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-head strong { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-index, #storyos-wd3 #wd2-form .storyos-cc-headtag-empty { font-size: 12px !important; line-height: 16px !important; color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-toggle, #storyos-wd3 #wd2-form .storyos-cc-person-relation { font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; color: var(--w-t5) !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-toggle span { color: inherit !important; font-size: 12px !important; }
#storyos-wd3 #wd2-form .storyos-cc-person-relation.is-disabled { color: var(--w-t4) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va button.storyos-cc-add-btn { box-sizing: border-box !important; cursor: pointer; padding: 4px 6px !important; background: transparent !important; box-shadow: none !important; font-family: var(--w-sans) !important; line-height: 16px !important; letter-spacing: 0.3px !important; color: var(--w-t5) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va button.storyos-cc-add-btn:hover { background: rgba(161,161,170,.2) !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-role-wrap button, html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-role-wrap button * { color: var(--w-t2) !important; }
#storyos-wd3 #wd2-form .storyos-st-main-panel { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-meta-row { padding: 0 !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-meta-row div span { font-size: 12px !important; line-height: 16px !important; color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-wrap { margin: 0 !important; padding: 0 !important; }
#storyos-wd3 #wd2-form .storyos-st-track-empty { border: 1px dashed rgba(161,161,170,.5) !important; background: rgba(228,228,231,.25) !important; border-radius: 8px !important; }
#storyos-wd3 #wd2-form .storyos-st-track-empty strong { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-track-empty span { font-family: var(--w-serif) !important; font-size: 14px !important; line-height: 22px !important; color: var(--w-t3) !important; }
@media (max-width: 860px) {
  #storyos-wd3 #wd2-form .storyos-sc-va { grid-template-columns: minmax(0, 1fr) !important; }
  #storyos-wd3 #wd2-form .storyos-sc-va > .va-top { grid-row: auto !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; }
  #storyos-wd3 #wd2-form .storyos-sc-va > * { grid-column: 1 !important; }
  #storyos-wd3 #wd2-form .storyos-st-va > .va-top > div:not(.va-title-block) { flex-direction: row !important; flex-wrap: wrap; }
  #storyos-wd3 #wd2-form .saas-v29-field-block { padding: 16px !important; }
}
html body #storyos-wd3 .wd3-navhost .wd2b-nav { flex-direction: row !important; align-items: center !important; width: auto !important; }
html body #storyos-wd3 .wd3-navhost .wd2b-nav-row { display: inline-flex !important; width: auto !important; height: 26px !important; padding: 0 10px !important; margin: 0 !important; border: 1px solid var(--w-line) !important; border-radius: 9999px !important; background: var(--w-paper) !important; box-shadow: none !important; gap: 6px !important; }
html body #storyos-wd3 .wd3-navhost .wd2b-nav-row.is-req { border-color: var(--w-ring) !important; }
#storyos-wd3 #wd2-form .storyos-brief .wd2b-sec + .wd2b-sec { border-top: 1px solid var(--w-line) !important; }
#storyos-wd3 #wd2-form .storyos-brief .wd2b-sec { width: 100% !important; max-width: none !important; }
#storyos-wd3 #wd2-form .storyos-brief-sec-num { font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-brief-sec-title { font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; color: var(--w-head) !important; }
#storyos-wd3 #wd2-form .storyos-brief-sec-title::after, #storyos-wd3 #wd2-form .storyos-brief-sec-head [class*="req"], #storyos-wd3 #wd2-form .storyos-brief-sec-head [class*="opt"] { color: var(--w-t3) !important; background: transparent !important; font-weight: 400 !important; }
#storyos-wd3 .wd3-wbhd-in { width: min(688px, 100%); }
#storyos-wd3 #wd2-form > #saas-fullscreen-app-wrapper, #storyos-wd3 #wd2-form .main-area, #storyos-wd3 #wd2-form .content { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-va input[type="text"], html body #storyos-wd3 #wd2-form .storyos-sc-va input[type="number"], html body #storyos-wd3 #wd2-form .storyos-sc-va input:not([type]), html body #storyos-wd3 #wd2-form .storyos-sc-va select, html body #storyos-wd3 #wd2-form .storyos-sc-va textarea:not(.scd-tx) { border: 1px solid var(--w-field) !important; border-radius: 4px !important; background-color: var(--w-paper) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; font-family: var(--w-sans) !important; font-size: 14px !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-va input:focus, html body #storyos-wd3 #wd2-form .storyos-sc-va select:focus, html body #storyos-wd3 #wd2-form .storyos-sc-va textarea:not(.scd-tx):focus { border-color: var(--w-t3) !important; outline: none !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-person-card .storyos-cc-person-body, html body #storyos-wd3 #wd2-form .storyos-cc-person-card [class*="person-body"] { background: transparent !important; border: 0 !important; border-radius: 0 !important; }
html.dark-mode #storyos-wd3 #wd2-form .storyos-st-track-empty { background: rgba(63,63,70,.25) !important; border-color: rgba(113,113,122,.5) !important; }
@media (max-width: 720px) {
  html body #storyos-wd3 #wd2-form .storyos-cc-person-head { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px 10px !important; padding: 8px 10px !important; text-align: left !important; }
  html body #storyos-wd3 #wd2-form .storyos-cc-person-head > * { margin: 0 !important; width: auto !important; }
}
#storyos-wd3 .wd3-side .wd3-meta { display: none !important; }
#storyos-wd3 .wd3-side .wd3-made { display: none !important; }
#storyos-wd3 .wd3-float { display: none; }
html.wd3-floating #storyos-wd3 .wd3-float { position: fixed; z-index: 40; box-sizing: border-box; display: flex; flex-direction: column; background: var(--w-paper); border: 1px solid var(--w-line); border-radius: 8px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); font-family: var(--w-sans); }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-wbhd-in { width: 100%; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-tabs { flex-direction: column; gap: 2px; padding: 0; border: 0; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-tab { width: 100%; justify-content: space-between; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-bar { position: relative; border-top: 1px solid var(--w-line) !important; background: transparent !important; border-radius: 0 0 8px 8px; }
html.wd3-floating #storyos-wd3 .wd2-wrap.is-result .wd3-float .wd3-bar { border-top: 0 !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rgen.wd3-gen { min-height: 0; flex-direction: column !important; align-items: stretch !important; flex-wrap: nowrap !important; padding: 0 !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-gen-l { gap: 6px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-hd, html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-tx { white-space: normal !important; font-size: 12px !important; line-height: 18px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-gen-r { margin-left: 0; flex-direction: column-reverse; align-items: stretch; gap: 8px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-btn { width: 100% !important; justify-content: center !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-links { flex-direction: column-reverse; align-items: stretch; gap: 8px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-savedraft { width: 100% !important; justify-content: center !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-pop.wd3-pop { right: calc(100% + 12px) !important; bottom: 0 !important; top: auto !important; left: auto !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres.wd3-rres { min-height: 0; flex-direction: column !important; align-items: stretch !important; gap: 10px; padding: 0 !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-act, html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-links { flex-direction: column !important; align-items: stretch !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-act button, html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-links button { width: 100% !important; justify-content: center !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-gen-l { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100%; text-align: left !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-hd { display: block !important; width: 100%; text-align: left !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-status { margin: 0 !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-peek { align-self: center !important; margin: 0 auto !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-tx, html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-tx * { white-space: normal !important; overflow-wrap: anywhere; }
html.wd3-floating #storyos-wd3 .wd3-float { width: 136px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-jobhd.wd3-wbhd { padding: 12px 8px 8px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-wbhd-in { gap: 10px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who { flex-direction: column; align-items: flex-start; gap: 6px; padding: 0 4px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who-av { width: 32px; height: 32px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who-tx { width: 100%; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who-tx b { font-size: 14px !important; line-height: 20px !important; white-space: normal !important; overflow-wrap: anywhere; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who-meta { flex-wrap: wrap; gap: 4px; font-size: 11px; line-height: 14px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-who-meta #wd2-out { font-size: 11px !important; line-height: 14px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-tab { height: 30px; padding: 5px 8px; font-size: 13px !important; line-height: 18px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-bar { padding: 10px 8px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rgen.wd3-gen { gap: 10px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd3-gen-l { padding: 0 2px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-hd, html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-tx, html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-tx * { font-size: 11px !important; line-height: 16px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-status { font-size: 11px !important; padding: 0 6px !important; height: 20px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-gen-btn { height: 32px !important; padding: 0 6px !important; font-size: 12px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-savedraft { height: 30px !important; font-size: 12px !important; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-peek { font-size: 12px !important; line-height: 16px !important; white-space: nowrap; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-when { font-size: 11px !important; padding: 0 6px !important; white-space: normal !important; height: auto !important; min-height: 20px; }
html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-act button, html.wd3-floating #storyos-wd3 .wd3-float .wd2-rres-links button { font-size: 12px !important; padding: 0 6px !important; white-space: normal !important; }
.wd3-topbar #storyos-wd3 .wd3-paper { padding-top: 20px; gap: 20px; }
@media (max-width: 1100px) {
  .wd3-topbar #storyos-wd3 .wd3-paper { padding-top: 20px; }
}
#storyos-wd3 .wd2-emp.is-on { box-shadow: none !important; }
#storyos-wd3 .wd2-emp.is-on .wd3-emp-in, #storyos-wd3 .wd2-emp.is-on:hover .wd3-emp-in { background: #52525B !important; border-radius: 6px; }
#storyos-wd3 .wd2-emp.is-on .wd2-emp-name { color: #FFFFFF !important; font-weight: 600 !important; }
#storyos-wd3 .wd2-emp.is-on .wd3-busy { background: #FACC15; }
html.dark-mode #storyos-wd3 .wd2-emp.is-on .wd3-emp-in { background: #52525B !important; }
#storyos-wd3 .wd3-work-in, #storyos-wd3 .wd3-ov-in { width: auto !important; max-width: none; margin: 0 !important; padding: 8px 24px 32px !important; gap: 12px !important; }
html.wd3-floating #storyos-wd3 .wd3-work-in { padding-top: 8px !important; }
#storyos-wd3 .wd3-titlerow { height: 36px; flex-shrink: 0; display: flex; align-items: center; gap: 10px; min-width: 0; }
#storyos-wd3 .wd3-titlerow .wd3-who { display: contents; }
#storyos-wd3 .wd3-titlerow .wd3-who-av, #storyos-wd3 .wd3-titlerow .wd3-who-meta { display: none !important; }
#storyos-wd3 .wd3-titlerow .wd3-who-tx { display: contents; }
#storyos-wd3 .wd3-titlerow #wd2-name { flex-shrink: 0; font-family: var(--w-serif) !important; font-size: 18px !important; line-height: 24px !important; font-weight: 600 !important; color: var(--w-black) !important; white-space: nowrap; }
#storyos-wd3 .wd3-titlerow .wd3-intro { flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; font-family: var(--w-serif) !important; font-size: 14px !important; line-height: 20px !important; color: var(--w-t3) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#storyos-wd3 .wd3-titlerow .wd3-intro:empty { display: none; }
#storyos-wd3 .wd2-wrap[data-wd3-tab] .wd3-work-in > #wd3-titlerow { display: flex !important; }
#storyos-wd3 .wd2-wrap.is-result .wd3-work-in > #wd3-titlerow, #storyos-wd3 .wd2-wrap.is-result[data-wd3-tab] .wd3-work-in > #wd3-titlerow { display: none !important; }
#storyos-wd3 .wd3-ov-hd { height: 36px; padding: 0 !important; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
#storyos-wd3 .wd3-ov-hd h2 { flex-shrink: 0; font-size: 18px !important; line-height: 24px !important; white-space: nowrap; }
#storyos-wd3 .wd3-ov-hd p { margin: 0 !important; min-width: 0; font-family: var(--w-sans) !important; font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#storyos-wd3 #wd3-card-tasks .wd3-card-desc { display: none; }
html.wd3-floating #storyos-wd3 #wd3-card-drafts { display: none !important; }
html.wd3-floating #storyos-wd3 .wd2-wrap.is-picking .wd3-float { display: flex !important; }
html.wd3-floating #storyos-wd3 .wd2-wrap.is-picking .wd3-float .wd3-bar, html.wd3-floating #storyos-wd3 .wd2-wrap.is-picking .wd3-float .wd3-wbhd { display: none !important; }
#storyos-wd3 .wd3-fov { display: none; }
html.wd3-floating #storyos-wd3 .wd2-wrap.is-picking .wd3-float .wd3-fov { display: flex; flex-direction: column; }
#storyos-wd3 .wd3-fov-acct { padding: 12px; display: flex; flex-direction: column; gap: 4px; }
#storyos-wd3 .wd3-fov-lab { font-size: 11px; line-height: 14px; color: var(--w-t3); }
#storyos-wd3 .wd3-fov-pts { font-size: 20px; line-height: 26px; font-weight: 600; color: var(--w-t1); font-variant-numeric: tabular-nums; }
#storyos-wd3 .wd3-fov-vip { font-size: 11px; line-height: 14px; color: var(--w-t3); }
#storyos-wd3 .wd3-fov-vip a { color: var(--w-brand) !important; font-weight: 600; text-decoration: none; }
#storyos-wd3 .wd3-fov-dr { border-top: 1px solid var(--w-line); padding: 10px 8px 8px; display: flex; flex-direction: column; gap: 2px; }
#storyos-wd3 .wd3-fov-dr[hidden] { display: none !important; }
#storyos-wd3 .wd3-fov-dr b { padding: 0 4px 4px; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--w-t2); }
#storyos-wd3 .wd3-fov-dr button { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; padding: 5px 4px; border-radius: 4px; display: flex; flex-direction: column; font-family: var(--w-sans); }
#storyos-wd3 .wd3-fov-dr button:hover { background: var(--w-well); }
#storyos-wd3 .wd3-fov-dr button span { font-size: 12px; line-height: 16px; color: var(--w-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#storyos-wd3 .wd3-fov-dr button i { font-style: normal; font-size: 11px; line-height: 14px; color: var(--w-t3); }
#storyos-wd3 .wd3-fov-more { padding: 4px 4px 0; font-size: 11px; line-height: 14px; color: var(--w-t3); }
#storyos-wd3 #wd2-form .storyos-sc-va { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > * { grid-column: 1 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > .va-top { grid-row: auto !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; gap: 8px 12px !important; }
#storyos-wd3 #wd2-form .va-title-block { width: auto !important; }
#storyos-wd3 #wd2-form .va-top button.va-import, #storyos-wd3 #wd2-form .storyos-sc-va button.va-import { margin: 0 -6px 0 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > .va-top + * { margin-top: 0 !important; }
#storyos-wd3 #wd2-form .storyos-st-va > .va-top > div:not(.va-title-block) { flex-direction: row !important; align-items: center !important; gap: 8px !important; margin: 0 !important; }
#storyos-wd3 #wd2-form .storyos-brief .wd2b-sec { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
#storyos-wd3 #wd2-form .storyos-brief .storyos-brief-sec-head { width: auto !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
#storyos-wd3 #wd2-form .storyos-brief .storyos-brief-sec-head > * { margin: 0 !important; }
#storyos-wd3 #wd2-form .storyos-brief .storyos-brief-sec-body { width: 100% !important; max-width: none !important; margin: 0 !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-ttl::after { display: inline !important; margin-left: 8px !important; font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec { border: 0 !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec + .wd2b-sec, #storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec ~ .wd2b-sec { border-top: 1px solid var(--w-line) !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .storyos-brief.wd2b-flat { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-ttl { color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card { margin: 0 !important; border-bottom: 1px solid var(--w-row) !important; box-shadow: none !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card > .storyos-cc-person-head { min-height: 44px !important; padding: 8px 12px !important; gap: 10px !important; align-items: center !important; box-sizing: border-box !important; }
#storyos-wd3 #wd2-form #saas-v29-form { gap: 12px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .saas-v29-field-block, #storyos-wd3 #wd2-form .saas-v29-field-block:first-of-type { padding: 24px !important; background: var(--w-paper) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > .va-top { margin-bottom: 16px !important; }
#storyos-wd3 #wd2-form .va-title-block { flex-direction: column !important; align-items: flex-start !important; min-width: 0; flex: 1 1 auto; }
#storyos-wd3 #wd2-form .va-ttl { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .va-desc { display: block !important; font-family: var(--w-serif) !important; font-size: 16px !important; line-height: 24px !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .storyos-brief.wd2b-flat { gap: 12px !important; background: transparent !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec, #storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec + .wd2b-sec, #storyos-wd3 #wd2-form.wd2-is-brief .wd2b-sec ~ .wd2b-sec { border: 1px solid var(--w-line) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; }
#storyos-wd3 #wd2-form.wd2-is-brief .wd2b-ttl { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; }
#storyos-wd3 #wd2-form.wd2-is-brief #saas-v29-form, #storyos-wd3 #wd2-form.wd2-is-brief .workspace-main-card { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#storyos-wd3 { --w-fill: #F7F7F8; }
html.dark-mode #storyos-wd3 { --w-fill: #1F1F23; }
#storyos-wd3 #wd2-form .va-desc { color: #52525B !important; }
html.dark-mode #storyos-wd3 #wd2-form .va-desc { color: var(--w-t2) !important; }
html body #storyos-wd3 #wd2-form input[type="text"], html body #storyos-wd3 #wd2-form input[type="number"], html body #storyos-wd3 #wd2-form input:not([type]), html body #storyos-wd3 #wd2-form select, html body #storyos-wd3 #wd2-form textarea { background-color: var(--w-fill) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; box-shadow: none !important; }
html body #storyos-wd3 #wd2-form input:focus, html body #storyos-wd3 #wd2-form select:focus, html body #storyos-wd3 #wd2-form textarea:focus { background-color: var(--w-paper) !important; border-color: var(--w-t3) !important; outline: none !important; }
html body #storyos-wd3 #wd2-form textarea { font-family: var(--w-serif) !important; }
html body #storyos-wd3 #wd2-form textarea::placeholder, html body #storyos-wd3 #wd2-form input::placeholder { font-family: var(--w-serif) !important; color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell { border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-focus-shell textarea.scd-tx { color: var(--w-t1) !important; background-color: var(--w-fill) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-focus-shell textarea.scd-tx:focus { background-color: var(--w-paper) !important; border-color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child { order: 3; margin: 4px -24px -8px !important; padding: 0 24px !important; min-height: 40px; border-top: 1px solid var(--w-row) !important; }
#storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child > div > button:first-child { display: none !important; }
#storyos-wd3 .wd3-qtags { order: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#storyos-wd3 .wd3-qtags-lab { margin-right: 4px; font-size: 12px; line-height: 16px; color: var(--w-t3); }
#storyos-wd3 .wd3-qtag { all: unset; box-sizing: border-box; cursor: pointer; height: 26px; padding: 0 10px; display: inline-flex; align-items: center; border: 1px solid var(--w-line); border-radius: 9999px; background: var(--w-paper); font-family: var(--w-sans); font-size: 12px; line-height: 16px; font-weight: 600; color: var(--w-t5); white-space: nowrap; }
#storyos-wd3 .wd3-qtag:hover { background: var(--w-soft); border-color: var(--w-t4); }
#storyos-wd3 .wd3-qtag.is-on { background: var(--w-ink); border-color: var(--w-ink-edge); color: var(--w-on-ink); }
#storyos-wd3 .wd3-qtag.is-more { border-style: dashed; border-color: rgba(161,161,170,.6); background: transparent; }
html body #storyos-wd3 #wd2-form .storyos-cc-content-frame { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-card-stack { display: contents !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card { min-height: 120px; background: var(--w-fill) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; overflow: visible !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card.open { grid-column: 1 / -1; background: var(--w-paper) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) > .storyos-cc-person-head { height: 100%; min-height: 118px !important; padding: 14px !important; display: flex !important; flex-wrap: wrap !important; align-content: flex-start !important; align-items: center !important; gap: 6px 8px !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) > .storyos-cc-person-head > span:not([class]), html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-index { display: none !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-role-wrap { order: 1; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-toggle { order: 2; margin-left: auto !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-relation { order: 3; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-head > strong { order: 4; flex: 1 0 100%; margin-top: 4px !important; font-family: var(--w-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 700 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-headtags { order: 5; flex: 1 0 100%; min-width: 0; font-family: var(--w-serif) !important; font-size: 14px !important; line-height: 20px !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-headtags * { font-family: var(--w-serif) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va button.storyos-cc-add-btn { grid-column: auto; min-height: 120px; height: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; border: 1px dashed rgba(161,161,170,.55) !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; }
@media (max-width: 860px) {
  html body #storyos-wd3 #wd2-form .storyos-cc-content-frame { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
html body #storyos-wd3 #wd2-form .storyos-sc-focus-shell textarea.scd-tx { padding: 12px 14px !important; font-size: 14px !important; line-height: 24px !important; min-height: 96px !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-va input[type="text"], html body #storyos-wd3 #wd2-form .storyos-sc-va input[type="number"], html body #storyos-wd3 #wd2-form .storyos-sc-va input:not([type]), html body #storyos-wd3 #wd2-form .storyos-sc-va select, html body #storyos-wd3 #wd2-form .storyos-sc-va textarea { background-color: var(--w-fill) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; box-shadow: none !important; }
html body #storyos-wd3 #wd2-form .storyos-sc-va input:focus, html body #storyos-wd3 #wd2-form .storyos-sc-va select:focus, html body #storyos-wd3 #wd2-form .storyos-sc-va textarea:focus { background-color: var(--w-paper) !important; border-color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-st-adv-toggle, #storyos-wd3 #wd2-form .storyos-st-adv-body { display: none !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-meta-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 0 12px !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-meta-row > span { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-timeline-meta-row > div > span:not(.storyos-st-episode-box), #storyos-wd3 #wd2-form .storyos-st-episode-box > span:nth-of-type(n/**/+2) { display: none !important; }
#storyos-wd3 #wd2-form .storyos-st-episode-box { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
html body #storyos-wd3 #wd2-form .storyos-st-episode-box input { width: 64px !important; height: 30px !important; padding: 0 10px !important; font-size: 14px !important; font-family: var(--w-sans) !important; text-align: center; }
#storyos-wd3 #wd2-form .storyos-st-episode-box > span:first-of-type { font-size: 13px !important; color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-st-pills { gap: 8px !important; margin: 0 0 16px !important; }
#storyos-wd3 #wd2-form .storyos-st-pill, #storyos-wd3 #wd2-form .storyos-st-pill-add { height: 30px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid var(--w-line) !important; border-radius: 9999px !important; background: var(--w-paper) !important; box-shadow: none !important; font-family: var(--w-sans) !important; font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-pill:hover { background: var(--w-soft) !important; border-color: var(--w-t4) !important; }
#storyos-wd3 #wd2-form .storyos-st-pill .storyos-st-pill-idx, #storyos-wd3 #wd2-form .storyos-st-pill .storyos-st-pill-eps { font-size: 11px !important; line-height: 14px !important; font-weight: 400 !important; color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-st-pill.active { background: #52525B !important; border-color: #52525B !important; color: #FFFFFF !important; }
#storyos-wd3 #wd2-form .storyos-st-pill.active .storyos-st-pill-idx, #storyos-wd3 #wd2-form .storyos-st-pill.active .storyos-st-pill-eps { color: rgba(255,255,255,.75) !important; }
#storyos-wd3 #wd2-form .storyos-st-pill-add { border-style: dashed !important; border-color: rgba(161,161,170,.6) !important; background: transparent !important; color: var(--w-t5) !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio > div:first-child:not(.storyos-st-ratio-track) { display: none !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-track { height: 16px !important; border-radius: 4px !important; overflow: visible !important; background: transparent !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-seg { background: #E4E4E7 !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-seg.alt { background: #D4D4D8 !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-seg.active { background: #52525B !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-pct { font-family: var(--w-sans) !important; font-size: 11px !important; font-weight: 600 !important; color: #52525B !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-seg.active .storyos-st-ratio-pct { color: #FFFFFF !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-handle { background: #71717A !important; width: 3px !important; border-radius: 2px !important; box-shadow: none !important; }
#storyos-wd3 #wd2-form .storyos-st-ratio-handle.hl { background: #27272A !important; }
html.dark-mode #storyos-wd3 #wd2-form .storyos-st-ratio-seg { background: #3F3F46 !important; }
html.dark-mode #storyos-wd3 #wd2-form .storyos-st-ratio-seg.alt { background: #52525B !important; }
html.dark-mode #storyos-wd3 #wd2-form .storyos-st-ratio-seg.active { background: #A1A1AA !important; }
html.dark-mode #storyos-wd3 #wd2-form .storyos-st-ratio-pct { color: #E4E4E7 !important; }
html body #storyos-wd3 #wd2-form .storyos-st-current-editor { margin-top: 16px !important; padding: 16px !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; background: var(--w-paper) !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
#storyos-wd3 #wd2-form .storyos-st-edit-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap; margin: 0 0 2px !important; }
#storyos-wd3 #wd2-form .storyos-st-edit-head strong { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-stage-actions { display: flex !important; gap: 2px !important; margin-right: -6px; }
#storyos-wd3 #wd2-form .storyos-st-stage-actions button { height: 26px !important; padding: 4px 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; font-family: var(--w-sans) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; color: var(--w-t5) !important; }
#storyos-wd3 #wd2-form .storyos-st-stage-actions button:hover { background: rgba(161,161,170,.2) !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-stage-actions button.danger { color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-st-stage-actions button.danger:hover { background: #FEE2E2 !important; color: #991B1B !important; }
#storyos-wd3 #wd2-form .storyos-st-edit-grid { gap: 8px !important; margin: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-st-edit-grid input { height: 38px !important; padding: 8px 12px !important; font-size: 14px !important; font-weight: 400 !important; font-family: var(--w-sans) !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-st-current-editor > div:not([class]) { margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 6px !important; background: var(--w-well) !important; }
#storyos-wd3 #wd2-form .storyos-st-current-editor > div:not([class]) strong { font-size: 12px !important; font-weight: 600 !important; color: var(--w-t1) !important; margin-right: 6px; }
#storyos-wd3 #wd2-form .storyos-st-current-editor > div:not([class]) span { font-family: var(--w-serif) !important; font-size: 14px !important; line-height: 22px !important; color: var(--w-t2) !important; }
#storyos-wd3 #wd2-form .va-desc, #storyos-wd3 #wd2-form .storyos-brief-sec-desc { display: none !important; }
#storyos-wd3 #wd2-form .va-title-block { gap: 0 !important; }
#storyos-wd3 #wd2-form .storyos-sc-va > .va-top { align-items: center !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-current-editor { display: none !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-pill.active { background: var(--w-paper) !important; border-color: var(--w-line) !important; color: var(--w-t1) !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-pill.active .storyos-st-pill-idx, #storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-pill.active .storyos-st-pill-eps { color: var(--w-t3) !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-ratio-seg.active { background: #E4E4E7 !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-ratio-seg.alt.active { background: #D4D4D8 !important; }
#storyos-wd3 #wd2-form .storyos-st-va:not(.wd3-st-open) .storyos-st-ratio-seg.active .storyos-st-ratio-pct { color: #52525B !important; }
.storyos-sc-import-v118, .storyos-cc-import-v118, .storyos-st-import-v118 { --m-t1: #18181B; --m-t2: #3F3F46; --m-t3: #71717A; --m-t4: #A1A1AA; --m-t5: #52525B; --m-line: #E4E4E7; --m-soft: #FAFAFA; --m-well: #F4F4F5; --m-fill: #F7F7F8; --m-paper: #FFFFFF; --m-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; --m-serif: "Songti SC", "STSong", "SimSun", serif; background: rgba(9,9,11,.4) !important; font-family: var(--m-sans) !important; }
html.dark-mode .storyos-sc-import-v118, html.dark-mode .storyos-cc-import-v118, html.dark-mode .storyos-st-import-v118 { --m-t1: #FAFAFA; --m-t2: #D4D4D8; --m-t3: #A1A1AA; --m-t4: #71717A; --m-t5: #A1A1AA; --m-line: #3F3F46; --m-soft: #1F1F23; --m-well: #27272A; --m-fill: #1F1F23; --m-paper: #18181B; background: rgba(0,0,0,.6) !important; }
.storyos-sc-import-v118 > .saas-v29-modal-box, .storyos-cc-import-v118 > .saas-v29-modal-box, .storyos-st-import-v118 > .saas-v29-modal-box { background: var(--m-paper) !important; border: 1px solid var(--m-line) !important; border-radius: 12px !important; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important; overflow: hidden !important; }
.saas-v29-modal-box > div:first-child { padding: 24px 24px 16px !important; background: var(--m-paper) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:first-child > div:first-child { font-family: var(--m-serif) !important; font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: var(--m-t1) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:first-child > div:last-child { width: 32px !important; height: 32px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: transparent !important; color: var(--m-t3) !important; font-size: 18px !important; cursor: pointer; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:first-child > div:last-child:hover { background: rgba(161,161,170,.2) !important; color: var(--m-t1) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(2) { margin: 4px 0 16px !important; font-size: 14px !important; line-height: 20px !important; color: var(--m-t3) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3) { height: 40px !important; padding: 0 12px !important; background: var(--m-fill) !important; border: 1px solid var(--m-line) !important; border-radius: 8px !important; box-shadow: none !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3):focus-within { background: var(--m-paper) !important; border-color: var(--m-t3) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3) input { background: transparent !important; border: 0 !important; font-family: var(--m-sans) !important; font-size: 14px !important; color: var(--m-t1) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3) input::placeholder { color: var(--m-t4) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3) svg { color: var(--m-t4) !important; stroke: currentColor !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child > div:nth-child(3) > span { background: transparent !important; border: 0 !important; padding: 0 !important; font-size: 12px !important; color: var(--m-t3) !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:nth-child(2) { background: var(--m-soft) !important; border-top: 1px solid var(--m-line) !important; padding: 20px 24px 24px !important; }
[class*="-imp-group-head"] { margin: 0 0 12px !important; gap: 8px !important; align-items: center !important; }
[class*="-imp-group-head"] > span:first-child { display: none !important; }
[class*="-imp-group-head"] > span:nth-child(2) { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: var(--m-t1) !important; }
[class*="-imp-group-head"] > span:nth-child(3) { min-width: 0 !important; height: auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 12px !important; font-weight: 400 !important; color: var(--m-t3) !important; }
[class*="-imp-group-head"] svg { color: var(--m-t3) !important; stroke: currentColor !important; }
[class*="-imp-group"] + [class*="-imp-group"] { margin-top: 24px !important; }
[class*="-imp-group-content"] { gap: 12px !important; }
[class*="-imp-group-content"] > div { background: var(--m-paper) !important; border: 1px solid var(--m-line) !important; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; transition: border-color .1s !important; }
[class*="-imp-group-content"] > div:hover { border-color: var(--m-t4) !important; background: var(--m-paper) !important; transform: none !important; }
[class*="-imp-group-content"] > div * { font-family: var(--m-sans) !important; }
[class*="-imp-group-content"] > div span[style*="background"], [class*="-imp-group-content"] > div span[style*="border-radius"] { background: var(--m-well) !important; color: var(--m-t5) !important; border: 0 !important; border-radius: 4px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; padding: 2px 8px !important; }
.storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2) > span { width: 26px !important; height: 26px !important; padding: 0 !important; border-radius: 9999px !important; background: #E4E4E7 !important; color: #3F3F46 !important; box-shadow: 0 0 0 2px var(--m-paper) !important; font-size: 12px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2) > span:not([style*="background"]) { background: transparent !important; box-shadow: none !important; width: auto !important; color: var(--m-t3) !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child { font-size: 12px !important; line-height: 16px !important; color: var(--m-t3) !important; }
.storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1), .storyos-st-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child { font-family: var(--m-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 600 !important; color: var(--m-t1) !important; }
[class*="-imp-group-content"] > div > div:last-child, [class*="-imp-group-content"] > div > div:last-child span, [class*="-imp-group-content"] > div > div:nth-last-child(2) > span:not([style*="background"]) { font-size: 12px !important; line-height: 16px !important; color: var(--m-t3) !important; }
[class*="-imp-group-content"] > div svg { color: var(--m-t3) !important; stroke: currentColor !important; }
[class*="-import-v118"] .saas-v29-modal-box > div:first-child { border-bottom: 0 !important; box-shadow: none !important; }
[class*="-imp-group-content"] > div { padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
[class*="-imp-group-content"] > div > div { margin: 0 !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child, .storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1), .storyos-st-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child { font-family: var(--m-sans) !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: var(--m-t1) !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:last-child:not(:first-child), .storyos-st-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:last-child:not(:first-child) { background: transparent !important; padding: 0 !important; font-size: 12px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--m-t3) !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2) { font-family: var(--m-serif) !important; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; color: #52525B !important; }
.storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(3) { font-family: var(--m-serif) !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: #52525B !important; }
html.dark-mode .storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2), html.dark-mode .storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(3) { color: var(--m-t2) !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(3) > span, .storyos-st-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2) > span[style*="background"] { height: 22px !important; padding: 0 9px !important; display: inline-flex !important; align-items: center !important; background: transparent !important; border: 1px solid var(--m-line) !important; border-radius: 9999px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: var(--m-t5) !important; }
[class*="-imp-group-content"] > div > div:last-child { margin-top: auto !important; padding-top: 2px !important; font-size: 12px !important; color: var(--m-t4) !important; }
[class*="-imp-group-content"] > div > div:last-child * { color: var(--m-t4) !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child, .storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1), .storyos-st-import-v118 [class*="-imp-group-content"] > div > div:nth-child(1) > span:first-child { font-size: 15px !important; line-height: 22px !important; }
.storyos-sc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(2), .storyos-cc-import-v118 [class*="-imp-group-content"] > div > div:nth-child(3) { font-size: 14px !important; line-height: 22px !important; }
#storyos-wd3 { --w-rel: #EFEFF1; }
html.dark-mode #storyos-wd3 { --w-rel: #26262B; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-block { grid-column: 1 / -1 !important; margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; width: auto !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-head { display: flex !important; align-items: baseline !important; gap: 8px !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-head > span { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: var(--w-t1) !important; white-space: nowrap; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-head > em { flex: 1 1 auto; font-style: normal !important; font-size: 12px !important; line-height: 16px !important; color: var(--w-t3) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-head > b { height: 26px; padding: 4px 6px; border-radius: 8px; font-size: 12px !important; line-height: 18px !important; font-weight: 500 !important; color: var(--w-t5) !important; cursor: pointer; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-head > b:hover { background: rgba(161,161,170,.2); color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-body { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-list { display: contents !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-row { position: relative !important; min-height: 100px; box-sizing: border-box; margin: 0 !important; padding: 14px !important; display: block !important; background: var(--w-rel) !important; border: 1px solid var(--w-line) !important; border-radius: 8px !important; box-shadow: none !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence { width: auto !important; max-width: none !important; display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 2px 6px !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > * { margin: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(1), html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(2) { font-size: 13px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--w-t2) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > span:nth-of-type(1) { font-size: 12px !important; color: var(--w-t4) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > span:nth-of-type(2) { display: none !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(3) { flex: 1 0 100%; margin-top: 6px !important; font-family: var(--w-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 700 !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(3) ~ * { flex: 1 0 100%; font-family: var(--w-serif) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--w-t4) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-actions { position: absolute !important; top: 10px !important; right: 10px !important; display: flex !important; gap: 2px !important; margin: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-actions button { height: 26px !important; min-width: 0 !important; width: auto !important; padding: 4px 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; color: var(--w-t5) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-actions button:hover { background: rgba(161,161,170,.2) !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-actions .storyos-cc-del-btn { color: var(--w-t3) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-actions .storyos-cc-del-btn:hover { background: #FEE2E2 !important; color: #991B1B !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-body > button.storyos-cc-add-btn { order: 1; min-height: 100px !important; height: auto !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px dashed rgba(161,161,170,.55) !important; border-radius: 8px !important; background: transparent !important; font-size: 13px !important; font-weight: 600 !important; color: var(--w-t5) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-complex-hint { order: 2; grid-column: 1 / -1; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 12px !important; line-height: 18px !important; color: var(--w-t3) !important; }
@media (max-width: 860px) {
  html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-soft-body { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence { padding-right: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(2) { margin-right: 72px !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-va .storyos-cc-relation-sentence > strong:nth-of-type(3) ~ * { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body #storyos-wd3 .scd-tg, html body .storyos-cc-relation-modal .scd-tg, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button, html body #storyos-wd3 .adapt-chip { height: 28px !important; min-height: 28px !important; box-sizing: border-box !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid #E4E4E7 !important; border-radius: 9999px !important; background: #FFFFFF !important; box-shadow: none !important; font-family: "DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; color: #52525B !important; }
html body #storyos-wd3 .scd-tg:hover, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button:hover, html body #storyos-wd3 .adapt-chip:hover { background: #FAFAFA !important; border-color: #A1A1AA !important; }
html body #storyos-wd3 .scd-tg.on, html body #storyos-wd3 .scd-tg.is-selected, html body .storyos-cc-relation-modal .scd-tg.on, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button.on, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button.is-selected, html body #storyos-wd3 .adapt-chip.on { background: #52525B !important; border-color: #52525B !important; color: #FFFFFF !important; }
html body #storyos-wd3 .scd-tg.on *, html body .storyos-cc-relation-modal .scd-tg.on .storyos-tag-label, html body #storyos-wd3 .adapt-chip.on * { color: #FFFFFF !important; }
html body .storyos-tag-delete { width: 16px !important; height: 16px !important; padding: 0 !important; border: 0 !important; border-radius: 9999px !important; background: rgba(255,255,255,.2) !important; color: #FFFFFF !important; font-size: 11px !important; line-height: 16px !important; }
html body #storyos-wd3 .scd-tg.add, html body #storyos-wd3 .adapt-chip-add { height: 28px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; border: 1px dashed rgba(161,161,170,.6) !important; border-radius: 9999px !important; background: transparent !important; font-size: 12px !important; font-weight: 500 !important; color: #52525B !important; }
html.dark-mode body #storyos-wd3 .scd-tg, html.dark-mode body #storyos-wd3 .adapt-chip, html.dark-mode body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button { background: #18181B !important; border-color: #3F3F46 !important; color: #D4D4D8 !important; }
html.dark-mode body #storyos-wd3 .scd-tg.on, html.dark-mode body #storyos-wd3 .adapt-chip.on, html.dark-mode body .storyos-cc-relation-modal .storyos-cc-rel-quick-row button.on { background: #A1A1AA !important; border-color: #A1A1AA !important; color: #18181B !important; }
html body #storyos-wd3 .scd-lbl, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-title, html body #storyos-wd3 .storyos-cc-tag-title { padding-left: 0 !important; font-size: 13px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; color: #18181B !important; }
html body #storyos-wd3 .scd-lbl::before, html body .storyos-cc-relation-modal .storyos-cc-rel-quick-title::before, html body #storyos-wd3 .storyos-cc-tag-title::before { display: none !important; content: none !important; }
html.dark-mode body #storyos-wd3 .scd-lbl, html.dark-mode body #storyos-wd3 .storyos-cc-tag-title, html.dark-mode body .storyos-cc-relation-modal .storyos-cc-rel-quick-title { color: #FAFAFA !important; }
html body #storyos-wd3 .va-subseg { padding: 2px !important; gap: 2px !important; border-radius: 8px !important; background: #F4F4F5 !important; }
html body #storyos-wd3 .va-subtab { height: 30px !important; padding: 0 12px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 500 !important; color: #71717A !important; }
html body #storyos-wd3 .va-subtab.on { background: #FFFFFF !important; color: #18181B !important; box-shadow: 0 1px 2px rgba(0,0,0,.08) !important; }
html body #storyos-wd3 .va-subtab .c { color: #A1A1AA !important; font-size: 11px !important; }
html.dark-mode body #storyos-wd3 .va-subseg { background: #27272A !important; }
html.dark-mode body #storyos-wd3 .va-subtab.on { background: #3F3F46 !important; color: #FAFAFA !important; }
html body #storyos-wd3 .storyos-sc-tags-close, html body #storyos-wd3 .storyos-cc-tag-edit-btn, html body #storyos-wd3 .storyos-cc-tag-more-btn { height: 26px !important; padding: 4px 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; font-size: 12px !important; font-weight: 500 !important; color: #52525B !important; }
html body #storyos-wd3 .storyos-sc-tags-close:hover, html body #storyos-wd3 .storyos-cc-tag-edit-btn:hover, html body #storyos-wd3 .storyos-cc-tag-more-btn:hover { background: rgba(161,161,170,.2) !important; color: #18181B !important; }
html body #storyos-wd3 .storyos-cc-delete-vd { height: 26px !important; padding: 4px 6px !important; border-radius: 8px !important; background: transparent !important; font-size: 12px !important; font-weight: 500 !important; color: #71717A !important; }
html body #storyos-wd3 .storyos-cc-delete-vd:hover { background: #FEE2E2 !important; color: #991B1B !important; }
html body #storyos-wd3 .storyos-cc-person-tags { border: 1px solid #E4E4E7 !important; border-radius: 8px !important; background: var(--w-paper) !important; box-shadow: none !important; }
html body #storyos-wd3 .storyos-cc-tag-summary-title { font-size: 13px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
html body #storyos-wd3 .storyos-cc-tag-summary { font-size: 12px !important; color: var(--w-t3) !important; }
html body #storyos-wd3 .storyos-cc-card-footer-vd { border-top: 1px solid var(--w-row) !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div { min-width: 132px !important; padding: 4px !important; border: 0 !important; border-radius: 8px !important; background: var(--w-paper) !important; box-shadow: 0 0 0 1px #E4E4E7, 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important; display: flex; flex-direction: column; gap: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div button, html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div button * { width: 100% !important; height: 32px !important; margin: 0 !important; padding: 6px 12px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: #3F3F46 !important; text-align: left !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div button * { width: auto !important; height: auto !important; padding: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div button:hover { background: #F4F4F5 !important; color: #18181B !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-role-wrap > div button:last-child { margin-top: 4px !important; border-top: 1px solid #E4E4E7 !important; border-radius: 0 0 6px 6px !important; color: #52525B !important; }
html body #storyos-wd3 #wd2-form .storyos-st-template-menu { padding: 4px !important; border: 0 !important; border-radius: 8px !important; background: var(--w-paper) !important; box-shadow: 0 0 0 1px #E4E4E7, 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important; }
html body #storyos-wd3 #wd2-form .storyos-st-tpl-group { padding: 8px 12px 4px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: #71717A !important; }
html body #storyos-wd3 #wd2-form .storyos-st-tpl-item { height: 32px !important; padding: 6px 12px !important; border-radius: 6px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: #3F3F46 !important; background: transparent !important; }
html body #storyos-wd3 #wd2-form .storyos-st-tpl-item:hover { background: #F4F4F5 !important; color: #18181B !important; }
html body #storyos-wd3 #wd2-form .storyos-st-tpl-item.on, html body #storyos-wd3 #wd2-form .storyos-st-tpl-item.active { font-weight: 600 !important; color: #18181B !important; }
html body #storyos-wd3 #wd2-form button.wd2b-keep { height: 38px !important; border: 1px solid #E4E4E7 !important; border-radius: 8px !important; background: var(--w-paper) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--w-t1) !important; }
html body #storyos-wd3 #wd2-form button.wd2b-keep * { color: var(--w-t3) !important; }
html body #storyos-wd3 #wd2-form div[style*="#4682b4" i]:not([class*="adapt-chip"]), html body #storyos-wd3 #wd2-form div[style*="#4a55c7" i]:not([class*="adapt-chip"]), html body #storyos-wd3 #wd2-form div[style*="70, 130, 180"]:not([class*="adapt-chip"]), html body #storyos-wd3 #wd2-form div[style*="74, 85, 199"]:not([class*="adapt-chip"]) { color: var(--w-t1) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.35px !important; }
html body .storyos-cc-relation-modal { background: rgba(9,9,11,.4) !important; font-family: "DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; }
html body .storyos-cc-rel-modal-box { border: 1px solid #E4E4E7 !important; border-radius: 12px !important; background: #FFFFFF !important; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important; }
html body .storyos-cc-rel-modal-hd { padding: 24px 24px 16px !important; border-bottom: 1px solid #E4E4E7 !important; }
html body .storyos-cc-rel-modal-title { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; color: #18181B !important; }
html body .storyos-cc-rel-modal-desc { margin-top: 4px !important; font-size: 14px !important; line-height: 20px !important; color: #71717A !important; }
html body .storyos-cc-rel-close { width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #71717A !important; font-size: 18px !important; }
html body .storyos-cc-rel-close:hover { background: rgba(161,161,170,.2) !important; color: #18181B !important; }
html body .storyos-cc-rel-modal-bd { padding: 20px 24px !important; }
html body .storyos-cc-rel-modal-bd select, html body .storyos-cc-rel-modal-bd input, html body .storyos-cc-rel-modal-bd textarea { height: auto; min-height: 40px !important; border: 1px solid #E4E4E7 !important; border-radius: 8px !important; background-color: #F7F7F8 !important; box-shadow: none !important; font-family: inherit !important; font-size: 14px !important; color: #18181B !important; }
html body .storyos-cc-rel-modal-bd textarea { font-family: "Songti SC", "STSong", "SimSun", serif !important; }
html body .storyos-cc-rel-modal-bd select:focus, html body .storyos-cc-rel-modal-bd input:focus, html body .storyos-cc-rel-modal-bd textarea:focus { background-color: #FFFFFF !important; border-color: #71717A !important; outline: none !important; }
html body .storyos-cc-rel-sentence-row > span { font-size: 13px !important; color: #A1A1AA !important; }
html body .storyos-cc-rel-custom-hint { font-size: 12px !important; line-height: 18px !important; color: #71717A !important; }
html body .storyos-cc-rel-note-label { font-size: 13px !important; font-weight: 600 !important; color: #18181B !important; }
html body .storyos-cc-rel-quick-group { margin-top: 14px !important; }
html body .storyos-cc-rel-quick-row { gap: 6px !important; margin-top: 8px !important; }
html body .storyos-cc-rel-modal-ft { padding: 16px 24px 20px !important; border-top: 1px solid #E4E4E7 !important; }
html body .storyos-cc-rel-modal-ft button { height: 32px !important; padding: 0 14px !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.3px; box-shadow: none !important; }
html body .storyos-cc-rel-save { background: #27272A !important; border: 1px solid #18181B !important; color: #FAFAFA !important; }
html body .storyos-cc-rel-save:hover { background: #18181B !important; }
html body .storyos-cc-rel-cancel { background: #FFFFFF !important; border: 1px solid #D4D4D8 !important; color: #52525B !important; }
html body .storyos-cc-rel-cancel:hover { background: #FAFAFA !important; border-color: #A1A1AA !important; }
html body .storyos-cc-rel-delete { background: transparent !important; border: 1px solid transparent !important; color: #71717A !important; }
html body .storyos-cc-rel-delete:hover { background: #FEE2E2 !important; color: #991B1B !important; }
html.dark-mode body .storyos-cc-rel-modal-box { background: #18181B !important; border-color: #3F3F46 !important; }
html.dark-mode body .storyos-cc-rel-modal-title, html.dark-mode body .storyos-cc-rel-note-label { color: #FAFAFA !important; }
html.dark-mode body .storyos-cc-rel-modal-hd, html.dark-mode body .storyos-cc-rel-modal-ft { border-color: #3F3F46 !important; }
html.dark-mode body .storyos-cc-rel-modal-bd select, html.dark-mode body .storyos-cc-rel-modal-bd input, html.dark-mode body .storyos-cc-rel-modal-bd textarea { background-color: #1F1F23 !important; border-color: #3F3F46 !important; color: #FAFAFA !important; }
html.dark-mode body .storyos-cc-rel-save { background: #F4F4F5 !important; border-color: #FAFAFA !important; color: #18181B !important; }
html.dark-mode body .storyos-cc-rel-cancel { background: #18181B !important; border-color: #52525B !important; color: #D4D4D8 !important; }
html body .wd2-up-box { border: 1px solid #E4E4E7 !important; border-radius: 12px !important; background: #FAFAFA !important; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important; }
html body .wd2-up-hd { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 20px !important; font-weight: 600 !important; color: #18181B !important; }
html body .wd2-up-sub { font-size: 14px !important; color: #71717A !important; }
html body .wd2-up-x { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: transparent !important; color: #71717A !important; }
html body .wd2-up-x:hover { background: rgba(161,161,170,.2) !important; color: #18181B !important; }
html body .wd2-up-card { border: 1px solid #E4E4E7 !important; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; }
html body .wd2-up-card.is-need { border: 2px solid #27272A !important; }
html body .wd2-up-name { font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.35px; }
html body .wd2-up-btn { height: 34px !important; border: 1px solid #D4D4D8 !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 600 !important; }
html body .wd2-up-tag { border-radius: 4px !important; font-size: 11px !important; font-weight: 500 !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip { height: 28px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; border: 1px solid #E4E4E7 !important; border-radius: 9999px !important; background: #FFFFFF !important; font-size: 12px !important; font-weight: 500 !important; color: #52525B !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip:hover { background: #FAFAFA !important; border-color: #A1A1AA !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip.on { background: #52525B !important; border-color: #52525B !important; color: #FFFFFF !important; font-weight: 500 !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip-add { height: 28px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; border: 1px dashed rgba(161,161,170,.6) !important; border-radius: 9999px !important; background: transparent !important; font-size: 12px !important; font-weight: 500 !important; color: #52525B !important; }
html.dark-mode body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip { background: #18181B !important; border-color: #3F3F46 !important; color: #D4D4D8 !important; }
html.dark-mode body #storyos-wd3 #wd2-form.wd2-formbox .adapt-chip.on { background: #A1A1AA !important; border-color: #A1A1AA !important; color: #18181B !important; }
html body .storyos-prompt-overlay, html body .storyos-alert-overlay, html body .storyos-confirm-overlay { background: rgba(9,9,11,.4) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .storyos-prompt-box, html body .storyos-alert-box, html body .storyos-confirm-box { width: 400px !important; max-width: calc(100vw - 32px) !important; border: 1px solid #E4E4E7 !important; border-radius: 12px !important; background: #FFFFFF !important; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important; animation: none !important; font-family: "DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; }
html body .storyos-prompt-hd, html body .storyos-alert-hd, html body .storyos-confirm-hd { padding: 24px 24px 8px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 18px !important; line-height: 26px !important; font-weight: 600 !important; color: #18181B !important; }
html body .storyos-alert-bd, html body .storyos-confirm-bd, html body .storyos-confirm-bd *, html body .storyos-prompt-bd { padding: 0 24px 20px !important; background: transparent !important; font-size: 14px !important; line-height: 22px !important; font-weight: 400 !important; color: #52525B !important; }
html body .storyos-confirm-bd * { padding: 0 !important; }
html body .storyos-prompt-input { height: 40px !important; padding: 0 12px !important; border: 1px solid #E4E4E7 !important; border-radius: 8px !important; background: #F7F7F8 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 400 !important; color: #18181B !important; }
html body .storyos-prompt-input:focus { background: #FFFFFF !important; border-color: #71717A !important; }
html body .storyos-prompt-ft, html body .storyos-alert-ft, html body .storyos-confirm-ft { padding: 16px 24px 20px !important; gap: 8px !important; border-top: 1px solid #E4E4E7 !important; background: transparent !important; }
html body .storyos-prompt-cancel, html body .storyos-confirm-cancel, html body .storyos-prompt-confirm, html body .storyos-alert-ok, html body .storyos-confirm-ok { height: 32px !important; padding: 0 14px !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; box-shadow: none !important; }
html body .storyos-prompt-cancel, html body .storyos-confirm-cancel { border: 1px solid #D4D4D8 !important; background: #FFFFFF !important; color: #52525B !important; }
html body .storyos-prompt-cancel:hover, html body .storyos-confirm-cancel:hover { background: #FAFAFA !important; border-color: #A1A1AA !important; }
html body .storyos-prompt-confirm, html body .storyos-alert-ok, html body .storyos-confirm-ok[style*="4682b4" i], html body .storyos-confirm-ok[style*="70, 130, 180"] { border: 1px solid #18181B !important; background: #27272A !important; color: #FAFAFA !important; }
html body .storyos-confirm-ok, html body .storyos-confirm-ok[style*="e24b4a" i], html body .storyos-confirm-ok[style*="226, 75, 74"] { border: 1px solid #7F1D1D !important; background: #991B1B !important; color: #FFFFFF !important; }
html body .storyos-confirm-ok[style*="4682b4" i], html body .storyos-confirm-ok[style*="70, 130, 180"] { border-color: #18181B !important; background-color: #27272A !important; color: #FAFAFA !important; }
html.dark-mode body .storyos-prompt-box, html.dark-mode body .storyos-alert-box, html.dark-mode body .storyos-confirm-box { background: #18181B !important; border-color: #3F3F46 !important; }
html.dark-mode body .storyos-prompt-hd, html.dark-mode body .storyos-alert-hd, html.dark-mode body .storyos-confirm-hd { color: #FAFAFA !important; }
html.dark-mode body .storyos-alert-bd, html.dark-mode body .storyos-confirm-bd, html.dark-mode body .storyos-confirm-bd * { color: #D4D4D8 !important; }
html.dark-mode body .storyos-prompt-ft, html.dark-mode body .storyos-alert-ft, html.dark-mode body .storyos-confirm-ft { border-top-color: #3F3F46 !important; }
html body [class*="-import-v118"] [class*="-imp-group-content"] > div:hover, html body .storyos-st-import-modal [data-st-import-item="1"]:hover { border-color: #A1A1AA !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; transform: none !important; background: var(--m-paper, #FFFFFF) !important; }
html body #storyos-wd3 #wd2-form .va-import:focus:not(:focus-visible) { background: transparent !important; outline: none !important; }
html body #storyos-wd3 #wd2-form .va-import:hover { background: rgba(161,161,170,.2) !important; }
html body .storyos-prompt-overlay, html body .storyos-alert-overlay, html body .storyos-confirm-overlay { position: fixed !important; inset: 0 !important; z-index: 2147483648 !important; display: none !important; align-items: center !important; justify-content: center !important; }
html body .storyos-prompt-overlay.show, html body .storyos-alert-overlay.show, html body .storyos-confirm-overlay.show { display: flex !important; }

/* ===== V4.1 全页复查（2026-09-24）：旧苹果灰 → 规则书冷灰，大圆角 → 8px，彩色 / 琥珀色 → 规则书状态色 ===== */
/* 页面底色 */
html body #saas-fullscreen-app-wrapper.wd3-topbar, html body #saas-fullscreen-app-wrapper.wd3-topbar .main-area, html body #saas-fullscreen-app-wrapper.wd3-topbar .main-area > .content { background: #E9E9EB !important; }
html.dark-mode body #saas-fullscreen-app-wrapper.wd3-topbar, html.dark-mode body #saas-fullscreen-app-wrapper.wd3-topbar .main-area, html.dark-mode body #saas-fullscreen-app-wrapper.wd3-topbar .main-area > .content { background: #09090B !important; }
@media (max-width: 720px) { html body #saas-fullscreen-app-wrapper.wd3-topbar .main-area > .content { background: var(--w-paper, #FFFFFF) !important; } }
/* 圆角 */
html body #storyos-wd3 .wd2-outgroup.wd3-group { border-radius: 0 !important; }
html body #storyos-wd3 #wd2-result.wd2-result { border-radius: 8px !important; }
html body #storyos-wd3 #wd2-form .storyos-st-timeline-wrap { border-radius: 8px !important; }
html body .storyos-cc-relation-modal .storyos-cc-rel-modal-box { border-radius: 12px !important; border: 1px solid #E4E4E7 !important; }
/* 结果视图的五节标签：和工作台标签同一套 */
html body #storyos-wd3 .wd2-res-tab { color: #71717A !important; }
html body #storyos-wd3 .wd2-res-tab.is-on { color: #18181B !important; }
html body #storyos-wd3 .wd2-res-tab:disabled, html body #storyos-wd3 .wd2-res-tab.is-empty, html body #storyos-wd3 .wd2-res-tab[aria-disabled="true"] { color: #A1A1AA !important; }
html.dark-mode body #storyos-wd3 .wd2-res-tab.is-on { color: #FAFAFA !important; }
/* 表单里插件遗留的旧灰字 */
html body #storyos-wd3 #wd2-form .storyos-sc-focus-shell > div:last-child button span { color: inherit !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-headtag-chip, html body #storyos-wd3 #wd2-form .storyos-cc-headtag-empty { color: #A1A1AA !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-person-grid label, html body #storyos-wd3 #wd2-form .storyos-cc-person-grid > div > div:first-child, html body #storyos-wd3 #wd2-form .storyos-cc-grid-vd > * > div:first-child { font-size: 12px !important; color: #71717A !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-card-footer-vd span { font-size: 12px !important; color: #A1A1AA !important; }
html body #storyos-wd3 #wd2-form .storyos-cc-person-head > span:not([class]) { color: #D4D4D8 !important; }
html body #storyos-wd3 #wd2-form .va-pane.on { background: #FAFAFA !important; border-color: #E4E4E7 !important; border-radius: 8px !important; }
html.dark-mode body #storyos-wd3 #wd2-form .va-pane.on { background: #1F1F23 !important; border-color: #3F3F46 !important; }
/* 结构卡里插件隐藏的原生时间线（偶尔露出）也换成灰阶 */
html body #storyos-wd3 #wd2-form .storyos-st-final-dot { background: #52525B !important; border-color: #52525B !important; }
html body #storyos-wd3 #wd2-form .storyos-st-final-boundary:not(.storyos-st-ratio-handle) { border-color: #D4D4D8 !important; }
html body #storyos-wd3 #wd2-form [data-st-track] em { color: #71717A !important; }
/* 改编组：上传框、剧本范围分段、说明条、集数框 */
html body #storyos-wd3 #wd2-form [id^="adapt_drop_"] { background: rgba(228,228,231,.25) !important; border: 1px dashed rgba(161,161,170,.55) !important; border-radius: 8px !important; }
html body #storyos-wd3 #wd2-form [id^="adapt_drop_"] span, html body #storyos-wd3 #wd2-form [id^="adapt_count_"] { color: #71717A !important; }
html body #storyos-wd3 #wd2-form [id^="adapt_drop_"] span[style*="4a55c7" i], html body #storyos-wd3 #wd2-form [id^="adapt_drop_"] span[style*="74, 85, 199"] { color: #4A55C7 !important; }
html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) { padding: 2px !important; gap: 2px !important; border-radius: 8px !important; background: #F4F4F5 !important; border: 0 !important; }
html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) > button { height: 30px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 500 !important; color: #71717A !important; box-shadow: none !important; }
html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) > button[style*="background:#fff" i], html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) > button[style*="background: rgb(255, 255, 255)"], html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) > button.on, html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid div:has(> button) > button.is-on { background: #FFFFFF !important; color: #18181B !important; box-shadow: 0 1px 2px rgba(0,0,0,.08) !important; }
html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid ~ div, html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid + div { background: #F4F4F5 !important; border: 0 !important; border-radius: 6px !important; color: #52525B !important; font-size: 12px !important; }
html body #storyos-wd3 #wd2-form .storyos-adapt-spec-grid label > span { border-color: #E4E4E7 !important; border-radius: 8px !important; color: #71717A !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox button.wd2b-keep { border-color: #E4E4E7 !important; }
/* 关系编辑窗「和 / 是」连接词 */
html body .storyos-cc-rel-sentence-row > span { font-weight: 400 !important; }
/* 升级浮窗：旧苹果灰、琥珀色、17px → 规则书 */
html body .wd2-up { background: rgba(9,9,11,.4) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .wd2-up, html body .wd2-up * { font-family: "DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
html body .wd2-up #wd2-up-t, html body .wd2-up .wd2-up-hd b { font-family: "Songti SC", "STSong", "SimSun", serif !important; font-size: 20px !important; font-weight: 600 !important; color: #18181B !important; }
html body .wd2-up .wd2-up-sub, html body .wd2-up .wd2-up-desc { color: #52525B !important; }
html body .wd2-up .wd2-up-name { font-size: 16px !important; color: #18181B !important; }
html body .wd2-up .wd2-up-price, html body .wd2-up .wd2-up-price i, html body .wd2-up .wd2-up-price strong, html body .wd2-up .wd2-up-btn { color: #18181B !important; }
html body .wd2-up .wd2-up-price s { color: #A1A1AA !important; }
html body .wd2-up .wd2-up-sub em, html body .wd2-up .wd2-up-hint { color: #9A3412 !important; font-style: normal !important; }
html body .wd2-up .wd2-up-tag.is-cur { background: #F4F4F5 !important; color: #52525B !important; border: 0 !important; }
html body .wd2-up .wd2-up-tag.is-need { background: #FFEDD5 !important; color: #9A3412 !important; border: 0 !important; }
html body .wd2-up .wd2-up-btn.is-primary { color: #FAFAFA !important; }
html body .wd2-up .wd2-up-feats, html body .wd2-up .wd2-up-feats * { color: #3F3F46 !important; }
/* 深色模式：生成中圆点 */
html.dark-mode body #storyos-wd3 .wd3-busy { background: #FACC15 !important; }
/* 站内提示条（替代插件带 emoji 的提示）：白底细边圆角 8，状态用小圆点 */
#wd3-toasts { position: fixed; top: 24px; left: 50%; transform: translateX(-50%); z-index: 2147483699; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
.wd3-toast { display: inline-flex; align-items: center; gap: 8px; max-width: min(560px, calc(100vw - 32px)); padding: 10px 16px; border: 1px solid #E4E4E7; border-radius: 8px; background: #FFFFFF; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); font-family: "DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #18181B; opacity: 0; transform: translateY(-8px); transition: opacity .2s, transform .2s; }x
.wd3-toast.is-in { opacity: 1; transform: none; }
.wd3-toast i { width: 6px; height: 6px; flex-shrink: 0; border-radius: 9999px; background: #71717A; }
.wd3-toast.is-ok i { background: #16A34A; }
.wd3-toast.is-bad i { background: #DC2626; }
html.dark-mode .wd3-toast { background: #18181B; border-color: #3F3F46; color: #FAFAFA; }
/* 插件行内写死的旧灰（color:#9aa3af / #6b7280 / #5b6472、背景 #f4f6f9）统一换成规则书冷灰 */
html body #storyos-wd3 #wd2-form [style*="color:#9aa3af" i], html body [class*="-import-v118"] [style*="color:#9aa3af" i] { color: #A1A1AA !important; }
html body #storyos-wd3 #wd2-form [style*="color:#6b7280" i], html body [class*="-import-v118"] [style*="color:#6b7280" i] { color: #71717A !important; }
html body #storyos-wd3 #wd2-form [style*="color:#5b6472" i] { color: #52525B !important; }
html body #storyos-wd3 #wd2-form [style*="background:#f4f6f9" i] { background: #F4F4F5 !important; }
html body [class*="-import-v118"] [style*="font-size:10px" i], html body #storyos-wd3 #wd2-form [style*="font-size:10px" i] { font-size: 11px !important; }
html body #storyos-wd3 #wd2-form.wd2-formbox button.wd2b-keep, html body #storyos-wd3 #wd2-form.wd2-formbox button.wd2b-keep[id] { border: 1px solid #E4E4E7 !important; }
/* 「点击上传」是文字链接，保留品牌色 */
html body #storyos-wd3 #wd2-form [id^="adapt_drop_"] span[style*="4682b4" i] { color: #4A55C7 !important; font-weight: 600 !important; }
html.dark-mode body #storyos-wd3 #wd2-form [id^="adapt_drop_"] span[style*="4682b4" i] { color: #8E96F0 !important; }
/* V4.2：桌面端只保留工作区自己的滚动条 —— 页面外层不再出现第二根（矮屏时之前会因为最小高度 480 让外层也能滚） */
@media (min-width: 721px) {
    html body #saas-fullscreen-app-wrapper.wd3-topbar[data-storyos-page="worker-category"] .main-area > .content { overflow-y: hidden !important; }
    html body .wd3-topbar #storyos-wd3 .wd2-wrap.wd3-split { min-height: 0 !important; }
}
@media (max-width: 720px) {
    /* 手机：编剧名单跟着整页滚，不再在名单里再套一根滚动条 */
    html body #storyos-wd3 .wd2-list.wd3-list { max-height: none !important; height: auto !important; overflow: visible !important; }
}
/* V4.2.1：插件表单里自带一整套页面外壳（同名 #saas-fullscreen-app-wrapper / .main-area / .content，按 100vh 定高、overflow:hidden），
 * 嵌进工作区后会把表单截在一屏高度里：滑到底也看不到最后一张卡。这里把这层外壳全部放开，高度随内容，只由工作区滚动。 */
html body #storyos-wd3 #wd2-form, html body #storyos-wd3 #wd2-form #saas-fullscreen-app-wrapper, html body #storyos-wd3 #wd2-form .main-area, html body #storyos-wd3 #wd2-form .main-area > .content, html body #storyos-wd3 #wd2-form .workspace-main, html body #storyos-wd3 #wd2-form .workspace-main-card {
    position: static !important; inset: auto !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transform: none !important; z-index: auto !important; }
/* 工作区底部留出空白：最后一张卡下面至少 64px（有浮动面板时生成栏不在底部，也照样留白） */
html body #storyos-wd3 .wd3-work-in { padding-bottom: 64px !important; }